Виктория

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

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

7

месяцев на разработку

  • Клиент

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

  • Задача

    Разработать новое мобильное приложение согласно бизнес-требованиям клиента в связи с переходом компании на новую версию программы лояльности.

  • Решение

    Flutter, Ruby и Canary-deployment

    На стороне фронтенда мы использовали кроссплатформенный фреймворк Flutter, что позволило разрабатывать приложение одновременно на двух платформах, Android и iOS, и при этом существенно сократить сроки разработки. В ходе разработки использовали разделение приложения на Flavor: 

    • dev — для внутренних сборок приложения
    • stage — для внешних сборок со stage средой
    • prod — внешние сборки с prod средой для публикации в сторах приложений

    Для организации высоко доступного и отказоустойчивого бэкенда на Ruby мы использовали лучшие практики HighLoad-подхода к построению инфраструктуры. Поэтому приложение соответствует требованиям производительности, предъявляемым к ритейл-приложениям.

    Для максимально бесшовной доставки и тестирования изменений использовали подход Canary-deployment, а оркестрация с новым кодом осуществлялась с уклоном в высокую доступность, где даже при потере нескольких серверов приложение продолжает по-прежнему корректно работать.

    Приложения для ритейла отличаются высокой нагруженностью — это стоит учитывать при проектировании системы. Почитайте о том, как мы разрабатывали приложение «Дикси», которым пользуются 10 млн человек, и «Бристоль» с 6 млн пользователей.

  • Дизайн-система

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

    Мобильное приложение на Flutter для торговой сети с интегрированной программой лояльности, персональными рекомендациями со скидками и умным сканером штрихкодов
  • Функции приложения

    Рассмотрим основные функции, которые были разработаны и внедрены в приложение.

  • Приоритет подтверждения пользователя

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

    Мобильное приложение на Flutter для торговой сети с интегрированной программой лояльности, персональными рекомендациями со скидками и умным сканером штрихкодов
  • Профиль пользователя

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

    Мобильное приложение на Flutter для торговой сети с интегрированной программой лояльности, персональными рекомендациями со скидками и умным сканером штрихкодов
  • Виртуальная карта «Моя Виктория»

    Карта магазина всегда под рукой на главной странице. При покупке на кассе можно показать QR-код карты и воспользоваться всеми преимуществами программы лояльности.

    Мобильное приложение на Flutter для торговой сети с интегрированной программой лояльности, персональными рекомендациями со скидками и умным сканером штрихкодов
  • Персональные рекомендации со скидками

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

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

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

    Мобильное приложение на Flutter для торговой сети с интегрированной программой лояльности, персональными рекомендациями со скидками и умным сканером штрихкодов
  • Сканер штрихкодов

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

    Мобильное приложение на Flutter для торговой сети с интегрированной программой лояльности, персональными рекомендациями со скидками и умным сканером штрихкодов
  • Поиск магазинов на карте

    Незаменимый помощник в поиске ближайшего магазина. На карте региона доступна кластеризация торговых точек для удобного выбора магазина.

    Мобильное приложение на Flutter для торговой сети с интегрированной программой лояльности, персональными рекомендациями со скидками и умным сканером штрихкодов
  • Оплата по СБП

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

    Мобильное приложение на Flutter для торговой сети с интегрированной программой лояльности, персональными рекомендациями со скидками и умным сканером штрихкодов
  • Маркетинговые инструменты

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

    Мобильное приложение на Flutter для торговой сети с интегрированной программой лояльности, персональными рекомендациями со скидками и умным сканером штрихкодов
  • Офлайн-режим

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

    Мобильное приложение на Flutter для торговой сети с интегрированной программой лояльности, персональными рекомендациями со скидками и умным сканером штрихкодов
  • Служба поддержки

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

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

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

Другие кейсы

panda
Есть идея? Напишите нам! Заполнить бриф