Спецпроект: промосайт для популярного ЗОЖ-бренда высокобелковых молочных напитков EXPONENTA

Разработали сайт для презентации продукта и формирования спроса на него на рынке РФ, каждым пикселем транслируя философию бренда

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

EXPONENTA — современный прогрессивный ЗОЖ-бренд, под которым производятся уникальные инновационные кисломолочные продукты с высоким содержанием белка. Миссия компании — сделать людей более энергичными, активными и здоровыми, продвигая культуру ЗОЖ.

EXPONENTA — популярный в Беларуси продукт с узнаваемой айдентикой, активно представленный на полках магазинов. Команда перманентно работает над повышением уровня узнаваемости бренда и ростом степени привязанности пользователей к продукту:

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

Бизнес масштабируется и компания выходит на новые рынки. Задачи, которые стояли перед нами:

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

Из ключевых технических требований заказчика — максимально высокая скорость загрузки сайта:

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

Переходим к поэтапной аналитике.

Продукт. Распаковка бизнеса через бриф и интервью с командой EXPONENTA (в том числе с технологами и начальником цеха, чтобы углубиться в процесс производства), ресерч социальных сетей, просмотр видеоматериалов, изучение всех доступных аналитических данных. И конечно, дегустация! Чтобы вызвать эмоциональный отклик у аудитории, нужно по-настоящему хотеть поделиться ярким вкусовым экспириенсом. Всей командой остались в офисе после работы и попробовали каждый вкус из 5 линеек напитков.

Целевая аудитория. Маркетологи EXPONENTA поделились инсайдами, но мы дополнительно провели собственный ресерч: аналитика метрик многостраничного сайта, комментарии в сообществах и соцсетях, опрос реальных покупателей в магазинах и участников офлайн-мероприятий.

Глобально — EXPONENTA «для всех и каждого»: кто восстанавливается после болезни, кто худеет и считает калории, у кого нет времени на полноценный завтрак или ужин, кто хочет отказаться от сладкого. И все же 70% целевой аудитории — девушки 25-34 года. Они ведут активный образ жизни, следят за трендами ЗОЖ, внимательно относятся к своему здоровью, ищут вкусный и полезный перекус. Когда портрет пользователя, для которого создаем сайт, сформирован и детально расписан, можно переходить к аналитике конкурентов.

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

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

Продумываем логику расположения блоков и элементов с учетом привычных для ЦА паттернов поведения в онлайне и отстройки от конкурентов. Наполняем блоки текстовым контентом по принципу концентрированной выжимки ключевых смыслов.

На выходе получаем:

Тестим прототип на фокус-группе, выверяем логику и подключаем к работе UI-дизайнера.

Как вы помните, у бренда есть сформированный брендбук:

С этого момента и до релиза сайта гайдлайн EXPONENTA становится настольной книгой нашего UI-специалиста.

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

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

Фичи в дизайне, работающие на достижение целей разработки:

Отрисовываем второстепенные элементы в общей стилистике сайта и бережно собираем UI-kit. Тестим сайт на потенциальных пользователях, презентуем заказчику — полный вау-эффект. Значит, можно готовить ТЗ на верстку.

Верстаем сайт по принципу Pixel Perfect, чтобы верстка пиксель в пиксель совпадала с дизайн-макетом.

Большая часть ЦА серфит сайты с мобильных устройств, поэтому сразу прорабатываем адаптив под приоритетные для юзеров браузеры и расширения экранов.

Как у любого продуктового бренда, ассортимент EXPONENTA может меняться: новые вкусы флагманских продуктов, экспериментальные линейки, спецпредложения. Чтобы заказчик сам в любой момент мог актуализировать контент на сайте, интегрируем блоки верстки с CMS. Админка интуитивно понятная и не требует специализированных навыков, чтобы любой сотрудник компании без доп подготовки смог управлять контентом.

На финише — комплексное QA QC тестирование и quality-чекап визуальной и технической составляющих. Дизайн-ревью — чтобы проверить, как воспринимается визуал в мобайле и десктопе, тест на фокус-группе — чтобы убедиться в прозрачности донесения смыслов и философии бренда, техническое тестирование — для выявления тонких моментов и передачи в релиз сайта без багов и ошибок.