Сделали сайт бренда MotiMe ярким для покупателя и убедительным для ритейла

заказчик
MotiMe
услуги
сайт, тексты, графика
сроки по проекту
2 месяца
ссылка на сайт
Скринкаст сайта MotiMe: прокрутка страницы с каталогом моти, условиями для партнёров и логотипами сетей
К нам обратился MotiMe, крупный российский производитель японского мороженого моти. MotiMe делают замороженные японские десерты и поставляют их в крупные сети и сервисы: Самокат, Ozon Fresh, Яндекс Лавку, Пятёрочку, Магнит, ВкусВилл, Перекрёсток. Компания выросла, а старый сайт уже не передавал масштаб, ассортимент и ценности бренда: слабая презентация продуктов, нет внятной подачи для целевой аудитории, нечёткая структура. Информация подавалась стихийно и цельного впечатления не складывалось.

Основная аудитория сайта — B2B: сети, партнёры, дистрибьюторы. Главная задача, которая стояла перед нами на старте, в том, чтобы потенциальным партнёрам было проще понять продукт: владельцам кофеен и кафе, представителям сетей, менеджерам по развитию, категорийным менеджерам. При этом важно было не потерять фокус на конечных покупателях и учесть HR-задачи: будущие сотрудники тоже заходят на сайт, чтобы понять культуру и масштаб бизнеса.

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

Что мы сделали

Структуру собрали вокруг партнёрства. Перед этим посмотрели сайты прямых и косвенных конкурентов: у большинства производителей сайт обращён к покупателю, а раздела для партнёров нет. Поэтому у MotiMe сначала идёт всё, что нужно сетям, дистрибьюторам и HoReCa: ассортимент и форматы, условия работы, требования к хранению, варианты сотрудничества. Ниже блок для покупателей, в конце вакансии.
Анализ отрасли перед разработкой сайта MotiMe: экраны сайтов конкурентов и таблица сравнения
Прототип сайта MotiMe: десять блоков лендинга и пути посетителей к заявке, маркетплейсам и вакансиям
Витрина-каталог стоит сразу после первого экрана с кнопкой «получить КП». В каталоге 25 позиций в пяти разделах: моти, стаканы с шариками, торты, конфеты-мороженое и новинки. Три фасовки моти, по 1, 3 и 6 штук, собрали в одну карточку, чтобы похожие упаковки не повторялись.
Дизайн сайта MotiMe: каталог моти и блок для покупателей со ссылками на Самокат, Ozon Fresh и Яндекс Лавку на компьютере и телефоне
Показали все ключевые условия для партнёров: помощь в продажах после отгрузки, промо и дегустации, вкусы под спрос, срок хранения от 6 до 12 месяцев, отсрочка платежа, минимальный заказ от 10 000 ₽, производство по ХАССП. Партнёр сразу видит, как с MotiMe работать и что после поставки ему помогут продать продукт.

Продукт уже представлен в крупнейших сетях страны, и это лучший ответ на осторожность к новинкам. Логотипы сетей и кофеен собрали в блок «Вы точно нас видели, просто не знали, что это мы». Рядом рассказали о компании: цех и склад на 3000 м², 120 человек в команде, рост вдвое за год, сооснователи с фото. Так сеть понимает, что производство потянет её объёмы, а будущий сотрудник видит масштаб бизнеса.
Дизайн сайта MotiMe: условия для партнёров, логотипы сетей и форма заявки на компьютере и телефоне
Тексты написали, балансируя между деловой подачей для партнёров и ярким тоном бренда для покупателей: «Без глютена и повода гуглить состав», «Осторожно, может попасть в сторис!». Для покупателей есть ссылки на Самокат, Ozon Fresh и Яндекс Лавку, для будущих сотрудников блок о команде и ссылка на вакансии на hh.ru.

Сайт сделали ярким и живым, чтобы сохранить характер продукта и не потерять выразительность в digital. Оформление продолжает фирменный стиль и упаковку MotiMe: розовая гамма бренда, графика в японском стиле, паттерн из иероглифа «моти», на первом экране рендеры упаковки. Типографику обновили.
Дизайн первого экрана сайта MotiMe на компьютере и телефоне: коробки моти на розовом фоне с японскими облаками
Первый экран сайта MotiMe с коробками моти на рекламном билборде
Каталог моти MotiMe в телефоне на фоне клубники и цветов, рядом коробка моти черника
Работали по этапам: анализ, прототип, тексты, дизайн, вёрстка и базовое SEO. Каждый этап показывали на видеопрезентации и созвоне, следующий начинали после согласования, а весь проект вели на общей доске, где заказчик видел, что сейчас в работе и что дальше. После запуска перенесли сайт на аккаунт MotiMe, подключили домен и формы и передали команде инструкцию, как наполнять каталог.
Ход проекта по разработке сайта MotiMe: три ключевых этапа с презентациями и согласованием и график работ по неделям

Что получилось

Сайт работает как витрина, как презентация для партнёров и как мост для общения с будущими сотрудниками. У заказчика появился инструмент, который можно смело показывать сетям, инвесторам, кандидатам и конечным клиентам: открыть на встрече или отправить ссылкой, и сразу видно, что за бренд, какие есть опции и в каком формате с ним работать.
Страница 404 сайта MotiMe с коробкой моти на экране ноутбука на фоне неба
Екатерина Комарова, арт-директор Komarova Digital
арт-директор, фаундер
Екатерина Комарова
«На протяжении всей разработки заказчик был включён, понимал, что происходит, и доверял нашим решениям. Мы быстро получали ответы на вопросы и материалы, поэтому не додумывали за бизнес то, чего не знаем. Для нас это главный показатель: когда компания работает как партнёр, результат получается сильным»
Через неделю после запуска сайт вышел на первую страницу Яндекса по запросам «моти оптом» и «моти производитель»: сработала базовая SEO-оптимизация. А ещё MotiMe получил награду лучших сайтов, созданных на платформе Tilda.
Моти на тарелке с надписью «Спасибо за внимание» и komarova.digital
Аватар Эдуарда Фетелавы, сооснователя MotiMe
сооснователь MotiMe
Эдуард Фетелава
«Сайт действительно получился супер!»

Что дальше

Заполнить карточку в Яндекс Бизнесе и развивать отзывы. В выдаче рядом с сайтом появятся рейтинг и отзывы.

Разработать страницу для HoReCa. На неё пойдёт SEO-трафик от кофеен и ресторанов.

Настроить контекстную рекламу по оптовым запросам. Реклама приведёт тех, кто ищет поставщика прямо сейчас.

Запустить B2B-рассылку по кофейням и региональным сетям. Партнёр увидит ассортимент и условия до звонка менеджера.

Производите продукт для сетей, дарксторов и HoReCa?

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