Разработка мобильного приложения для сервиса доставки рационов ВкусМил от ВкусВилл

Заказчик ВкусМил

Сервис доставки рационов от ВкусВилл

Цель и задачи проекта

Цель

Разработать мобильное приложения для сервиса доставки рационов ВкусМил

Задачи

  • Аккумулировать и проанализировать работу сайта сервиса доставки рационов ВкусМил
  • Разработать мобильное приложение для сервиса

С чем работаем?

А мы продолжаем историю сотрудничества с сервисом доставки ВкусМил от ВкусВилл — на этот раз мы расскажем о разработке мобильного приложения ВкусМил, которое позволило бы увеличить охват пользователей как на iOs, так и на Android устройствах, и сделать взаимодействие клиентов с сервисом еще удобнее и доступнее.

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

 

 

Новым платформам - новый вид

Анализ существующих наработок

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

 

 

Разработка интерфейса

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

Приложение ВкусМил в реальной жизни

Экраны интерфейса и API

Вся разработка велась на базе 192 разработанных макетов экранов и стейтов для приложения по нескольким глобальным разделам приложения:

Авторизация, главная (домашний экран), рационы, меню, личный кабинет

 

Естественно для того, чтобы мобильное приложение благополучно работало с существующим сайтом понадобилась разработка API. За время разработки подготовлено порядка 100 методов взаимодействия мобильного приложения с API.

Фичи, на которые стоит обратить внимание

Таймлайн доставок

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

 

Обучение и сторисы

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

 

Выбор адресов на карте

Помимо заполнения адресов получения рационов через предиктивный поиск, в мобильном приложении стало доступно добавление адреса через карту.

 

Сквозная оплата

В разработанном приложении и на сайте реализовали сквозную оплату — то есть можно оформить заказ на сайте, а оплатить в приложении, и наоборот. Или сделать заказ через оператора, а оплатить на сайте или в приложении.

 

Просмотр актуального и личного меню

Более удобное и интуитивное понятное отображение меню по заказанным рационам, упрощающее взаимодействие с сервисом

 

Отправка пушей через связку Firebase + CarrotQuest

Отправка пушей реализована с использованием Firebase Cloud Messaging и платформу систематизации коммуникаций CarrotQuest. Теперь на каждое событие на сайте можно настроить персонализированный под пользователя пуш.

 

Сторис

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

Walnut Team
Начать проект