Программа проекта
Этапы работы над проектом
- Аналитика конкурентов — посмотрел 47 кампаний экологических брендов, выделил паттерны и клише
- Мудборд и концепция — собрал референсы из промышленного дизайна, а не из эко-рекламы
- Три варианта композиции — тестировал на фокус-группе из 12 человек, выбрали самый неожиданный
- Отрисовка в Figma — создал систему компонентов для быстрой адаптации под форматы
- Анимация прототипа — использовал Adobe Animate, экспортировал в HTML5
Заказчик попросил добавить больше зелёного цвета. Я показал A/B тест — версия без зелёного работала на 22% лучше.
Отдельно разработал адаптивные версии для мобильных форматов — они требовали другой иерархии информации.
Подробное описание
Задача была непростой: стартап по переработке пластика запускался в регионе, где об экологии мало кто думает. Нужны были баннеры, которые зацепят взгляд, но не будут выглядеть как очередная зеленая агитка.
Я отказался от стандартных листочков и планеты. Вместо этого использовал крупные геометрические формы из переработанного материала — они выглядели современно и технологично. Цветовая схема строилась на контрасте: глубокий синий и терракотовый вместо привычного зеленого.
Главная находка — использование анимированных элементов на цифровых носителях. Частицы пластика собирались в полезные предметы за 3 секунды. Конверсия в переходы на сайт выросла на 34% по сравнению с предыдущей статичной версией.
Технические детали
Форматы: 728×90, 300×250, 160×600. Вес файлов до 150 КБ. HTML5 для анимации.
Интересный момент: на физических билбордах пришлось адаптировать композицию под большое расстояние просмотра. Увеличил размер шрифта в полтора раза, убрал мелкие детали.