Skip to main content

Мобильное приложение (3.0)

ОПИСАНИЕ ФУНКЦИОНАЛА МОБИЛЬНОГО ПРИЛОЖЕНИЯ ПРОГРАММЫ ЛОЯЛЬНОСТИ

 
1. Начальная страница.


При запуске приложения клиенту нужно ввести номер телефона. Если номер телефона уже зарегистрирован в программе лояльности сети, приложение перенаправит на страницу авторизации. Если же такого номера нет, клиент автоматически перенаправляется на страницу регистрации.

3. Авторизация по паролю.

Процесс авторизации: Если клиент ранее зарегистрирован в программе лояльности сети, то для авторизации ему нужно просто ввести свой номер телефона, нажать на кнопку «Далее» и приложении перенаправит клиента на страницу авторизации.

4. Страница "Забыли пароль".

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

image.png

5. Регистрация

Если клиент регистрируется впервые, он вводит свой номер телефона и приложение автоматически перенаправляет на страницу регистрации.

Для регистрации клиент указывает свой номер телефона и дает согласие на:
- Обработку персональных данных;
- Условия программы лояльности сети.

6. Сканер карты.

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

image.png

Если же клиент регистрируется впервые, через приложение есть возможность сгенерировать карту лояльности. Для этого нужно пройти регистрацию с заполнением обязательных полей анкеты (список нужных полей настраивается на беке).

7. Заполнение анкеты.

Перед генерацией карты, клиенту нужно пройти регистрацию в приложении. Регистрация состоит из 3 этапов - ввод личных данных, ввод контактных данных и выбор региона.

image.png

image.png

Стоит обратить внимание, что в разделе “Персональных данных” при вводе даты рождения, дата вводиться один раз раз и для ее изменения, покупателю нужно обращаться в службу поддержки.

После заполнения анкеты и обязательных полей, клиенту генерируется карта лояльности в статусе “Платежная” (клиент может не только накапливать, но и списывать бонусы”

Домашняя страница в мобильном приложении отображает следующую информацию:

Левый верхний угол - список магазинов;
Правый верхний угол - уведомления

Внизу - домашняя страница, карта участника, профиль.

Содержимое домашней страницы:
Бонусный счет покупателя - количество доступных бонусов для списания
Акции - список доступных акций
Купоны - при наличии купонов для покупателя, они отображаются на домашней странице
Интернет магазин - банер с кнопкой-переходом на интернет-магазин.

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

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

В разделе отображаются все доступные магазины на карте. Параметр отображения магазина настраивается на беке.
Через строку “Поиск” можно увидеть список магазинов с расстояниям к ним от текущего местоположения покупателя.


 

 

 

 

разделе

18.
сети, изменить пароль удалить

18.1

Выбор

photo_2023-10-16 19.43.51.jpeg

Начальная страница

photo_2023-10-16 19.43.43.jpeg

Есть два вида авторизации/регистрации:

1. Регистрация по номеру телефона и одноразовому смс-паролю.

Далее задается пин-код и последующие авторизации происходят по нему.

2. Регистрация по номеру телефона и постоянному паролю. Верификация номера по смс-паролю.

1. Авторизация по пин-коду.

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

2. Авторизация по постоянному паролю. Запрос пароля только при первом входе.

Настройка вида авторизации задается на бэке.

Есть метод, возвращает настроенный вид авторизации для определения по какому алгоритму идти дальше.

photo_2023-10-16 19.43.41.jpeg

Страница авторизации (постоянный пароль).

 

Выбор страны – автоматом подставляется код выбранной страны.

 

Пароль – поддерживает любые символы.

Ограничения по длине – на фронте.

Забыли пароль – задается новый пароль.

- при клике на значок происходит переход на страницу с подсказкой.

photo_2023-10-16 19.43.46.jpeg

Страница «забыли пароль».

 

*пароли должны совпадать (проверка на фронте)

 

После заполнения полей отправляется код подтверждения номера в смс.

 

 

photo_2023-10-16 19.43.38.jpeg

 

Страница регистрации.

 

После заполнения полей отправляется код подтверждения номера в смс.

 

Далее – выводится окно с вопросом есть ли у клиента уже карта лояльности:

 

- Есть – переход на страницу добавления карты.

- Нет – генерится и привязывается виртуальная карта.

 

Далее – переход на страницу для заполнения анкетных данных.

 

 

photo_2023-10-16 19.43.35.jpeg

Профиль - отображает информацию о персональных данных, контактах и адресе.

 

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

 

 

 

 

 

photo_2023-10-16 19.43.48.jpeg

 

 

 

Домашняя страница.

 

При перехонажатии на каждеый во вкладку «Домашгазиняя страница» отображается информация о профиле учасника, текущем би его местоположение налансе, штрихкод виртуальной карты,е:

10. Уведомления.

В разделе находяться уведомления, клиента. гУведопозицмления.

При переходе на  Домашнюю страницу  можегут отображаться  каталог товаров, кнопка “Сканер цен”, кнопка для выбора любимых продуктов и список товаров по Супер цене (сниженной, например, желтые ценники)

*вся инфо передается с бэка.

 

 

 

 

 

  
  

photo_2023-10-16 19.44.22.jpeg

Сканер цен

 

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

 

 

 

 

*ився инфо передается сна бэеке.

11. Карта клиента.

photo_2023-10-16 19.44.16.jpeg

В

Механикарта Любклимыента тсовары

 

Участник  чдережится из мобильное  прилоажение мкарты лояльности (при нажатии открывается на весь экран). Такжет выбрать 1 раздел содержит в установленный пбериод список SKU своих любимых птродуктов  и при покупке этих продуктов в установленнызакций период, для участника автоматически срабатывает скидка/начисляется бонус, согласно заданному размеру и типу.

 

*вся инфо передается с бэка.

photo_2023-10-16 19.44.08.jpeg

 

Карты.

 

При переходе во вкладку «Карты» отображается

 

информацияю о картахбонусном с графическимте и цифровым отображением.

 

Так же присутстветь возможность активации доп.бавить еще одну картыу.

image.png

 

12.

История

 

photo_2023-10-16 19.44.11.jpeg

 

Странзакцица Активировать доп.карту.й

Раздел

Псозволядержит пв себе информацию о вясех транзатькциях дополникупательнуюя. карту к текущему счету кКлиента.

 

К счету может продсмотреть историю покупок, начислений бонусовременно привязано только 2 карты (в статусе «НЕ заблокирован»)д.

 

13.

photo_2023-10-16 19.57.25.jpeg

 

МагазиКупоны–предоставленный список

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

*вся инфо передается с бэка.

 

 

 

Карта - расположение торговых точек на карте.

 

*список магазинов, доп.инфо по ним и координаты передаются с бэка.

  

photo_2023-10-16 19.44.06.jpeg

 

 

 

 

Проложить маршрут.

Возможность выбрать магазин и проложить маршрут к нему (переход на гугл-карты для Андроид и Apple Maps для ИОС).

 

 

 

 

 

photo_2023-10-16 19.44.56.jpeg

 

Уведомления - переход най страницуы полученнткрых уведомлений.

 

 

 

 

 

photo_2023-10-16 19.44.56.jpeg

Содержание самого уведомления

 

*вся инфо передается с бэка.

photo_2023-10-16 19.44.52.jpeg

Акции.

 

Выводиться список акцийвсех доступных доступных пользовантелю купономв. Для удобства кони разделиены на бонусные и скидочные:

image.png

14. Акции

Раздел содержит в себе доступные акции пользователю. Содержимое акций (условия) настраивается на беке. Статусы для вывода акций: «ожидает» и «активна».

 

15. Опросы

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

 

*вся инфо передается с бэка.

16.

Новости

 

 

 

photo_2023-10-16 19.44.50.jpeg

 

Новости - переход на страницу со списком новостей.

 


 *вся инфо о новых новостях и акциях передается с бэка.

 

17.

 

 

 

photo_2023-10-16 19.44.13.jpeg

 

 

История траМензакций.ю

 


В даМенномю разделе находится история транзакций по Вашему аккаунту.

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

photo_2023-10-16 19.44.47.jpeg

 

 

Опросы – переход на страницу доступных или уже заполненных опросов.

 

 

Опрос с вариантами выставления оценки используя шкалу от 1 до 10, где 1 - плохо, 10 - очень хорошо.

 

*опросы создаются с бэка.

 

 

После голосования появится сообщение с благодарностью за участие в опросе.

 

  • возможно с бэка насть редактировать вознаграждение за участие в опросе..

Проголосованные опросы затемняются и проставлякется выбранная оценка.

 

  
  
  

 

 

photo_2023-10-16 19.44.44.jpeg

Раздел «Купоны».

 

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

 

 

 

 

 

photo_2023-10-16 19.44.41.jpeg

 

Купоны

 

Купоны генерируются на бэке.

В мобильном приложении отображаются только персонализированные купоны (предназначены для конкретного пользователя), просмотреть список магазинов и доступные опросы и раздел “Настройки”.

Настройки

photo_2023-10-16 19.44.39.jpeg

В 
разделе

Ко“Настротйкаяи” иможнформация о исполвыбратьзовании купонов.

photo_2023-10-16 19.44.36.jpeg

Меню.

Яязык приложения - возможность смены языка приложения (подвязан к, настройкам в телефоне).

Настройки - возможность согласие настр уведойки интерфейса примложения «ночная тема».

Информация о приложении - отображает информацию о приложении и бонусах при самостоятельной регистрации.

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

 

Интернет магазин - переход на страницу онлайн-ымагазина.

 

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

 

Выйти – полный выход с приложение (разлогиниться).

photo_2023-10-16 19.44.33.jpeg

Связаться с нправилами

 

Для пользователей выводятся ссылки на соц. сети и почта/телефон для обращений по вопросам работы мобильного приложения и программы лояльности

для

photo_2023-10-16 19.44.30.jpeg

входа,
акаунт

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

языка
Доступные языки настраиваются на беке

18.2 Уведомления
В данном разделе клиент устанавливает согласие на получение рассылок.

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

18.4 Изменить пароль

18.5 Выйти
Кнопка выхода из приложения.

 

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

  • Значок приложения
  • Экран заставки (Splash screen)
  • Логотип
  • Цвет иконок и кнопок
  • Иконка для push-уведомлений
  • Каналы коммуникации с клиентами
  • Язык интерфейса приложения
  • Код страны для номера телефона
  • Ссылка на «Условия программы лояльности»
  • Минимальный возраст участника программы лояльности

  • Значок приложения

Изображение для значка приложения на рабочем столе устройства - 1024px * 1024px (.png).

  • Экран заставки (Splash screen)

Фон – с логотипом, соотношение сторон – 1.777 (прямоугольный, ориентация - вертикально, величина длинной стороны - min 2310px на 1300px .png).

Цвет фона экрана заставки (независимо от того будет просто заливка, или паттерн) (код).

 

  • Логотип

Экран приветствия, страницы логина/регистрации, домашняя страница (.ai; .png). Длинна логотипа - min 1024px 

  • Цвет иконок и кнопок

Цвет иконок, кнопок для светлой и тёмной тем (иконок на домашней странице (навигационного меню – в нажатом состоянии; в шапке), кнопок подтверждения действия) - Код.

    Банер (по необходимости)

    Фон – патерн (изображения), соотношения сторон – 16:6.16 (Прямоугольное, ориентация - горизонтально, размер - min 1200х462px.png).

    Ссылка на сайт. При нажатии на банер/кнопку ссылка будет отрыта у  WebView.

    Текст на банере и кнопке вносятся на стороне приложения.  Текст "Интернет-магазин" и "Сумашедшие скидки ..." можна не выводить . Банер будет размещен после блока "Купоны" (при условии их наличия).

    iphone14 (home banner short bottom bar).png

    • Иконка для push-уведомлений

    Иконка и её цвет (код) для push-уведомлений (512px * 512px, .png) - иконка должна быть без фона (с альфа-каналом). Для корректного и одинакового отображения на разных версиях разных ОС иконка окрашивается одним цветом.

    • Каналы коммуникации с клиентами

    Каналы коммуникации с клиентами на странице «Связаться с нами». Например, телефон горячей линии, мессенджеры, соц. сети и т.д.

    • Язык интерфейса приложения

    Язык интерфейса приложения, который будет использоваться по умолчанию (Укр./Рус./Англ.)

    • Код страны для номера телефона

    Код страны, который будет использоваться по умолчанию (при вводе номера телефона)

    • Ссылка на «Условия программы лояльности»

    Ссылка на «Условия программы лояльности», размещённые в интернет-сети

    • Минимальный возраст участника программы лояльности

    Требуемые материалы для заявки на расположения приложения в PlayMarket, AppStore

    1.    Язык приложения.
    Указать язык публикации приложения.

    2.    Доступность приложения для скачивания.
    Весь мир или только выбранный регион/страна?

    3.    Keywords для каждого приложения 100 символов (для ИОС)
    Ключевые слова, по которым будет срабатывать поиск приложения в интернет-сети и непосредственно на сайте магазинов (сторов).

    4.    Promotional Text
    Текст, который будет видеть пользователь в кратком описании 

    photo_2024-01-17 10.42.10.jpeg

    5.    Description
    Текст, который будет видеть пользователь в полном описании
     

    photo_2024-01-17 10.42.00.jpeg
    6.    Значок в высоком разрешении для публикации приложения 512 x 512 32-битный PNG (с альфа-каналом)

    photo_2024-01-17 10.42.10.jpeg
      
    7.    Картинка для описания должна быть в формате PNG или JPEG и с разрешением 1024 x 500 пкс. Размер файла – не более 15 МБ.

    photo_2024-01-17 10.42.00.jpeg

    8.    Скриншоты мобильного приложения для предварительного просмотра

    • Андроид -  от двух до восьми скриншотов для телефона. Формат PNG или JPEG. Соотношение сторон изображения должно составлять 16:9 или 9:16, длина каждой стороны – от 320 до 3840 пкс. Размер одного файла – не более 8 МБ.
    • ИОС - необходимо подготовить скриншоты в 3 размерах для разных диагоналей 5,5 дюйма, 6,5 дюйма, 6,7 дюйма

    5,5 дюйма - снимки экрана (не более 10) в размере (1242 x 2208px или 2208 x 1242px)

    6,5 дюйма - снимки экрана (не более 10) в размере (1284 x 2778px или 2778 x 1284px)

    6,7 дюйма - снимки экрана (не более 10)в размере (1290 x 2796px или 2796 x 1290px)

    photo_2024-01-17 10.42.06.jpeg