Задача
Solar Boom — крупная компания, поставляющая в Россию зарубежное оборудование для возобновляемой энергии. Работает полным циклом: начиная с разработки концепции и проектирования, заканчивая сдачей готового объекта, гарантийным и постгарантийным обслуживанием.
Задача была сформулирована так: создать интернет-магазин, где пользователь может больше узнать о значении возобновляемой энергии, рассчитать проект под себя и купить оборудование.
Три глагола в одной фразе — узнать, рассчитать, купить — и есть сложность. Каталог оборудования и просветительский раздел живут по разным законам, а между ними стоит расчёт, без которого человек не понимает, сколько ему нужно панелей и когда это окупится.
Решение
В основу дизайн-концепции легла форма ячейки солнечной панели. Из неё собраны блоки и элементы сайта, и это подчёркивает технологичность и прогрессивность компании: сетка страницы буквально повторяет сетку панели.
Клиент пришёл с уже готовым брендингом и фирменным стилем, и палитра осталась его: оранжевый #EE763D, сине-серый #374957 и кремовый #F5F0E3. Типографика — Oswald на заголовках и Fira Sans в тексте: узкий гротеск даёт плотность, рабочий — читаемость в длинных описаниях.
Для сложных тем нарисовали собственные минималистичные иллюстрации: энергосервисные контракты, лизинг и микрогенерацию нельзя показать фотографией, а сплошной текст мы для них считали плохим решением.
Фотографическая часть собрана генерацией изображений: больше 40 кадров и свыше четырёх часов генерации — панели в лесу, на крышах и в природном окружении.
Что сделали
Дизайн-концепция. Визуальный язык, построенный на форме солнечной ячейки, и модульная сетка из неё.
Главная и каталог. Первый экран с фразой «Solar Boom — компания, которая заботится о планете и её будущем», блок лучших предложений с карточками панелей и ценами, переход в каталог.
Блок услуг. Монтаж геотермального отопления, строительство солнечных электростанций, строительство систем рекуперации воздуха, строительство электрозаправочных станций — карточками с раскрытием.
Калькулятор. Экран «Рассчитайте свою выгоду»: регион, тариф, потребление — и расчёт под конкретный объект.
Процесс работы. Схема из восьми шагов — «всего 8 шагов к актуальной системе и экономии ваших ресурсов».
«Снижение финансовой нагрузки». Раздел про энергосервисные контракты, лизинг и микрогенерацию — с собственными иллюстрациями вместо текстовых простыней.
Копирайтинг. Тексты для разделов о продуктах и финансовых схемах работы с клиентами.
Доставка и установка. Отдельные экраны с картой и условиями.
Мобильная версия. Услуги, каталог и калькулятор на телефоне.
Результат
Интернет-магазин, в котором сложный продукт объясняется визуально: форма панели держит композицию, иллюстрации закрывают финансовые схемы, калькулятор переводит разговор из общего в конкретный.
Сайт разработан и реализован на Tilda и работает на solarboom.tilda.ws.
Разбор проекта опубликован на Dprofile и Behance — ссылки внизу.
