Domino’s Pizza. Мобильная версия сайта

1.

Domino’s Pizza
Мобильная
версия сайта

2.

Главная страница
01_home_v4.psd
Блок c промокодом
(красное поле служит кнопкой OK)
Блок акции 1
(весь блок является кнопкой, по которой можно нажать.
Переход на страницу конкретной акции)
Блок акции 2
(по аналогии с предыдущим)
Блок меню
(является кнопкой, которая ведет на страницу Меню)
Блок акции
(по аналогии с предыдущими блоками являеться
кнопкой. Переход на страницу акций)

3.

Боковое меню
01_home_menu.psd
При нажатии пункт меню
«подсвечивается» серым цветом

4.

Страница Меню
04_menu.psd
У изображении стоит opacity 80%,
под ними черный фон
Каждый блок является кнопкой, нажимать можно
в любую область кнопки
После нажатия, следующий экран должен
появиться с правой стороны

5.

Cтраница Акции
04_menu_akcia.psd
Картинки в будущем поменяются, а расположение
останется таким, крупные плитки в 2 столбца
по нажатию на плитку переходим на соответствующую
страницу

6.

Внутренняя акция
05_akcia.psd
Название акции
Выпадающий блок с кол-вом
Выпадающий список первой пиццы
(по умолчанию должна быть выбрана одна пицца)
Выпадающий список второй пиццы
(по умолчанию должна быть выбрана одна пицца)
Выпадающий список третьей пиццы
(по умолчанию должна быть выбрана одна пицца)
Выпадающий список спецпредложения
(по умолчанию предложен 1 литр колы за 99р)
Выпадающий блок с кол-вом добавок
Стоимость и кнопка «Добавить в корзину», являются
блоком закрепленным в нижней части экрана

7.

Cтраница Пицца
04_menu_pizza.psd
Плитки с пиццей

8.

Cтраница Пицца
04_menu_pizza.psd
После того, как пользователь добавил одну пиццу
или акцию, то, на данной странице появляется
кнопка «Оформить заказ»
(закрепленная в нижней части экрана)

9.

Поп-ап с подтверждением города
01_home_v4_popup.psd
При первом посещении должно появиться
всплывающее окно с подтверждением города.
Нажатие на красную кнопку:
запоминаем город и закрываем поп-ап
Нажатие на белую кнопку:
открывается страница со списком городов
черный фон opacity 60%

10.

Список городов
03_goroda.psd

11.

Проверка адреса
01_avtokorrektor_.psd
На данный экран переход осуществляется
из бокового меню — проверить адрес
При помощи геолокации определяем
местоположение пользователя
Отображение адреса
Если адрес неверный, его можно скорректировать
вручную, нажав на кнопку «Изменить адрес».
Или подвинув карту пальцем, маркер на карте всегда
расположен в центре экрана (как в Uber).