Создан совместно с агентством 2Dots:

О проекте

К нам обратился создатель самого качественного на данный момент хлорофилла на Российском рынке - Chlorofill Energy Booster. Бренд ценит своих покупателей, создавая чистый продукт в удобной упаковке за демократическую цену. Для создательницы бренда крайне важно создавать для себя и близких лучшие продукты.


Задача

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


Конкуренты

В первую очередь мы собрали всех конкурентов и провели подробное исследование. Было обнаружено, что большинство конкурентов не имеют сайтов, а просто продают свою продукцию на маркетплейсах. Компании с сайтом имеют же ряд минусов: устаревший дизайн, плохая оптимизация, тяжелое повествование и приныканый на дальнюю полку состав продукта.

Исследование помогло нам выделить плюсы продукта: чистый натуральный состав, отсутствие глицерина и полисорбатов, высокая концентрация и удобная упаковка.

Особенным плюсом в работе стало то, что я много лет принимаю Хлорофилл и самостоятельно знаю какие продукты есть на Российском рынке. Возможно, вы когда-то заказывали Хлорофилл на iHerb и сталкивались с огромной бутылкой с широким горлом, а также тем, что продукт может просто бесконтрольно вылиться вам на руки или стол. А после долго не отмываться от поверхности {а еще разок я чихнула и вылила его себе на руку, эффект был как от зелёнки ибо это тоже краситель}.


Структура

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


Референсы

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

Но попасть с референсами в точку получилось лишь со второго раза. Результат мы закрепили в понятной и структурной презентации, которую вы можете посмотреть ниже.


Дизайн-концепции

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

Получились два разных варианта: легкий и более собранный. Но оба макета одинаковы по ощущениям и визуальным образам. Композиция в обоих концепциях очень простая. Помимо концепций мы предложили несколько вариантов баннеров, а также фотографий.


Описание к циферкам:
1 концепт баннер: фотография девушки с чистой кожей отсылает к одному из эффектов от приема
1 концепт яркая кнопка: одним из вариантов акцентного цвета был неоновый-зеленый. как отсылка к активности и спорту. но позже мы его убрали
1 концепт кракозябра: одной из важных задач было куда-то встроить фирменную цепь ДНК с флакона. в этом варианте мы заменили точки на линии
1 концепт иконки: я отрисовала иконки в стиле бренда, включив в них листья, капельки воды и немного своей заботы :D

2 концепт баннер: одним из пожеланий клиентки был баннер с фотографией девушки. фотография должна быть природной и отражать спокойствие, счастье, уверенность.
2 концепт размытие: я сразу поняла, что добавлять простую белую плашку будет очень грубо. нужно было добавить важную информацию о продукте и при этом оставить видимой фотографию


Дизайн

При создании дизайна ориентировались в первую очередь на пожелания клиента и отсылки к природности продукта. Созданные концепции получились очень легкими и природными.


Цвета/типографика/сетка

Мудрить слишком долго над шрифтовой парой не стала и выбрала довольно строгий шрифт без засечек — Manrope.
Он отражает экспертность, контроль, энергию, силу.

Цвета передают ощущение природности и натуральности.


Описание концепций

Заказчица выбрала второй вариант, который мы доработали и в конце добавили цвета с аккаунта бренда в запрещенной соцсети. Пришлось выбрать между несколькими вариантами цветовых акцентов.

За кадром остался потрясающий дизайн, который я создала в последний момент. Если вам нравится этот дизайн, то его можно приобрести - написать мне.


Верстка

Сайт сверстан на тильде и для удобства клиента мы тщательно переделали стандартные блоки под наш дизайн (чтобы мама родная не узнала).

• Переделали стандартный баннер

• Превратили блок с иконками в слайдер с приятной анимацией

• Переделали стандартный блок с отзывами
• Добавили аккордеон с информацией о продукте в зеро блок

Презентации

Помимо сайта мы создали презентации для рассылки оптовым покупателям. Работа производилась в сжатые сроки, но мы справились ибо хорошо знали стилистику продукта.

А еще мы оформили информацию в карточке продукта для ozon. Ее можно посмотреть по ссылке.


Итоги

Сайт получился ярким в стиле бренда и упаковки продукта. Он хорошо подойдет для размещения ссылки в социальных сетях и в рекламе.

Сайт попал в подборку #madeontilda

Если зачитался и уже готов со мной работать - нажми на кнопку ниже.