Креативный лонгрид для экосообщества
Касание
О проекте
Ко мне обратилась клиентка с очень необычным запросом: создать креативный сайт про связь человека и природы как единого целого, при этом показать это не «в лоб», а через ассоциации, ощущения на уровне подсознания. Сайт призван обратить внимание на защиту природы через эмоции и перевод на основной сайт экологической организации с целью сбора пожертвований.
Пожелания к дизайну от клиента
Цитирую: «сайт должен быть путешествием по стихиям и путешествием к себе одновременно. Чтобы тебя обдувало ветром, когда заходишь в ветер и было холодно от льда в разделе льда. И закрывал глаза от яркой вспышки, когда находишься в разделе молнии»
Звучит как невероятное вдохновение и вызов одновременно. С таким настроением приступила к визуальному исследованию.
Звучит как невероятное вдохновение и вызов одновременно. С таким настроением приступила к визуальному исследованию.
Визуальное исследование
Так как задача стояла нестандартная, то к процессу я также подошла с другой стороны. Клиентка готовилась к фотосессии для сайта, поэтому, в первую очередь, я провела визуальное исследование и подготовку образов, на которые мы будем опираться. Отмечу, что мне была дана полная свобода в идеях — от спокойных и более понятных ассоциаций до кричащих и дерзких образов. Тему человека и природы можно показать с разных сторон, и по итогу получилось 3 концепции.
Концепция 1 «Человек — продолжение природы»
Образы, основанные на схожих явлениях\формах в природе, которые ассоциируются с человеком и считываются подсознательно. Грибы, схожие со зрачком глаза; корневая система растения — кровеносная\нервная у человека; дерево, колышащееся на ветру — гибкость тела в танце и т. д.
Концепция 2 «Дерзкий фэшн»
Представим, что самая обычная селедка или овощ это что-то лакшери?) Яркие и смелые образы в стиле модного журнала.
Концепция 3 «Провокация»
Градус максимально накалился и в эта концепция основана на провокации. Вызов в духе Тома Форда.
Контент
1 концепция оказалось наиболее близкой к тем ощущениям, что хотелось передать:
- недосказанность
- пластичность
- плавный переход от человека к стихии.
- сняты несколько креативных фотосессий под каждую стихию
- записана музыка, которую мы затем добавили на сайт для полного погружения
- снят видео-ролик, который взяли в качестве прелоудера.
Нестандартные референсы
В качестве одного из референсов вдохновляюсь клипом Aurora — экспрессия, контрасты, природные образы.
Прорастающие ростки из клипа беру как идею для анимации.
Структура и смыслы
На основе съемки, анализа референсов строю следующую идею лендинга.
Процесс дизайна
Благодаря такому большому количеству потрясающих кадров и активной вовлеченности клиентки рождается очень много вариантов.
Невошедшие в финальный дизайн экраны.
В финальном варианте поместили динамичную фотографию на главный экран. Капли на полу плавно перетекают в стихию воды, изгибы тела напоминают барханы песка. Получилось то самое единство.
Анимация
Эмоции клиента
Награды
Сайт взял получил международные награды Special Kudos, UI, UX, Innovation на CSS Design Awards.