Предзаказ во ВкусВилл

Интеграция нового сценария доставки в мобильное приложение

Контекст

ВкусВилл — российский бренд с фокусом на здоровое питание. Этот проект — концепция внедрения нового сценария доставки — предзаказа, чтобы пользователи могли планировать покупки заранее и получать заказы в удобное время.

Цель

Встроить новый тип доставки — Предзаказ с выбором 3-часового интервала на дату через 2−14 дней, не нарушая привычный пользовательский путь, а также создать онбординг, вовлекающие коммуникации и собрать прототип нового сценария.

Моя роль

UX/UI-дизайн: исследование пользовательских сценариев и конкурентной среды, проектирование интерфейсов, создание интерактивного прототипа и подготовка презентации решения.

Сегментация ЦА и персоны

ВкусВилл традиционно ориентируется на осознанных покупателей: тех, кто выбирает продукты с заботой о здоровье и качестве. Чтобы предзаказ получился удобным, я начал с простого вопроса: кто и зачем оформляет доставку заранее? Для ответа я изучил открытые исследования и на их основе выделил два ключевых сегмента. Мотивы у людей разные, но их объединяет потребность в контроле и предсказуемости. По сегментам я описал персон и собрал сценарии и JTBD, лежащие в основе интерфейса.

Елена, 42 года
Живёт в Москве, работает удалённо. Замужем, двое школьников. Планирует меню на неделю и часто заказывает доставку заранее.

❌ Проблемы:
  • Неудобно подстраиваться под «доставку сегодня-завтра»;
  • В последний момент нужных товаров может не оказаться;
  • Перед праздниками сложно всё успеть.

✅ Потребности:
  • Заранее запланировать заказ: выбрать дату и время;
  • Получить всё за один раз;
  • Подобрать доставку на время, удобное для семьи.

JTBD
Когда я планирую закупку на неделю или к празднику, я хочу заранее собрать корзину и выбрать день и время доставки, чтобы не волноваться, что чего-то не будет, и получить заказ, когда я дома.

Артём, 28 лет
Живёт в Казани, работает в IT, один. Много работает, играет в игры. Продукты и еду заказывает онлайн.

❌ Проблемы:
  • Заказывать в день покупки неудобно: нужных товаров может не оказаться;
  • После тяжёлого дня трудно выбирать продукты;
  • Не хочет тратить время на магазины в будни.

✅ Потребности:
  • Запланировать доставку заранее, например на выходной;
  • Не заказывать спонтанно и не сталкиваться с нехваткой нужного;
  • Пользоваться понятным и быстрым сервисом без лишних шагов.

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

Путь пользователя и структура приложения

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

Исследование конкурентов

Я изучил приложения конкурентов: какие подходы к предзаказу там уже есть, как пользователю предлагают выбрать дату и интервал доставки и насколько это удобно и понятно.
Большинство сервисов делают ставку на быструю доставку, но не дают возможности планировать. Предзаказ встречается редко, а выбор даты и времени — только в конце пути. Это создаёт ощущение неопределённости и снижает доверие к процессу.


Предзаказ — недооценённая возможность.
Только 3 из 7 приложений позволяют выбрать доставку на 2+ дня вперёд.
Остальные ориентируются на "сейчас".

Инсайт: Предзаказ — открытая ниша, способ выделиться за счёт удобства и предсказуемости для пользователя.


Нет возможности выбрать время заранее.
Почти все приложения скрывают выбор доставки до финала.
Только ВкусВилл и SPAR дают возможность указать время заранее.

Инсайты: Выбор слота в начале — простое, но сильное UX-решение,
которое экономит время и снижает неопределённость.
Поддержка двух сценариев (сначала слот / сначала товары) делает процесс гибким и предсказуемым.

Что показало исследование конкурентов

Функция предзаказа остаётся незаметной. Во многих приложениях пользователь даже не догадывается, что может запланировать доставку заранее — информация об этом появляется только в самом конце оформления. Из-за этого снижается вовлечённость и теряется потенциал сценария, особенно для семейных пользователей, которые привыкли планировать покупки заранее.

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

Что это значит в контексте приложения ВкусВилл?
  • Текущий путь в приложении ВкусВилл уже позволяет уточнить условия доставки до выбора товаров — это важное преимущество, которое стоит сохранить;
  • Добавление функции предзаказа на 2−14 дней вперёд с удобным выбором временного слота укрепит позицию сервиса среди конкурентов;
  • Главное — сделать этот сценарий максимально простым, заметным и доступным с первого экрана.
Ниже — обзор экранов, собранных в процессе исследования конкурентов.

Проектирование интерфейса

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

Что сделано

Изучил конкурентов и аудиторию по открытым источникам, выделил сегменты и описал персон. Построил CJM, продумал онбординг и точки входа, собрал детализированный прототип нового сценария — предзаказа.

Ценность для бизнеса

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

Далее

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