UNIGREEN

Unigreen Energy — международная компания в сфере солнечной энергетики. Производит и поставляет солнечные ячейки, модули, кремниевые пластины, строит солнечные станции и парки, продаёт электроэнергию

Разработать мультиязычный корпоративный сайт, поддерживающий 5 языков (русский, английский, испанский, немецкий и французский). Основной акцент — на привлечении зарубежных клиентов и партнёров

• Эффективное привлечение локальных девелоперов к сотрудничеству и успешный сбор лидов
• Демонстрация Unigreen как надёжного европейского производителя, финансово устойчивого партнёра с международным опытом в области солнечной энергетики
• Визуальная привлекательность, лёгкость в управлении, соответствие позиционированию компании

Для сбора требований к сайту провели интервью с руководителями отделов маркетинга, IPP (независимое производство электроэнергии), B2B и продаж готовой продукции. Так, мы получили детальное понимание бизнеса, целевой аудитории и необходимых функций сайта. В сфере солнечной энергетики много специфических профессиональных слов. Чтобы лучше понимать клиента, мы создали внутренний словарь терминов
Следующий этап — ­ обработка и синтез собранной информации. После серии интервью и установочной встречи у нас было достаточно материала для всестороннего анализа бизнеса клиента. На основе этих данных мы создали карту в FigJam, что помогло упорядочить информацию, Эта карта также сыграла важную роль на этапе разработки информационной архитектуры. Нам не приходилось повторно заглядывать в протоколы интервью — вся информация была под рукой

UnigreenEnergy чётко знали своих конкурентов и предоставили список из более чем 30 компаний по различным направлениям. Мы выбрали 5 конкурентов для анализа: по два из разных направлений и одного из смежной сферы. Анализ оказался объёмным и охватывал контентные страницы сайта и его важные элементы: шапка, футер и внутренняя навигация. Мы также разработали сравнительную таблицу, куда собрали основные страницы и блоки конкурентов. В результате выделили ключевые тренды корпоративных сайтов. Например, акцент на устойчивом развитии и ESG-повестке

В этом проекте информационная архитектура объединяет карту сайта и требования к интерфейсу. Мы не только строили иерархию страниц, но и фиксировали контент для каждой из них. В процессе аналитики выяснили, что состав страниц должен отличаться от первоначального технического задания. Количество страниц нужно было увеличить, а некоторые заменить. После согласования с клиентом составили список страниц для реализации. Выделили те, что нужны для первого релиза, чтобы запустить сайт в срок. Затем разработали содержание для шапки и футера. Такой подход позволил заранее решать вопросы, так как внесение изменений на этом этапе проще, чем на этапе проектирования. Несколько обсуждений с клиентом помогли исправить недочёты, и после нескольких итераций информационная архитектура была окончательно сформирована

Прототипы разрабатывались на английском языке, поскольку Unigreen Energy — международная компания. Начали с проектирования главной страницы. Клиенту сразу понравились наши решения: для него это была первая визуализация сайта
При работе над внутренними страницами обсуждали контент с клиентской командой, учитывая интересы всех направлений. Хотя архитектура и базовое наполнение были согласованы, мы адаптировались и меняли некоторые решения. Например, изначально мы планировали 13 посадочных страниц для партнёров, но позже поняли, что это чрезмерно. Вместо этого решили объединить информацию на одной странице, разделив партнёров на 4 категории. Также появились новые ограничения от разработчиков, что вынудило нас отказаться от нескольких решений и добавить их в фич-лист. Несмотря на все трудности, этап был завершён в срок

Параллельно с проектированием главной страницы началась работа над дизайн-концепциями. Наша задача заключалась в разработке двух принципиально разных вариантов. В концепциях должны были использовать корпоративные цвета (зелёный и оранжевый) с различной расстановкой акцентов. Первая концепция представляла компанию как серьёзное и технологичное производство, акцентируя внимание на качестве и стабильности
Вторая концепция была яркой и эмоциональной, с метафорой раскрывающегося подсолнуха, символизирующего работу солнечной ячейки

В дизайне акцентировали внимание на презентации продуктов и гетероструктурной технологии. Для каждого продукта создали лендинг

Мы разработали уникальную графику для каждого продукта и подготовили технические задания на анимации, чтобы финальный результат соответствовал замыслу дизайнера. Например, описывали использование параллакса при скролле, зум изображений при наведении и анимации графики для продуктов. Анимацию для иконок и иллюстраций реализовали с использованием Lottie

Unigreen нацелены на международное сотрудничество, поэтому сайт должен поддерживать 5 языков. 
Одной из главных задач разработки стала реализация независимой мультиязычности, позволяющей управлять контентом и структурой каждой языковой версии сайта отдельно

Другая важная задача — обеспечение простоты управления контентом. Для этого разработали кастомизированный интерфейс, напоминающий конструктор. В административной панели есть различные типы контентных блоков, которые можно легко добавлять и настраивать на страницах сайта. Это нестандартный функционал для 1С-Битрикс, но нам удалось настроить для клиента удобный инструмент управления контентом