vici

• Роль. Единственный дизайнер в команде.

• Срок. 4 месяца.

• Старт. Редизайн после ребрендинга: старый сайт не помогал продавать продукцию.

• Итог. Новый сайт для всех устройств, где рецепты и товары связаны между собой.

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

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

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

Где тупики. На старом сайте товары и рецепты жили отдельно — человек упирался в тупик и уходил.

Откуда заходят. Часто с телефона прямо у полки. Значит, всё должно быть удобно одной рукой.

Сравнил варианты по трём вопросам: будут ли люди дольше на сайте, дойдут ли до покупки в магазине, удобно ли это с телефона.

А — красивый каталог. Современнее, но тупики останутся.

Б — отдельный блог с рецептами. Вдохновляет, но не ведёт к товару.

В — журнал, где рецепты и товары связаны. Вдохновение сразу превращается в план покупки.

Выбрал В — только он и удерживает на сайте, и ведёт к полке.

Рецепт, который никуда не вёл. В первой версии я сохранил старую структуру: товары отдельно, рецепты отдельно. Когда прошёл по прототипу путь покупателя «ищу идею ужина → понимаю, что купить», он обрывался в конце рецепта. Так появились связки между рецептами и товарами — главное решение проекта.

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

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

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

Как я работаю. Когда прототип показал тупик в моей же первой версии, я переделал структуру, а не стал защищать удобное решение.

Цифр после запуска у меня пока нет, поэтому пишу, что изменил и на что это должно повлиять.

Что стало удобнее на сайте

• Нет тупиков: из рецепта — к товару и обратно. Больше людей дойдут до нужной упаковки.

• Следующий рецепт всегда рядом — на сайте задерживаются дольше.

• Метки — нужное находится быстрее.

• Лёгкая мобильная версия — удобно и быстро прямо в магазине.

Как сайт рассказывает о бренде

• Продаёт блюдо, а не продукт — как кулинарный журнал.

• Товары бренда видны в каждом рецепте.

• Лёгкий современный стиль помогает уйти от образа «дешёвой заморозки».