Мобильное приложение буше: с нуля, 100 000+ пользователей и экосистема
(Мобильное приложение)буше — крупнейшая сеть кафе и кондитерских в Санкт-Петербурге, 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 и баллы на кассе
Списание баллов и статусы
Электронный чек вместо бумаги
Светлая и тёмная тема
Оцифровка пластиковой карты
Отзывы к заказам
