Категории: Все - заказ - оплата - регистрация - меню

по Ирина Клименко 3 лет назад

233

План организации — дерево

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

План организации — дерево

Timer button

Страница с кнопкой включения процесса приготовления кофе. На странице отображена информация о времени, который указал пользователь при заказе и отчет времени. За 1-2 минуты до окончания времени приложение спрашивает о включении процесса приготовления. Пользователь соглашается или меняет время.

QR-code

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

Payment

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

cash

card

Выбор платежной системы. Форма с полями: card number, valid thru, cvv.

Order

Оповещение, что заказ сформирован (есть возможность его скорректировать или удалить). Также пользователь указывает ориентировочное время его выполнения. Есть инфо о бонусах и скидках. Заказ для авторизированных пользователей сформирован - переход на страницу с оплатой. Если пользователь находится в приложение как неавторизированный пользователь - то переход на страницу с авторизацией/регистрацией. После этого - переход на оплату.

Last page

После выдачи кофе на последней странице появляется оповещение об успешно выполненном заказе, инфо о начислении бонусов. Пожелание "Have a nice day!"

Menu

В меню отображен перечень напитков: американо, капуччино, латте и прочее. Также есть цены, выбор размера стаканчика, количества сахара и молока. Переход на следующую страницу - выбор адреса.

Choose address

locate

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

our locations

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

your location

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

App CoffeeOk - order coffee online

Splash

Первая страница приложения, на которой размещен логотип, тематическая иллюстрации и кнопка "Let's start" или "Welcome". А также краткая информация о преимуществах использования данного приложения. Кнопка "Need help?" для неуверенных пользователей.

skip

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

sign in

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

sign up

Регистрация в приложении. Возможна через социальные сети и через заполнение формы с основными полями: name, phone number, email, password, repeat password. После - переход на меню. Если неавторизированный пользователь оказался на этой странице после меню, выбора адреса, оформления заказа - то переход на страницу с оплатой.

my profile

Вход в личный кабинет: вход через социальные сети или форму с логином и паролем. В личном кабинете доступны поля: name, phone number, email, order history, points, discount, help, settings. Данные возможно поменять на другие в случае необходимости. После - переход на меню. Также реализована функция "order history", при выборе которой автоматически возможно повторить один из предыдущих заказов, минуя следующие шаги.

order history

Выбор предыдущего заказа с таким же напитком и адресом кафе - переход на страницу с заказом (5). Есть возможность изменить адрес кафе, где можно кофе забрать - переход на страницу с выбором адреса (3). Либо же адрес оставить прежним, но поменять позицию в заказе - переход в меню (6).