У производителей чего-то качественного и классного часто бывает, что продукция — есть, качество и лояльность потребителя — есть, узнаваемый бренд и фирменный стиль — и тот есть! А вот сайта для этого бренда — нет. Именно так и случилось с производителем халяльной молочной продукции под брендом «Чабан», который пришел к нам в студию за разработкой промо-сайта бренда (с каталогом, естественно).

Изначально у бренда не было отдельного сайта, и все маркетинговые активности вели на сайт Нальчикского молочного завода — это было неудобно как бизнесу, так и пользователям.

Чтобы укрепить имидж бренда, рассказать больше о продукции и ее особенностях конечному потребителю, а также создать необходимую площадку для бизнес-задач, требовался отдельный сайт, который хотелось видеть с «кавказским характером».

Молочная продукция — чрезвычайно конкурентная сфера. Для потребителя все товары здесь кажутся одинаковыми: у каждого производителя есть сметана, молоко, творог, масло. Ключевые различия создаются на уровне позиционирования и коммуникации с потребителем. Так, бренд «Чабан» отстраивается от конкурентов через традициональность местной культуры и принципы халяльности продукции.

«Чабан» — первый проект, где мы вместо метода персон и карты путей пользователей в виде таблицы использовали «гибридный» формат. Разделили целевую аудиторию на сегменты, выделили в каждом из них свой персонаж, сформулировали его задачи и пошагово нарисовали путь по сайту.

Чтобы отстроиться от конкурентов и найти тот самый «кавказский акцент», мы просмотрели множество сайтов молочных и не очень продуктов — инсайты с этого этапа мы забрали на прототипирование. Для главной страницы предложили сразу два варианта прототипа: первый — четко по структуре, сформированной на этапе агрегации требований, второй — более эффектный — видение дизайнера проекта, которое в итоге и выбрал заказчик.

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

За основу мы взяли фирменные цвета «Чабана» — зеленый, красный и голубой — и использовали негласного маскота бренда — чабана в бурке, который близок каждому, живущему на Кавказе.

Образ мы стилизовали как «наклейку», тем самым слегка осовременив его и сделав более «универсальным». А еще мы его оживили: бренд буквально «разговаривает» с потребителями с помощью цитат в блоках с маскотом.

Все детали на главной странице продуманы до мелочей. В шапке-острове достаточно места под контент. Вместо типичного баннера в ширину страницы в промоблоке — небольшой вертикальный слайдер с продукцией и видеоролик бренда, который сразу задает настроение всей страницы. Вместо банального рассказа о бренде — горы Кавказа с анимированным текстом. Всё это заставляет пользователя дольше задерживаться на каждом экране и увлеченно скроллить страницу до конца.

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

Раз в год бренд «Чабан» устраивает большой розыгрыш среди потребителей, в котором счастливчики могут выиграть ценные призы. Под промоакцию заказчик создает каждый год отдельный лендинг, но на главной странице бренда про это также важно рассказать. Поэтому мы предусмотрели баннер акции, который органично встраивается в дизайн главной страницы и который легко можно отключить, когда он не нужен.

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

Сайт пронизан микро- и макро- анимациями: от появления букв до горных пейзажей. Они создают «живой» эффект — так и хочется скроллить! Мы проверяли — время, которое пользователи проводят на страницах, благодаря анимации становится больше, а это очень нравится поисковым системам.

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

Амбассадоры «Чабана» — это повара известных ресторанов с кавказской кухней, которые готовят из продуктов бренда. Чтобы рассказать о них подробнее, мы создали отдельную страницу, которая напоминает настоящую соцсеть с лентой новостей.

Для бренда важно показать ассортимент, поэтому каталог сразу был в планах. Мы сделали удобную витрину продукции с фильтром по категории. По клику на конкретную позицию пользователь попадает на детальную страницу, где может узнать подробнее о составе, условиях хранения, сроках годности и вариантах упаковки.

На 404-й мы немного похулиганили. В поп-культуре есть сюжет, где инопланетяне воруют корову с пастбища — вот его мы здесь и обыграли. Ночной Эльбрус, звезды и светящаяся тарелка — такого потерявшийся пользователь точно не ожидает :)

Проект для «Чабана» — тот случай, когда за внесение контента на сайт отвечала наша команда. Чтобы гарантировать качественный результат, мы составили карту контента и заранее описали, что требуется от заказчика и в каких форматах.

Специально для проекта представители бренда «Чабан» провели фотосъемку: как продукции, так и команды. Кроме того, для главной страницы сайта заказчик отснял проморолик. Всё это потребовало некоторого времени, но результат того точно стоил — сайт получился именно таким, как и задумывалось.