Мобильное приложение буше: с нуля, 100 000+ пользователей и экосистема

(Мобильное приложение)
ОтрасльРИТЕЙЛ, КАФЕ И КОНДИТЕРСКИЕ, HoReCa
УслугаiOS, ANDROID, LARAVEL, МИКРОСЕРВИСЫ
ПлощадьСуперапп · доставка · лояльность · контент
Год2023

буше — крупнейшая сеть кафе и кондитерских в Санкт-Петербурге, 70+ точек

Tagline WDA — #1 мобильные приложения

Награды Рейтинг Рунета — #2 лучшие мобильные приложения · Tagline Awards — лучшее ритейл-приложение · Кириллица — #2 лучшие приложения 2023

Посмотреть в продакшене

Цели: новый дизайн (старый морально устарел и потребовались другие смыслы); приложение с нуля — кроссплатформенное наследие не подходило для масштабирования и новых идей; архитектура, выдерживающая пиковую нагрузку в праздники. Вызов: из приложения «для булочек и QR» сделать суперапп — статьи, анонсы мероприятий, атмосфера города, при этом сохранить интеграции с Tillypad, CRM и лояльностью для ~80 тысяч активных пользователей на старом решении.

  • Аналитика: CJM, карты действий, AS IS / TO BE, функциональная карта и новая структура; навигация ближе к привычным паттернам
  • Дизайн: бренд и tone of voice заказчика; UX-обзор 10+ приложений; прототипы → компоненты и UI-kit
  • Новая архитектура бэкенда: несколько сервисов, разделение ответственности, устойчивость к пикам (в т.ч. 1 сентября без сбоев)
  • Авторизация по телефону и e-mail с кодом; обратная совместимость данных без перерегистрации; миграция без доступа к кодовой базе прежнего подрядчика
  • Главная: QR на кассу в один тап; разделы «больше, чем булочки», проекты и мероприятия, сторис, акции и новости; новинки отдельно
  • Навигация из сторис и новостей на товар, акцию или событие в один клик
  • Каталог в tab bar, свайпы по карточкам товара; каталог Москвы (самовывоз), предзаказы с датой
  • Корзина: иллюстрации от клиента, заказ другому, интервалы доставки, предзаказ на дни вперёд
  • Профиль: лояльность, QR и баллы для гостей и кассиров; электронный чек; светлая/тёмная тема; оцифровка пластиковой карты; отзывы после заказа
  • Админка: пользователи, пуши, промокоды, повторная отправка сертификатов, заказы как в кассе; разделы для сторис, мероприятий, проектов, акций и новостей

Ключевые задачи:

Обновить продуктовый смысл и визуальный язык; заменить не масштабируемое кроссплатформенное приложение на нативные клиенты и управляемый бэкенд; обеспечить стабильность в часы пик и основу для контентной экосистемы, а не только оплаты на кассе.

Аналитика: CJM, AS IS / TO BE, новая структура

Составили CJM и карты действий, исследовали старое приложение, описали AS IS и TO BE, функциональную карту и новую структуру. Уже на аналитике сместили навигацию к более привычной и заложили разделы, которых не было раньше. У заказчика был сильный бренд, палитра и tone of voice; к радикальному редизайну относились осторожно. Мы провели UX-исследование более десяти приложений, разобрали фичи на «взять / не брать» и на основе этого сначала собрали прототип, затем компоненты, макеты и UI-kit.

Раньше приложение на Xamarin связывало порядка 80 тысяч активных пользователей с Tillypad, CRM и системой лояльности. Нужно было сохранить возможности и связки, но добавить киллер-фичи и сделать интерфейс простым — при этом переписать с нуля: дописывать старый код с таким же объёмом работы дало бы больше рисков, чем новая кодовая база. Как было: каталог только после логина; сценарий «показать QR»; логин/пароль; запутанный путь к каталогу. Как стало: вход по номеру и коду, каталог доступен без регистрации; помимо еды — статьи, город и компания; понятная структура.

Дизайн: прототип, компоненты, UI-kit

Авторизация и регистрация

В старом продукте уже была товарная матрица и услуги, но мы сознательно писали систему заново: переписать legacy с наращиванием функций заняло бы сопоставимое время при большей неопределённости. Старый клиент не выдерживал праздничные пики — терялись заказы и страдала лояльность; было свыше 300 тысяч установок. Заложили новую архитектуру: бэкенд разбит на сервисы с разделением ответственности — нагрузка распределяется равномернее, выигрыш в скорости отклика. Первое сентября после запуска прошло без сбоев. Заставка при входе — анимация «круассан Шредингера», пасхалка для давних гостей.

Авторизация по телефону и почте с кодом; данные старых пользователей подтянули без повторной регистрации — без доступа к исходникам прошлого подрядчика задача усложнилась, но была закрыта. На главной — быстрый QR, смысл «буше уже не только про еду»: статьи, проекты и мероприятия (в т.ч. переход на YouTube и билеты), сторис и блок акций/новостей. Доработали навигацию: из сторис по кнопке — сразу на товар или событие. Каталог в tab bar, свайпы по карточкам; учёт предзаказов с датой; каталог по Москве (самовывоз). Корзина — иллюстрации клиента, заказ другому, слоты и предзаказ. В профиле — лояльность, QR для кассы, списание баллов и статусов, отказ от бумажного чека, темы оформления, оцифровка пластиковой карты, отзывы к заказам. Новая админка: модерация пользователей, пуши, промокоды, повторная отправка сертификатов, дублирование заказов с кассой, загрузка контента для главной.

Результаты

195 000+

пользователей

49 000+

новых пользователей после обновления

42 000+

заказов через приложение

Технологии

  • Laravel
  • Docker
  • React.js
  • Redis
  • PostgreSQL
  • Grafana
  • Swift
  • Kibana
  • Kotlin
  • Prometheus
  • Elasticsearch

Сторис, акции и новости

Больше, чем булочки: статьи и смыслы

Проекты и мероприятия

Новинки в отдельном разделе

Каталог: табы и карточки товара

Корзина и оформление

Доставка, предзаказ, заказ другому

Профиль и лояльность

QR и баллы на кассе

Списание баллов и статусы

Электронный чек вместо бумаги

Светлая и тёмная тема

Оцифровка пластиковой карты

Отзывы к заказам