Фото: cloudmill.ru
Разработка сайта для Гиагинского молочного завода
Кейс рассказывает, как агентство CloudMill Digital Production, на каждом этапе разработки, выполняло пожелания заказчика по созданию сайта для предприятия пищевой промышленности. Чем при этом руководствовались специалисты агентства?
Особенность кейса: сайт разрабатывался для продвижения уникального продукта, связанного с брендом региона. От разработчиков потребовалось глубокое погружение в проект и сохранение преемственности айдентики, ее стилистическое развитие.
Готовый сайт ориентирован на B2C-сегмент и содержит полезный контент для потребителей, но при этом учитывает интересы B2B-партнеров завода.
Проект получил несколько престижных наград. Каких? Об этом в конце кейса.
Ссылка на проект: gmz.su
Работы, выполненные в рамках проекта: проектирование, дизайн, фотосессия, иллюстрации, разработка, анимация интерфейса.
Описание заказчика
Гиагинский молочный завод — производитель молочной продукции в республике Адыгея. Ключевое направление — изготовитель вытяжного и традиционного национального сыра Адыгеи.
Завод обладает исключительным правом на производство адыгейского сыра, которое закреплено знаком “наименование места происхождения товара” (НМПТ). Этот вид товарных знаков подтверждает, что при создании продукта использовалась оригинальная рецептура и производитель соблюдает традиционные технологий изготовления.
Задача агентства
Разработать новый сайт, который ярко презентует продукты изготовителя, расскажет об истории заказчика и отразит самобытность Адыгеи, а также обеспечить преемственность и стилистическое развитие айдентики.
Процесс работы над проектом
Уникальность продуктов заказчика была использована в качестве ключа для выбора визуального языка будущего сайта. Через уникальность передавалось настроение, с ее помощью команда агентства решила воссоздать аутентичную атмосферу места производства, отразить колорит Северного Кавказа.
Процесс работы над сайтом состоял из шести этапов. Рассказываем, что было сделано.
Этап 1. Проведение агрегирования и формализации требований по проекту
Для учета всех требований заказчика к будущему сайту, команде CloudMill Digital Production пришлось погрузиться в сферу производства сыра и проанализировать бизнес-процессы.
В результате был сформирован бриф-лист, содержащий наиболее важные вопросы, связанные с деятельностью заказчика. Агентство поделилось им с MarketingTECH.
Уже на первом этапе создания сайта, были проработаны параметры целевой аудитории, состоящей из В2В и В2С сегментов. Обычно интересы бизнеса и простых потребителей довольно сложно сочетать в рамках одного интерфейса. Дальше посмотрим, как агентство справилось с этой задачей.
Помимо данных о целевой аудитории, с помощью брифа удалось получить информацию о продукте и самом заводе. На основании собранных данных, была спроектирована информационная архитектура сайта.
Этап 2. Создание текстов и формулирование идеи
Этапу проектирования сайта предшествует написание текстового контента. В агентстве CloudMill Digital Production уверены, что применение именно такого подхода помогает в создании осмысленных прототипов, с помощью которых решаются реальные бизнес-задачи заказчиков и удовлетворяются потребности целевой аудитории.
Перед написанием текста, специалисты агентства занимались изучением традиций коренного народа Адыгеи. В результате этой работы появилось облако тезисов, на которые они могли опираться при создании идеи и выработке визуального стиля.
Ключевая идея сайта была сформулирована так:
Мы помогаем миллионам людей вести здоровый образ жизни. Через наши сыры они могут ощутить свежесть горного воздуха и кристальную чистоту рек Кавказа.
Этап 3. Прототипирование
На основе информационной архитектуры и готовых текстов, агентство перешло к созданию прототипов страниц сайтов.
Надо сказать, что специалисты агентства уже в процессе прототипирования продумывают механики и подбирают образы для визуала.
Команда агентства вынесла три ключевых пункта в главное меню создаваемого сайта.
- «О нас». Этот раздел решает задачу с позиционированием и философией производства.
- Раздел «Продукция» знакомит потребителей и партнеров с ассортиментом заказчика.
- «Где купить» — этот раздел, называемый агентством “утилитарной функцией для B2C-сегмента”, позволяет увидеть на карте офлайн-магазины, где продается продукцию заказчика, а также содержит список онлайн-ритейлеров, сотрудничающих с производителем.
По мнению MarketingTECH, размещение на сайте производителя официальных точек продаж, поддерживает партнеров и способствует сокращению количества контрафактных товаров. В случае с уникальными продуктами это важно для поддержания репутации бренда.
Как рассказали в агентстве, указание официальных точек продаж товара является классическим функционалом для сайтов, продвигающих товары повседневного спроса (FMCG). С помощью этого функционала удается существенно сократить путь потребителя к продукту.
В агентстве CloudMill Digital Production приложили максимум усилий, чтобы потребители запомнили фирменную упаковку продуктов. Тогда отправившись в магазин и встретив элементы фирменного стиля, покупатели вспомнят, какое качество стоит за упаковкой и выберут продукцию заказчика. Исходя из этого было принято решение – презентовать продукт на первом экране сайта.
Вторая страница сайта тоже связана с презентацией продукта. Она усиливает его ценность для B2C-аудитории за счет полезного контента – рецептов с продукцией заказчика.
Следующий экран повествует о ключевом уникальном торговом предложении (УТП) продукта – месте происхождения товара. С помощью УТП агентство решает задачу позиционирования завода и отмечает эксклюзивность продукции.
Ниже размещается блок с новостями, закрывающий PR-задачи. Из него можно узнать, о жизни заказчика.
Под новостями – подвал сайта. С повторением пунктов основного меню, контактами, ссылками на соцсети. Визуально выделен телефон и e-mail службы поддержки потребителей. Меню подвала содержит пункт “Партнерам”.
Информация для B2B-партнеров также есть на вкладке “О нас”. Там она представлена дважды:
– в подменю вверху вкладки,
– большой кнопкой “Партнерам” под историей завода.
Экран для партнеров помимо краткого изложения преимуществ, содержит ссылку на скачивание презентации, форму обратной связи, блок для подписки на рассылки и подвал, где дублируются пункты главного меню, указан адрес и время работы, а также приведены ссылки на социальные сети.
Этап 4. Визуальный контент
Команда CloudMill Digital Production провела фотосессию продуктов заказчика. Композиционные фотографии были использованы для каталога и раздела с рецептами. Они дополнили фотобанк заказчика. Фотографы агентства дали новые средства выразительности. Новые качественные фото помогли улучшить контент в соцсетях.
Этап 5. Подготовка к созданию дизайн-концепции
В рамках разработанной идеи в агентстве собрали мудборд, который еще называют “доской настроения”. Он нужен, чтобы собрать основу для выработки стилистики нового проекта, его цветовой гаммы, шрифтов, иллюстраций. Также специалисты компании подобрали сайты-референсы, т.е. сайты, содержащие элементы, похожие на те, которые должен включать в себя будущий сайт или близкие к нему по тематике.
В визуальную и стилистическую основу специалисты заложили:
– упрощенную геометрию и детализацию в иллюстрациях,
– крупную выразительную типографику,
– комбинацию растровых черно-белых изображений и векторных иллюстраций.
|
  |
|
Мудборд для дизайн-проекта сайта Гиагинского молочного завода. Фото: cloudmill.ru
Этап 6. Создание дизайн-концепции и согласование визуального стиля проекта
На шестом этапе работы над проектом было создано четыре версии сайта. У читателей MarketinTECH есть возможность с ними познакомиться.
Версия 4. Горы Адыгеи на заднем фоне, есть продуктовый слайдер, иллюстративная поддержка.Для создания сайта была выбрана четвертая дизайн-концепция. На ее основе создана главная страница сайта.
Итак, мы рассмотрели шесть этапов, на которые была разделена разработка сайта Гиагинского молочного завода и увидели, как агентство CloudMill Digital Production решило задачу позиционирования уникального продукта и каким образом создатели сайта совместили интересы посетителей В2С и В2В сегментов.
При знакомстве с сайтом Гиагинского молочного завода, MarketingTECH обратил внимание на уместные, ненавязчивые и аутентичные продукту элементы анимированной графики. Они оживляют сайт, делают его непохожим на другие, и при этом не отвлекают внимание от продукта.
Представленный в кейсе сайт Гиагинского молочного завода, получил эти награды:
В заключение отметим, что агентство CloudMill Digital Production имеет статус золотого сертифицированного партнера «1С- Битрикс» и участвует в программе мониторинга качества внедрений. Поэтому вероятность некорректной работы рассматриваемого сайта сведена к минимуму.