Розробка калькулятора для проєкту SolarPanel від BuildApps

Тренд на відновлювану енергетику б'є всі рекорди і досить швидко завойовує популярність. Один з наших клієнтів є провідним експертом галузі сонячних панелей та має власний блог, в якому допомагає ентузіастам будувати власні енергоефективні системи. Єдина проблема замовника – відсутність зручного інструментарію для розрахунків параметрів та конфігурацій платформ такого типу.

Власне, саме специфічний калькулятор і є темою цього матеріалу.

Дізнайтесь деталі проєкту з наступної частини кейсу!

До команди BuildApps звернувся відомий американський блогер з замовленням на реалізацію специфічної системи для свого профільного сайту на базі WordPress. Оскільки він є експертом зі створення автономних (енергонезалежних) платформ для будинків, то і задача полягала у розробці інструменту для розрахунку різних параметрів, пов'язаних з ними.

Він вже користувався сторонніми калькуляторами, які були не надто зручними та функціональними, що й спонукало його розробити власне рішення.

Таким чином, ми мали реалізувати:

• Калькулятор для сайту, де обчислюються реальні параметри сонячних панелей, комунікацій тощо.
• Навігацію розділами інструменту, де можна змінювати ключові особливості системи.
• Прив'язки до наявних сонячних панелей, їхніх параметрів, а також до додаткового обладнання для монтажу.

Тобто досить невеликий обсяг задач з відповідним дедлайном та вимогами.

Оскільки проєкт виявився відносно невеликим, то для розробки ми виділили кількох спеціалістів, які й займалися розробкою фічі (так, окремим застосунком це назвати важко). Ми визначили пріоритети замовника, розбили їх на невеликі частини та сфокусувалися на побудові системи.

В рамках співпраці ми реалізували:

• Сам калькулятор на базі Next.JS з інтуїтивним інтерфейсом.
• Протоколи зв'язку системи з бекендом та кількома зовнішніми ресурсами (зокрема з Google API для розрахунку кута нахилу панелей відповідно до геолокації будинку).
• Базу даних на основі Google Sheets, тобто таблиці, яка містить безпосередньо параметри та конфігурації.

Загалом же ми розробили три (embedded) варіації цього проєкту, адаптували дизайн до стилю сайту клієнта та передали йому готове рішення.

Сам проєкт не був надто складним в розробці, як і його окремі елементи. Технологічний стек також не викликав навіть найменших проблем. Однак ми все ж зіткнулися з кількома викликами, обумовленими специфікою самого рішення, зокрема:

• Досить велика кількість залежностей між Front-End та базою даних.
• Постійне збільшення кількості параметрів та конфігурацій.
• Некоректне відображення частини назв обладнання тощо.

В підсумку ми подолали всі труднощі та максимально синхронізували всі частини додатка. Також ми допомогли замовнику адаптувати калькулятор до спеціальних сторінок сайту і налагодили його дизайн для коректного відображення на екранах ПК, планшетів та смартфонів.

В підсумку ми створили кілька ітерацій калькулятора, які клієнт міг самостійно інтегрувати на сайт та змінювати параметри, зокрема формули розрахунків. Також ми реалізували унікальну систему обчислення кута нахилу панелей за геолокацією будинку.

Сторінки з калькуляторами за кілька тижнів стали найвідвідуванішими розділами сайту.

Хочете реалізувати подібний проєкт? Делегуйте цю задачу команді BuildApps!