разработка мобильных приложений на flutter, кейс разработки мобильного приложения, приложение бристоль

Бристоль

Мобильное приложение на Flutter для торговой сети с динамической программой лояльности, сканером штрихкодов и функцией Click&Collect

Клиент

«Бристоль» — российская сеть магазинов у дома с алкогольной продукцией, безалкогольными напитками и продуктами питания. В сети больше 6000 магазинах в 60 регионах России.

Задача

Создать мобильное приложение для покупателей «Бристоль» с маркетинговыми механиками, личным кабинетом, каталогом товаров, картой магазинов, обратной связью и другими инструментами.

Решение

Кроссплатформенность и производительность

Мы использовали кроссплатформенный фреймворк Flutter. Это позволило разрабатывать приложение одновременно на двух платформах, Android и iOS, и быстрее его выпустить.

Благодаря графическому движку Impeller приложение работает быстро и плавно. Чтобы разделить его по окружениям, мы использовали Flavoring. А для автоматического развертывания изменений и запуска тестов применяли практики непрерывной интеграции CI/CD.

Максимальная безопасность

«Бристоль» — один из крупнейших ритейлеров в своей области. У него огромная клиентская база. Сеть регулярно проводит промо-компании. А они требуют максимально безопасного доступа к API. Поэтому команда разработки Friflex ввела:

  1. хэширование и проксирование запросов;
  2. шифрование локальных подписей;
  3. обфускацию кода.

Красивый старт

Приложение вышло в сторах в апреле 2021 года. Первые месяцы после запуска покупатели «Бристоль», у которых было приложение сети в телефоне, получали скидку 10% на все товары с белыми ценниками. Эта акция проходила по всей России и была очень успешной. Число скачиваний достигло 1 000 000.

разработка мобильных приложений на flutter, кейс разработки мобильного приложения, приложение бристоль

Функции приложения

В мобильном приложении «Бристоль» есть все, что может пригодиться покупателям сети: от каталога до карты лояльности в виде динамического QR-кода.

Маркетинговые механики с нуля

Для приложения «Бристоль» мы с нуля разработали целый ряд маркетинговых алгоритмов. Например, ко дню рождения сети добавили механику «Заработай шансы» на экран авторизации.

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

разработка мобильных приложений на flutter, кейс разработки мобильного приложения, приложение бристоль

Разобраться в розыгрышах пользователям помогает ассистент — дружелюбная и отзывчивая виртуальная сотрудница «Бристоль».

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

Например, сегодня 22 декабря. Нажимаем на это число, и открывается картинка. Стираем пальцем лед с товара со скидкой и переходим в его карточку. Если разморозить все карточки, отобразится фирменная елка «Бристоль». А под елкой — баннер со ссылкой на подарок. Это сундучок с предложениями и скидками. Он открылся только с 1 января.

Закажи онлайн — забери в магазине

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

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

Эта механика называется «Click&Collect», заказываешь онлайн — получаешь в магазине. Она помогает увеличивать продажи.

разработка мобильных приложений на flutter, кейс разработки мобильного приложения, приложение бристоль

Карта лояльности в виде динамического QR-кода

Система лояльности — беспроигрышная стратегия отношений с пользователями. В «Бристоль» мы решили использовать карту лояльности в виде динамического QR-кода.

QR-код генерируется каждый раз при входе или при обновлении вкладок приложения. Это защищает пользователей от мошенничества. К тому же, мы разработали алгоритм, благодаря которому самостоятельно сформировать QR-код не получится.

Приложение работает офлайн. Если в магазине нет интернета или соединение нестабильно, QR-код генерируется без проблем.

разработка мобильных приложений на flutter, кейс разработки мобильного приложения, приложение бристоль

СБП в карте лояльности

В мобильном приложении можно добавить в карту лояльности счет СБП. Эта функция позволяет оплачивать покупки QR-кодом. Скидка по карте лояльности рассчитывается сразу, как только пользователь ее предъявляет.

разработка мобильных приложений на flutter, кейс разработки мобильного приложения, приложение бристоль

Личный кабинет и авторизация по номеру телефона

Больше никаких забытых паролей! Мы интегрировали сервис по подтверждению номера телефона в приложение «Бристоль». Теперь вход в личный кабинет — по коду из смс. Такой способ авторизации еще и безопаснее: другой пользователь войти в чужой кабинет не может.

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

разработка мобильных приложений на flutter, кейс разработки мобильного приложения, приложение бристоль

Сканер штрихкодов

Кнопка сканера штрихкодов находится на главном экране. Так покупатель может быстро отсканировать товар в магазине и узнать о нем подробнее.

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

Карта магазинов

«Бристоль» — сеть магазинов у дома. У нее больше 6000 торговых точек по всей стране. Найти ближайшую поможет карта. Также на карте можно выбрать магазин, узнать его адрес, часы работы и перейти на страницу акций.

Форма обратной связи

Любому бизнесу в сфере ритейла нужен инструмент, чтобы просто и беспрепятственно общаться с пользователями. Сети «Бристоль» было важно помочь пользователям быстро отправлять обращения. И команда Friflex сделала в приложении форму отправки сообщений. Она удобная и позволяет прикреплять файлы.

разработка мобильных приложений на flutter, кейс разработки мобильного приложения, приложение бристоль
разработка мобильных приложений на flutter, кейс разработки мобильного приложения, приложение бристоль
  • «Friflex — гибкая и быстрая команда, обладает большой экспертизой в разработке. Закрывает полный спектр необходимых услуг: от дизайна и разработки до различных уровней поддержки продукта. Вместе мы реализовали большой проект мобильного приложения и продолжаем развивать его и запускать новые фичи, повышать вовлеченность пользователей».

    Анна Жданова

    Руководитель управления электронной коммерции

Другие кейсы

CrossConf

Мобильное приложение для самой большой конференции о кроссплатформенной разработке

Максидом

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