Skip to main content

МОБІЛЬНИЙ ДОДАТОК ПРОГРАМИ ЛОЯЛЬНОСТІ

Опис функціоналу мобільного застосунку програми лояльності

1.
4.
12.
Історія в

вийти.png

Початкова сторінка.


Є двСторінка види авторизації/реєстрації:.

1.Під Реєчас запуску застрацосунку, кліяєнту потрібно ввести номеру телефону. Якщо номер телефону вже зареєстровано в програмі лодяльності мережі, застосунок перенапразовому смс-паролю.

Далі визначається пін-код і на сторінкупні авторизації. Якщо ж ні, клієнт авідбутоматично перенаправаюляється пна сторінку ньому.

2. Рреєстрація за номером телефону та постійним паролемї. Верифікація номера за смс-паролем.

1. Авторизація за пін-кодом.Вітаємо.png

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

2.

3. Авторизація по постійному паролю.
З

Процес апвторизації: Якщо клієнт праніше зареєстровано в програмі лояльності мережі, то для лавторишзації йому необхідно просто ввести свій номер телефону, натиснути кнопку "Далі" і застосунок першому вході.

Неналпраштування видть клієнта на сторіну авторизації. задається на беку.

Є метод, який повертає налаштований вигляд авторизації для визначення за яким алгоритмом йти далі.Авторизація.png

Сторінка авторизації (Постійний пароль).

      

Вибір країни – автоматично підставляється код вибраної країни.

      

Пароль – підтримує будь-які символи.

Обмеження за довжиною – на фронті.

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

- при натисканні на значок відбувається перехід на сторінку з підказкою.

      Сторінка "зЗабули пароль".

Для відновлення     

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

Вимоги до паролю: Пароль має містити в собі мінімум 8 символів, 1 велику літеру (латинську), 1 маленьку літеру (латинську), 1 цифру та 1 спецсимвол.

photo_2024-06-20 16.53.11.jpeg

5. Реєстрація.

Якщо клієнт реєструється вперше, він вводить свій номер телефону та додаток автоматично перенаправляє на сторінку реєстрації.

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

регістрація.png

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

Якщо клієнт вже має карту лояльності, то в застосунку є можливість або відсканувати існуючу карту або ввести код картки вручну.

image.png

Якщо ж клієнт реєструється вперше, через застосунок є можливість згенерувати карту лояльності. Для цього необхідно пройти реєстрацію із заповненням обовʼязкових полів анкети (список потрібних полів налаштовується на беці).

7. Заповнення анкети.

Перед генерацією карти, клієнту необхідно пройти реєстрацію в застосунку. Реєстрація складається з трьох етапів - введення персональних даних, введення контактної інформації та вибір регіону.

image.png

   

дата народження.png

 

Зверніть увагу, що в розділі "Персональна інформація", при введені дати народження, дата вводиться один раз і для її редагування, покупцю потрібігно звертатисяь (в службу пеідтревіримка на фронті)и.

Після заповнення панкети та олібов відправлʼяється зкод підтвердження номера смс.

     

    

    

Сторінка реєстрації.

      

Після заповненняих полів відправляється код підтвердження номера смс.

      

Далі – виводиться вікно з питанням, чи є у клієнтау вжгенерується карта лояльності:

      

- Є – перехід нав сторінкату додавання картки.

- Нсі – генерує"Платься та прив'язується віртуальжна" (карта.

      

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

    

         Профіль- відображає інформацію про персональні дані, контакти та адресу.

      

*Анкету може не лише на зберегкопичувати але і списуватільки якщо заповнені всі поля, які визначені як обов'язкові.нуси"

         

   

    

Домашня сторінка.

      

При переході у вкладку «Домашня сторінка» в мобільному застосунку містить в собі наступну інформацію:

Лівий верхній кут - список магазинів;
Правий верхній кут - сповіщення

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

Вміст домашньої сторінки:
Бонусний рахунок покупця - кількість доступних бонусів для списання.
Акції - список доступних акцій.
Купони - при наявності купонів для покупця, вони відображаються на домашній сторінці. 
Інтернет - магазин - банер з кнопкою-переходом на інтернет-магазин. Дамашня сторінка.png

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

В розділі відображено всі доступні магазини мережі на карті. Параметр відображення налаштовується на беці.

карта магазинів.png

 Через рядок "пошук" можна побачити список магазинів.

список магазинів.png

При натисненні на кожен магазин відображається інформація про нього та його місцезнаходження на карті:

конкретний магазин.png

10. Сповіщення.

У розділі знаходяться сповіщення клієнта. Сповіщення можуть нести інформацію проф доступніль акції, бонучасника, поривітання для клієнта точнищо. Цей бтип комунікації наланс, штрих-кодвується вна беці.

сповіщення.png

11. Картуа клієнта.

У розділі міститься зображеноїня карти, лояльності (пори натисканні відомленнкривається тна гвесь екран). Такопж розділ містить список транзакціяй, інформацію про бонусний рахунок і є можливість додати ще одну карту.

     

    

   

  image.png

транзакцій

Розділ

містить
собі

Піднформацію чпро всі траснзакції покупця. Клієнт може переглянути історію покупок, нарахування бонусів і тд

 

транзакціі.png

13. Купони
з

З Ддомашньої сторінки на мобільний додаток відобкражається Інтернет магазин як WebView. Користувачі можуть зробити замовлення прямо у мобільному додатку.

Домашня сторінка.

      

При переході на Домашню сторінку може відображатися каталог товарів, кнопка "Сканер цін", кнопка для вибору улюблених продуктів та список товарів за Супер ціною (зниженою, наприклад, жовтими цінниками)

*вся інфо передається з бека.

Сканер цін

"Сканер цін" надзвичайно простий у використанні; просто направте камеру на штрих-код товару, програма автоматично відсканує його та відобразить у мобільному додатку інформацію про товар, у тому числі й актуальну ціну.

*вся інфо передається з бека.


Механіка Улюблені товари

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

*вся інфо передається з бека.


      

Мапи.

      

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

      

інформація про карти з графічним та цифровим відображенням.

      

Також є можливість активації дод.карти.

     

    

   

      

Сторінка Активувати додаткову картку.

      

Дозволяє прив'язати додаткову картку до поточного рахунку клієнта.

      

До рахунку може одночасно прив'язано лише 2 картки (у статусі "НЕ заблоковано").

     

    

      

Магазини–наданий список доступних магазинів, при виборі яких можна прокласти оптимальний маршрут до обраного зі списку.

*вся інфо передається з бека.     

    

   

  

      

Карта- Розташування торгових точок на карті.

      

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

     

    

   

  

         

   

    

     

Прокласти маршрут.      

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

     

    

   

  

     

Повідомлення -перехід на сторінку отриманих повідомлень.

     

    

   

  

Зміст самого повідомлення

*вся інфо передається з бека.

      Дії.

      

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

image.png

14. Акції

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

      Акціі.png

Сор

15. Опитування.

Тут клієнт може взяти участь в NPS опитуваннях та отримати за це додаткоюву ствинагореоду. Всі види опитувань ня.

      

*алаштовся інфо передаєуються зна бекаці.

     опитування.png

    ʼ

16.   

  

         

Новини

Новини - Пперехід на сторінку зі списком новин.

 


 
*вся інформація про нові новиниам та акціїям передається з бекау.

     Новини.png

17.    

Меню

В Меню є

  

         

    

Істморія транзакцій.

      

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

тувача,

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

     

     

Опитування– перехід на сторінку доступних або вже заповнених опитувань.

     

    

   

  

Опитування з варіантами виставлення оцінки використовуючи шкалу від 1 до 10, де 1 – погано, 10 – дуже добре.

*опитування створюються з бека.

Подяка за участь в опитуванні.

* можливо з бека налаштовувати винагороду за участь в опитуванні.

Проголосовані опитування, затемняються та проставляється обрана оцінка.

         Розділ "Купони".

      

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

     

    

   

  

Купони

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

У мобільному додатку відображаються лише персоналізовані купони (призначені для конкретного користувача).

Коротка інформація про використання купонів.

Меню.

Мова програми- можливість зміни мови програми (Підв'язаний до нНалаштувань у телефоні). я"

меню.png

18. Налаштування-
м

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

Інформація про програму- відображти мову заєстосунку, інформаціюлаштувати про дзгодаток та бонуси при самостійній реєстрації.

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

Інтернет магазин- Перехід на сторінку онлайн-магазину.

Зв'язатися з данаими- функціонал для зворотнього зв'ʼязку, у разі будь-яких питань.

Вийти- Повний вихід з додаток (розлнайогінмиться).

Зв'язатися з нами

Для користувачів виводяться посилання соц. мережі та пошта/телефон для звернень з правитлань роботми мобільного додатка та програми лояльності мережі, змінити пароль входу в застосунок, видалити акаунт та вийти з застосунку.

Налаштування.png

18.1 Вибір мови
Доступні мови налаштовуються на беці.

мова застосунку.png

18.2 Сповіщення.
В даному розділі клієнт встановлює згоду на отримання сповіщень.

згода на сповіщення.png

18.3 Зворотній звʼязок
Канали комунікації через мессенджери, телефон гарячої лінії та електронна пошта служби підтримки.

Зворотній звʼязок.png

18.4 Зміна паролю

змінити пароль налаштування.png

18.5 Вийти
Кнопка - фвиходункціонал дозволяє розлогінитися з мобільного додатка.
у

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

  1. Значок додатку
  2. Екран заставки (Splash screen)
  3. Логотип
  4. Колір іконки і кнопок
  5. Карта (skin):
  6. Іконка для push-повідомлень
  7. Канали комунікації з клієнтами
  8. Мова інтерфейсу додатку
  9. Код країни для номеру телефону
  10. Посилання на “Умови програми лояльності”
  11. Мінімальний вік учасника програми лояльності

  • [4.0] Матеріали для адаптації


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

    Значок додатку

    Зображення для значка додатку на робочому столі - 1024px * 1024px (.png).

     

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

    Фон – патерн (зображення), співвідношення сторін – 1.777 (Прямокутне, орієнтація - вертикально, розмір - min 2310х1300px.png).
    Колір фону екрана заставки (незалежно від того чи буде заливка чи патерн)(код, приклад - #392EC9).

    Важливо: Зображення фону повинно містити логотип.

     

    Логотип

    Сторінка картки лояльності (довга логотипа - min 1024px.png). Логотип для картки лояльності повинен мати горизонтальну орієнтацію. 


          
    Колір іконок і кнопок

    Код кольору.


     
    Банер (за потреби)

    Фон – патерн (зображення), співвідношення сторін – 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. Рекламний текст
Текст, який буде бачити користувач у короткому описі


5. Опис
Текст, який бачитиме користувач у повному описі
 


6. Значок високої роздільної здатності для публікації застосунку 512 x 512 32-бітовий PNG (з альфа-каналом)


 
7. Картинка для опису має бути у форматі PNG або JPEG і з роздільною здатністю 1024 x 500 пкс. Розмір файлу – трохи більше 15 МБ.


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)