Виктория
Мобильное приложение на Flutter для торговой сети с интегрированной программой лояльности, персональными рекомендациями со скидками и умным сканером штрихкодов
Клиент
«Виктория» — сеть супермаркетов с доставкой продуктов и готовых блюд. В нее входят 26 магазинов в Калининградской области. Магазины славятся свежими продуктами, собственным производством и персональными увеличенными скидками по карте лояльности.
Задача
Разработать новое мобильное приложение согласно бизнес-требованиям клиента в связи с переходом компании на новую версию программы лояльности.
Решение
Flutter, Ruby и Canary-deployment
На стороне фронтенда мы использовали кроссплатформенный фреймворк Flutter, что позволило разрабатывать приложение одновременно на двух платформах, Android и iOS, и при этом существенно сократить сроки разработки. В ходе разработки использовали разделение приложения на Flavor:
- dev — для внутренних сборок приложения
- stage — для внешних сборок со stage средой
- prod — внешние сборки с prod средой для публикации в сторах приложений
Для организации высоко доступного и отказоустойчивого бэкенда на Ruby мы использовали лучшие практики HighLoad-подхода к построению инфраструктуры. Поэтому приложение соответствует требованиям производительности, предъявляемым к ритейл-приложениям.
Для максимально бесшовной доставки и тестирования изменений использовали подход Canary-deployment, а оркестрация с новым кодом осуществлялась с уклоном в высокую доступность, где даже при потере нескольких серверов приложение продолжает по-прежнему корректно работать.
Приложения для ритейла отличаются высокой нагруженностью — это стоит учитывать при проектировании системы. Почитайте о том, как мы разрабатывали приложение «Дикси», которым пользуются 10 млн человек, и «Бристоль» с 6 млн пользователей.
Дизайн-система
Для реализации проекта мы построили собственную дизайн-систему с библиотекой компонентов, цветов и типографики. Это позволило упростить и стандартизировать процесс разработки макетов новых фич и дизайн-ревью.

Функции приложения
Рассмотрим основные функции, которые были разработаны и внедрены в приложение.
Приоритет подтверждения пользователя
Гибкая система, позволяющая переключать приоритет функции подтверждения пользователя по телефону (автоматическим звонком Flash Call) или по смс. В перспективе это позволит снижать затраты на авторизацию.

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

Виртуальная карта «Моя Виктория»
Карта магазина всегда под рукой на главной странице. При покупке на кассе можно показать QR-код карты и воспользоваться всеми преимуществами программы лояльности.
Персональные рекомендации со скидками
На основе списка покупок пользователю еженедельно генерируются 5 товаров с увеличенной скидкой. Скидки на товары могут доходить до 50%. Чем чаще пользователь осуществляет покупки — тем разнообразнее персональные рекомендации со скидками.

Акционные каталоги с фильтрами
Разделы «Скидки по карте» и «Экономьте с Викторией» с фильтрацией по категориям, чтобы не пропустить актуальные скидки.
Сканер штрихкодов
Можно не искать ценник и отсканировать штрихкод товара в магазине. Умный сканер определяет по местоположению пользователя магазин, в котором он находится, и отображает актуальную стоимость товара.

Поиск магазинов на карте
Незаменимый помощник в поиске ближайшего магазина. На карте региона доступна кластеризация торговых точек для удобного выбора магазина.
Оплата по СБП
В приложение интегрирована Система быстрых платежей (СБП) — при предъявлении QR-кода карты лояльности на кассе, можно оплатить покупку из удобного приложения банка (к системе уже подключены более 200 банков).

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

Офлайн-режим
Даже при плохом сигнале интернета в приложении всегда доступна карта лояльности — можно предъявить на кассе и получить скидку.

Служба поддержки
В профиле пользователя можно обратиться в службу поддержки. Это гибко настраиваемый раздел для эффективного получения обратной связи. Все обращения пользователей попадают на первую линию поддержки со стороны сети. Затем на второй и третьей линии подключается техподдержка Friflex.

-
«Мы обратились к Friflex с задачей по разработке мобильного приложения и сайта компании для новой программы лояльности.
Поддержка и опыт Friflex стали для нас невероятно ценными, и мы уверены, что вместе сможем реализовать еще множество интересных проектов!» -
«Команда Friflex продемонстрировала высокую экспертизу в разработке, учитывая сложный IT-ландшафт и наши внутренние процессы.
Мы довольны достигнутыми результатами и с уверенностью продолжаем сотрудничество с Friflex по запуску новых фич в мобильном приложении и на сайтах компании».
Другие кейсы

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

Цветов.ру
Мобильное приложение для цветочного маркетплейса