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

Чтобы учесть требования каждого и при этом не превратить проект в бездушные страницы с типовыми блоками, нужна готовность к экспериментам и открытость к новому. И у нашего заказчика на проекте для «Любятово» они — были.

На старте проекта у заказчика уже был корпоративный сайт, но серьезные изменения в корпоративной структуре потребовали его обновить. Дело в том, что до 2023 года группа компаний «Любятово» входила в концерн «Келлог РУС» — российское представительство компании Kellogg’s, крупнейшего мирового производителя сухих завтраков и печенья. Тех самых, которые мы часто видим в американских фильмах.

В 2023 году компания Kellogg’s ушла из России, как и многие зарубежные бренды, поэтому российскому представительству потребовался собственный сайт: текущая версия была создана по шаблону сайта головной зарубежной компании. Требовался отдельный интернет-проект, чтобы работать на рынке самостоятельно: под своим брендом и по своим правилам.

Теперь 5 ведущих брендов компании — «Любятово», UNICORN, Dinosaurus, Extra и Chocozavr — собрались под единым и очень привычным названием флагманского бренда «Любятово». И о каждом из брендов и его товарах предстояло рассказать на новом сайте.

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

Основную дизайн-концепцию мы назвали «Сердце Любятово» — в её основе фирменный элемент в виде сердца из обновленного логотипа. Он используется на подложках продуктов в анимированном в промо-блоке, украшает заголовки и обрамляет фотографии.

Для промо-блока мы отрисовали несколько вариантов изображений в разной стилистике: несколько с основной подложкой-сердцем и совсем другие, с крупной типографикой на фоне.

Фишкой альтернативной главной сделали 3D-анимацию высыпающихся хлопьев — самого символичного продукта из линейки брендов «Любятово», который отсылает к тёплым семейным и очень счастливым завтракам. Чтобы создать реалистичную 3D-модель, мы смоделировали отдельно саму упаковку и отдельно хлопья — у каждого элемента настраивались цвета, текстура, фактура и положение.

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

В итоге мы предложили «Любятово» три трактовки дизайна: основную, основную с другим визуалом для промо-блока и альтернативную со сторителлингом. В итоге победила последняя, но некоторые блоки из основной версии мы забрали в итоговый макет.

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

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

На внутренней странице флагманского бренда пользователя встречает маскот — Хлопушка «Любятово». Со времён рекламы, которая была у всех на слуху, Хлопушка изменилась: стала более молодежной и обзавелась разными хобби. Поэтому на странице у неё появился свой отдельный блок.