Confectum

Главное о кейсе

Confectum — один из крупнейших производителей маршмеллоу и кондитерских изделий в России, работающий как с собственными брендами, так и с контрактным производством для торговых сетей. Перед нами стояла непростая задача: создать B2B-сайт для закупщиков и категорийных менеджеров, который одновременно оставался бы удобным рабочим инструментом и передавал яркий характер бренда.

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

Как проект изменил жизнь пользователей

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

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

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

Бизнес-задача и ее решение

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

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

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

Крафт (мастерство), реализация, технические детали

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

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

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

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Главный инсайт проекта — B2B-сайт не обязан быть скучным. Мы сохранили понятную структуру для закупщиков и партнеров, но дополнили ее яркой визуальной подачей, анимациями и интерактивными механиками, которые помогают бренду выделяться среди конкурентов.

Скриншоты