Корпоративний сайт, що об’єднує сонячну генерацію, накопичення енергії та зарядну інфраструктуру.
СТРАТЕГІЯ / UX/UI / РОЗРОБКА / MOTIONСАЙТ ПРАЦЮЄ
SolarFamily
Енергетична інженерія
Корпоративний сайт
Стратегія / UX/UI / розробка / анімація
UA / EN
2026
SolarFamily створює енергетичну інфраструктуру для бізнесу та приватних клієнтів: сонячні електростанції, системи накопичення й зарядні станції.
Сайт мав показати цілісний інженерний підхід компанії — від аналізу об’єкта та проєктування до реалізації й подальшого сервісу. Ми зібрали ці напрями в одну цифрову презентацію з послідовною структурою, виразним дизайном і зрозумілими переходами до обговорення проєкту.
Пояснити складні енергетичні рішення через задачі людей, які ними користуватимуться.
Розділити сценарії бізнесу, приватного дому, зарядної інфраструктури та промислового накопичення.
Поєднати технічні пояснення, параметри обладнання й приклади об’єктів у читабельну систему.
Показати інженерну команду, повний цикл робіт і реалізовані проєкти компанії.
Дати користувачеві простий шлях від знайомства з рішенням до звернення щодо свого об’єкта.
Головна допомагає обрати один із чотирьох напрямів, а далі розкриває його через задачу, підхід і приклади.
Окремі сторінки поглиблюють інформацію про послуги, компанію, партнерів та реалізовані проєкти. Для промислових BESS створено самостійний маршрут: принцип роботи, сценарії, економіка, інтеграція та запит на попередній розрахунок.
Масштаб інфраструктури став основою візуального напряму.
Великі зображення об’єктів, графітове тло та жовті акценти поєднуються з точною сіткою й виразними заголовками. Візуальні матеріали показують середовище, у якому працюють рішення, а зображення команди додають людський вимір інженерній експертизі. Простір між блоками допомагає читати технічний контент без перевантаження.
Єдина система інтерфейсу поєднує презентаційні сторінки, технічні пояснення та портфоліо об’єктів.
Контраст заголовків, основного тексту та коротких підписів задає порядок читання. Технічні характеристики мають власну ієрархію, щоб значення та одиниці вимірювання легко зіставлялися.
Повторювані лінії, нумерація, картки й кнопки тримають сторінки в одному ритмі. Широкі візуальні блоки чергуються з компактними поясненнями та даними.
Взаємодія підтримує пояснення та допомагає перейти до конкретного запиту.
На головній інтерактивна схема пояснює зв’язки між генерацією, мережею, накопиченням і споживанням. Перемикання сценарію змінює активний вузол, а анімовані потоки показують напрям руху енергії. На сторінці BESS окремі сценарії розкривають пріоритети підприємства, а демонстраційний інтерфейс моніторингу ілюструє типи показників.
Сонячна генерація живить споживачів. Доступний надлишок може заряджати систему накопичення.
На телефоні та планшеті зберігається та сама логіка: обрати напрям, зрозуміти рішення, переглянути досвід компанії та залишити звернення.
Багатоколонкові композиції переходять у вертикальну послідовність. Навігація, зображення, схеми й поля форм пристосовані до доступної ширини. Технічний зміст залишається частиною сторінки, а порядок блоків підтримує читання під час прокручування.
Портфоліо показує інженерні рішення через конкретні об’єкти, їхні характеристики та обсяг виконаних робіт.
Серед обраних проєктів — Нова пошта, ПУМБ, ФОРА, АТБ / Logistic Union та УКРАВІТ САЙЕНС ПАРК. Ця подача дає технічним параметрам контекст і демонструє різні масштаби застосування рішень SolarFamily.
Дизайн погоджений із клієнтом, а сайт уже опублікований на solarfamily.ua. Проєкт має українську та англійську версії.
Від стратегії та UX/UI до розробки й motion ми сформували цілісну цифрову презентацію SolarFamily. Вона об’єднує напрями роботи, інженерну експертизу, обладнання та реалізовані об’єкти й дає відвідувачеві послідовний шлях до обговорення своєї енергетичної задачі.
ОСНОВНІ НАПРЯМИ
ОКРЕМИЙ МАРШРУТ
ДВІ МОВНІ ВЕРСІЇ
ОПУБЛІКОВАНИЙ САЙТ
Розкажіть, що ви створюєте. Ми відповімо правильними питаннями та практичним наступним кроком.