Дизайн-проект сервиса доставки готовых рационов правильного питания Level Kitchen Юлия Грызунова

Категория
Мастерство
Номинация
Дизайн вебсайтов
Компания
Level Kitchen
Бренд
диджитал-агентство iBRUSH
Ссылка

Эта работа
в других
номинациях

UX, UI & Journey Design

Задача проекта

За две недели требовалось полностью погрузиться в проект и детально изучить клиента. А также было необходимо провести полную аналитику и CJM проектирование, реализовать конкурентный анализ и обработку отзывов пользователей. В конечном итоге было необходимо переделать интерфейс и дизайн сервиса с нуля, учитывая лучшие практики в сегменте и результаты аналитики. Основная задача: с помощью нового интерфейса решить проблему низкой конверсии в заказы.

Идеи и решения

Мы спроектировали весь интерфейс таким образом, что пользователь на любом этапе быстро получает ответ на свой вопрос (что это? как выбрать и заказать? и так далее), попадая на целевую страницу или блок. Закрыв все вопросы на этапе знакомства с продуктом, пользователь больше не видит причин уйти, не оформив заказ. За короткий срок мы полностью разработали новый дизайн всех разделов сайта. На основе стилистики бренда, его основных цветов мы создали фирменный стиль сервиса. Яркие цветовые решения для ключевых элементов дали возможность использовать их в качестве “якорей”. Формат навигации сайта “от блока к блоку” дает пользователю полное понимание продукта, но не перегружает его информацией. Отказались от сложной графики и анимации предыдущей версии сайта в пользу удобства и простоты для оформления заказа. Новый посетитель сайта сразу понимает, что здесь можно заказать и как это быстро сделать. В данном случае анимация и другие сложные элементы отвлекают потенциального покупателя от основной цели – оформления заказа. Сайт полностью адаптирован для всех мобильных устройств. Заказать доставку одинаково удобно как с веб-версии, так и телефона или планшета. Для некоторых страниц мы использовали mobile-first для уже устоявшегося трафика с мобильных устройств с целью максимального удобства интерфейса оплаты или просмотра корзины. В целях визуализации стоимости доставки мы придумали решение в виде “кольцевой” схемы на карте. На карте сразу отображены варианты доставки для разных областей. Пользователь может определить стоимость доставки, указав адрес в форме.