Материалы для адаптации Мобильного приложения (3.0)
Список материалов для адаптации мобильного приложения под клиента
- Значок приложения
- Экран заставки (Splash screen)
- Логотип
- Цвет иконок и кнопок
- Карта (skin):
- Иконка для push-уведомлений
- Каналы коммуникации с клиентами
- Язык интерфейса приложения
- Код страны для номера телефона
- Ссылка на «Условия программы лояльности»
- Минимальный возраст участника программы лояльности
- Значок приложения
Изображение для значка приложения на рабочем столе устройства - 1024px * 1024px (.png).
- Экран заставки (Splash screen)
Фон – без белой части, соотношение сторон – 1.777 (прямоугольный, ориентация - вертикально, величина длинной стороны - min 1024px; .png).
Цвет фона экрана заставки (независимо от того будет просто заливка, или паттерн) (код).
- Логотип
Экран приветствия, страницы логина/регистрации, домашняя страница (.ai; .png).
- Цвет иконок и кнопок
Цвет иконок, кнопок для светлой и тёмной тем (иконок на домашней странице (навигационного меню – в нажатом состоянии; в шапке), кнопок подтверждения действия) - Код.
- Карта (skin):
изображение соотношение сторон – 1.586 (величина длинной стороны - min 1024px; .png).
- Иконка для push-уведомлений
Иконка и её цвет (код) для push-уведомлений (512px * 512px, .png) - иконка должна быть без фона (с альфа-каналом). Для корректного и одинакового отображения на разных версиях разных ОС иконка окрашивается одним цветом.
- Каналы коммуникации с клиентами
Каналы коммуникации с клиентами на странице «Связаться с нами». Например, телефон горячей линии, мессенджеры, соц. сети и т.д.
- Язык интерфейса приложения
Язык интерфейса приложения, который будет использоваться по умолчанию (Укр./Рус./Англ.)
- Код страны для номера телефона
Код страны, который будет использоваться по умолчанию (при вводе номера телефона)
- Ссылка на «Условия программы лояльности»
Ссылка на «Условия программы лояльности», размещённые в интернет-сети
- Минимальный возраст участника программы лояльности
ОПИСАНИЕ ФУНКЦИОНАЛА МОБИЛЬНОГО ПРИЛОЖЕНИЯ ПРОГРАММЫ ЛОЯЛЬНОСТИ
Начальная страница |
|
Есть два вида авторизации/регистрации: 1. Регистрация по номеру телефона и одноразовому смс-паролю. Далее задается пин-код и последующие авторизации происходят по нему. 2. Регистрация по номеру телефона и постоянному паролю. Верификация номера по смс-паролю. 1. Авторизация по пин-коду. Каждый раз, когда произошел выход из приложения – нужно снова пройти авторизацию с подтверждением по смс. 2. Авторизация по постоянному паролю. Запрос пароля только при первом входе. Настройка вида авторизации задается на бэке. Есть метод, возвращает настроенный вид авторизации для определения по какому алгоритму идти дальше. |
|
Страница авторизации (постоянный пароль).
Выбор страны – автоматом подставляется код выбранной страны.
Пароль – поддерживает любые символы. Ограничения по длине – на фронте. Забыли пароль – задается новый пароль. - при клике на значок происходит переход на страницу с подсказкой. |
|
Страница «забыли пароль».
*пароли должны совпадать (проверка на фронте)
После заполнения полей отправляется код подтверждения номера в смс.
|
|
Страница регистрации.
После заполнения полей отправляется код подтверждения номера в смс.
Далее – выводится окно с вопросом есть ли у клиента уже карта лояльности:
- Есть – переход на страницу добавления карты. - Нет – генерится и привязывается виртуальная карта.
Далее – переход на страницу для заполнения анкетных данных.
|
|
Профиль - отображает информацию о персональных данных, контактах и адресе.
*анкету можно сохранить только если заполнены все поля, которые определены как обязательные.
|
|
Домашняя страница.
При переходе во вкладку «Домашняя страница» отображается информация о профиле учасника, текущем балансе, штрихкод виртуальной карты, уведомления, и геопозиция. При переходе на Домашнюю страницу может отображаться каталог товаров, кнопка “Сканер цен”, кнопка для выбора любимых продуктов и список товаров по Супер цене (сниженной, например, желтые ценники) *вся инфо передается с бэка.
|
|
Сканер цен
«Сканер цен» чрезвычайно прост в использовании; просто направьте камеру на штрих-код товара, приложение автоматически отсканирует его и отобразит в мобильном приложении информацию о товаре,, в том числе и актуальную цену.
*вся инфо передается с бэка. |
|
Механика Любимые товары
Участник через мобильное приложение может выбрать 1 раз в установленный период список SKU своих любимых продуктов и при покупке этих продуктов в установленный период, для участника автоматически срабатывает скидка/начисляется бонус, согласно заданному размеру и типу.
*вся инфо передается с бэка. |
|
Карты.
При переходе во вкладку «Карты» отображается
информация о картах с графическим и цифровым отображением.
Так же присутствет возможность активации доп.карты.
|
|
Страница Активировать доп.карту.
Позволяет привязать дополнительную карту к текущему счету клиента.
К счету может одновременно привязано только 2 карты (в статусе «НЕ заблокирован»).
|
|
Магазины–предоставленный список доступных магазинов, при выборе которых можно проложить оптимальный маршрут к выбранному из перечня. *вся инфо передается с бэка.
Карта - расположение торговых точек на карте.
*список магазинов, доп.инфо по ним и координаты передаются с бэка. |
|
Проложить маршрут. Возможность выбрать магазин и проложить маршрут к нему (переход на гугл-карты для Андроид и Apple Maps для ИОС).
|
|
Уведомления - переход на страницу полученных уведомлений.
|
|
Содержание самого уведомления
*вся инфо передается с бэка. |
|
Акции.
Выводится список акций доступных данному клиенту. Статусы для вывода акций: «ожидает» и «активна».
Сортировка по дате создания.
*вся инфо передается с бэка.
|
|
Новости - переход на страницу со списком новостей. *вся инфо о новых новостях и акциях передается с бэка.
|
|
История транзакций.
В данном разделе находится история транзакций по Вашему аккаунту. Просмотр детальной информации о сумме чека, размере скидки и количестве бонусов за чек, месте дате и точном времени совершения покупки. Так же здесь размещена информация о начисленных бонусах за регистрацию, участиях в опросах, корректировке баланса и др. |
|
Опросы – переход на страницу доступных или уже заполненных опросов.
Опрос с вариантами выставления оценки используя шкалу от 1 до 10, где 1 - плохо, 10 - очень хорошо.
*опросы создаются с бэка.
После голосования появится сообщение с благодарностью за участие в опросе.
Проголосованные опросы затемняются и проставляется выбранная оценка.
|
|
|
|
Раздел «Купоны».
Размещен на домашней странице мобильного приложения. Включает в себя период действия, сумму вознаграждения, указывается сумма при которой можно применить тот или иной купон а так же QR код который сканируется на кассе.
|
|
Купоны
Купоны генерируются на бэке. В мобильном приложении отображаются только персонализированные купоны (предназначены для конкретного пользователя). |
|
Короткая информация о использовании купонов. |
|
Меню. Язык приложения - возможность смены языка приложения (подвязан к настройкам в телефоне). Настройки - возможность настройки интерфейса приложения «ночная тема». Информация о приложении - отображает информацию о приложении и бонусах при самостоятельной регистрации. Программа лояльности - переход на внешнюю ссылку, где расположен документ с правилами участия в программе лояльности.
Интернет магазин - переход на страницу онлайн-магазина.
Связаться с нами - функционал для обратной связи в случае каких либо вопросов.
Выйти – полный выход с приложение (разлогиниться). |
|
Связаться с нами
Для пользователей выводятся ссылки на соц. сети и почта/телефон для обращений по вопросам работы мобильного приложения и программы лояльности |
|
Выйти - функционал позволяющий разлогиниться с мобильного приложения. |