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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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