Мобильное приложение Даблби: от исследования до запуска и поддержки

В конце лета 2019 мы встретились с новыми собственниками Даблби и обсудили необходимость усилить присутствие компании в онлайне. Требовалось мобильное приложение, в котором гости смогут заказывать напитки и еду, а потом забирать их в кофейне без очереди.

У Даблби уже было iOS-приложение, которое несколько лет не обновлялось. Мы даже сделали тестовый заказ, но когда пришли за ним в кофейню, бариста не смог его оформить. Он вообще впервые столкнулся с заказом через приложение.

Это интерфейс нового приложения:

А это — старого:

В работе мы опираемся на собственный опыт проектирования, отраслевую экспертизу заказчика и практики конкурентов. Но самое важное в понимании продукта — мнение пользователей, клиентов бизнеса. Поэтому в самом начале работы мы всегда предлагаем провести пользовательское исследование и составить Customer Journey Map (CJM).

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

Мы проанализировали опыт взаимодействия пользователей с бизнесом на каждом этапе, изучили рынок конкурентов и собрали список функций для нового приложения. А чтобы решить, какие из них попадут в MVP (Minimum Viable Prоduct), составили опросник по модели Кано и попросили реальных пользователей его заполнить. В число самых нужных функций попали Apple Pay/Google Pay, возможность отслеживать статус заказа и писать сообщения бариста, список избранных кофеен, программа лояльности, информация об акциях и описание напитков.

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

Мы придумали, какими должны быть фото напитков и сами организовали съемку.

Клиентское приложение мы сделали на платформе React Native. Она позволяет использовать одинаковый код для приложений iOS и Android с минимальными отличиями. Так мы сократили Time To Market, ресурсы разработки и поддержки и общую стоимость проекта.

Бэкенд реализовали на GraphQL. Вносим мелкие исправления незаметно для пользователя, а мучительную проверку App Store проходим только для объемных обновлений фронтэнда.

Для админки и приложений для внутреннего пользования, где объем операций гораздо больше, выбрали REST API. Теперь можно не волноваться за обратную совместимость и выпускать обновления в любой момент.

Админку сделали на Next.js. Мы взяли только компоненты, нужные для управления торговлей именно Даблби. Такую систему легко поддерживать и можно оперативно расширять функционал по мере запросов бизнеса. А еще она красивая!

Релиз приложения мы панировали на 1 апреля 2020 года. Но в конце марта в стране ввели карантин и все кафе закрылись. Функция доставки кофе не была в приоритете, но в новых условиях стала совершенно необходима. И мы ее сделали! Зону доставки ограничили 800 метрами от кофейни, чтобы один бариста мог доставить заказ, пока второй остается за стойкой.

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

Чтобы облегчить работу бариста, мы разработали для них специальное iPad-приложение. Громкий звуковой сигнал не дает пропустить онлайн-заказ, а простой интерфейс позволяет быстро и бесконтактно обрабатывать заказы навынос.

Мы организовали простое и быстрое подключение франчайзи в админке. Чтобы добавить новую кофейню, нужно только загрузить фото, указать координаты и режим работы на доставку. После чего точка появится в приложении и будет видна клиентам. Весь процесс занимает 3-4 минуты.

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

С момента запуска приложения в апреле 2020 года: