Отдаём кейс на растерзание комментаторов vc.ru. Сайт крупнейшего кондитерского холдинга
Все обычно хвастаются своими потрясающими кейсами и переживают, когда уважаемое сообщество накидывает этим кейсам в панамку. Мы же жертвуем свой кейс ради веселья в комментариях.
Для кого
Для компании Объединенные кондитеры. Это самый крупный в России кондитерский холдинг. Ему принадлежат всем известные бренды: «Алёнка», «Бабаевский», «Красный Октябрь», «РотФронт» и другие. Управляет собственным агропромышленным кластером, фабриками и собственной торговой сетью — тут ставим галочку, это важно. По этой причине мы переделывали концепт с нуля.
Сначала — концепция для тендера
Чтобы хорошенько поработать, иногда сперва приходится наработаться бесплатно. Так мы и сделали тендерный концепт. Он понравился клиенту, нас выбрали подрядчиком, и через какие-то полгода заказчик дал старт работе над сайтом.
А теперь выбросим старый концепт и сделаем всё заново
Окей, тендер выиграли. Но клиент не согласовал тендерный концепт для реализации. Поэтому дизайнеры начали свою работу заново, переработав изначальную задумку. Тут можно начать возмущаться, что у клиентов нет чувства прекрасного и они ничего не понимают. Но вообще, клиент прав. У него свои резоны, и перед его бизнесом стоят конкретные задачи, которые должен решать сайт.
Что за задачи?
Глобально их две:
- корпоративная — больше про PR;
- функциональная — больше про продажи.
Корпоративная задача — заявить масштабы и позиционирование. Показать собственное производство от выращивания сырья до его обработки. В кондитерском бизнесе это важно.
Плюс реверанс в сторону богатой истории. Напомнить всем про «вкус, знакомый с детства». Помимо раздела «Музей», который заявлен на главной, прелоадер мотает годы жизни компании, которые охватывают три века.
Одной из самых важных задач было создание разделов про производство. Это конкурентное преимущество заказчика – собственная линия переработки какао-бобов.
Клиент очень гордится своими собственными розничными сетями «Аленка» и региональными дистрибьюторскими центрами.
Функциональная часть сайта нужна для продаж. Здесь мы сделали каталог продукции на 3500 наименований. В нем есть фильтры, подробные карточки товаров, список фабрик и брендов. Возможность работы с каталогом, заказ и запрос коммерческого предложения.
Кроме того, при наведении на бренд мы подготовили россыпь кастомных вариантов курсора — он превращается в соответствующий логотип, а оформление раздела переключается в стиль бренда.
Особое внимание мы уделили тому, как каталог выглядит и работает на мобильных устройствах. Это было требование клиента. Требование правильное, клиент молодец. Делаем и получаем:
Интерфейс поддерживает действия пользователя анимациями и микровзаимодействиями. Здесь стандартный финт — заменяем текст визуальными образами, облегчаем восприятие пользователю. Анимации – это нескучно, поэтому мы их прикрутили даже к курсору.
Верхнее меню сделали бургером. Спрятали кучу разделов в него, приём стандартный, хвастать нечем – тут согласны. Но решение правильное, вот посмотрите, как оно реализовано.
Блок «Партнёрам» разделен на корпоративных клиентов, партнеров и контрагентов. Форма обратной связи довольно подробная и внушительная. Да, если бы сайт был для B2C-сегмента, то про нее сказали бы, что она перегружена. Но у нас здесь B2B-решение и клиенту нужна форма, которая снимет максимум данных от контрагента, прикрепит коммерческое предложение. Без скриншотов в этот раз, раздел легко найдете на сайте. Ну или если это будет не легко, примем заслуженную критику.
Вот благодаря этим задачам нам в том числе пришлось полностью переделать дизайн сайта
Проект был непростым: клиент требовательный, вводных много и они постоянно меняются. Но в итоге всем всё понравилось. Сейчас делаем сайт для бренда «Аленка». Скоро покажем вам и его.
Пару слов про CMS
CMS у этого сайта — Битрикс. Потому что это российское решение, и по требованиям безопасности для крупных российских компаний проходит. В последнее время на это заказчики стали обращать пристальное внимание. Ну и в целом вполне удобная и достаточно производительная для корпоративных сайтов CMS.