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

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

А именно:

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

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

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

Мы «выкрутили» на максимум изображения маршмеллоу, конфет и мармелада, приправили их визуальными эффектами и получили яркий макет, который на 100% выделяет заказчика среди конкурентов (а заодно рождает желание срочно купить конфет).

Дизайн главной страницы

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

Анимации на странице «О нас»

Анимации на 404-й странице

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

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

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

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

Одно из самых популярных направлений бизнеса заказчика — работа с компаниями для создания их собственных торговых марок (СТМ). Раньше менеджерам компании приходилось постоянно отвечать на однотипные вопросы, испытывая большую нагрузку при обработке заявок. Всё из-за проблем с юзабилити на старом сайте — пользователи долго искали условия сотрудничества и подробное описание услуг. 

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

Для этого мы:

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

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

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