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

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

Новый интерфейс запущен не в полном объеме в режиме тестирования. На данный момент конверсия повысилась в 1,5 раза.
__________________________________________________________

The new interface is launched in test mode. To date, the conversion has increased 1.5 times

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

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

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

We had two weeks to immerse into the project and study the client. It was also necessary to сonduct a complete analysis, design CJM, conduct competitive analysis and process users feedback. Our task was to redesign the service and develop new interface from scratch based on the best practices in this field and analytics results.

Given the extremely tight deadlines we knew that it was impossible to complete the task on time if communicate with the client by mail or phone. Therefore, we decided to send iBrush project team to the client’s office to work on the project. The team worked in the client’s office for 12 days, including Saturdays, 12 hours a day and then they successfully defended the project.

Прочая информация о кейсе

Мы спроектировали весь интерфейс таким образом, что пользователь на любом этапе быстро получает ответ на свой вопрос (что это? как выбрать и заказать? и так далее), попадая на целевую страницу или блок. Закрыв все вопросы на этапе знакомства с продуктом, пользователь больше не видит причин уйти, не оформив заказ.

За короткий срок мы полностью разработали новый дизайн всех разделов сайта.
На основе стилистики бренда, его основных цветов мы создали фирменный стиль сервиса. Яркие цветовые решения для ключевых элементов дали возможность использовать их в качестве “якорей”. Формат навигации сайта “от блока к блоку” дает пользователю полное понимание продукта, но не перегружает его информацией.

Отказались от сложной графики и анимации предыдущей версии сайта в пользу удобства и простоты для оформления заказа. Новый посетитель сайта сразу понимает, что здесь можно заказать и как это быстро сделать. В данном случае анимация и другие сложные элементы отвлекают потенциального покупателя от основной цели – оформления заказа.

Сайт полностью адаптирован для всех мобильных устройств. Заказать доставку одинаково удобно как с веб-версии, так и телефона или планшета. Для некоторых страниц мы использовали mobile-first для уже устоявшегося трафика с мобильных устройств с целью максимального удобства интерфейса оплаты или просмотра корзины.

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

Личный кабинет

Личный кабинет состоит из трех разделов: профиль, заказы и бонусы. В профиле хранится вся персональная информация пользователя (номер телефона, платежные данные, адрес доставки и тд).
В следующем разделе мы видим всю информацию по текущим и доставленным заказам: статус, состав, стоимость, данные о доставке. В заказах есть возможность настроить абсолютно все: поставить заказ на паузу во время отпуска или отъезда, запланировать доставку каждые два дня на разные адреса указать другие личные данные. Такой self-service поможет пользователям настраивать свои заказы гибко и удобно.
Третий раздел – данные программы лояльности: доступные и списанные бонусы, а также статусы по ним и напоминания о скором списании или акциях.
__________________________________________________________

We developed this interface so that the users could get a quick answers to all their questions (what is it? how to choose? how to order? etc) when they are on the landing page or visit specific section. So when they want to get more information about the service and how it works we provide them with immediate answers and they do not have any reasons to leave without placing an order.

In a short time we developed a new design for all site sections. We created service signature style based on the brand style and its primary colors. Bright colors for key elements made it possible to use them as anchors. Thanks to a convenient navigation system customers have full understanding of the product, but at the same time they are not overloaded with information.

We removed from the site graphics and animations which the previous version had to make the process of placing an order more simple and convenient so that new user can immediately understand what can be ordered and how to do it quickly. Animation and other graphic elements distract the customers from the main goal which is placing an order.

The site is adapted for all mobile devices. It’s easy to order delivery both from the web version and from your phone or tablet. For some pages we used mobile-first for already established traffic from mobile devices to ease the process of placing an order and payment.

We developed ring diagram to display delivery costs on the map. The delivery options for different zones are immediately displayed on the map. To identify their zone and to calculate delivery costs the customers just have to specify their address in the search field.

Personal account

There are three sections in user’s personal account: profile, orders and bonuses. The profile contains user's personal information (phone number, billing information, delivery address, etc.).
Orders section contains information on current and delivered orders: on their status, сontent, cost, delivery data. In this section the customers can put their order on pause during their vacation or departure, to schedule delivery for every two days to different addresses at different time, or to specify different personal details. This self-service helps users to customize their orders easily.
The third section contains loyalty program details: available and expired bonuses, bonuses status, bonuses expiration time and special offers.

Текущая доступность работы

https://www.behance.net/gallery/88293837/Level-Kitchen-dostavka-racionov-zdorovogo-pitanija

Скриншоты