Разработка приложения Кварц

Разработка дизайна
для приложения

Презентация предназначена для просмотра с широкоформатных мониторов.
Не для просмотра с мобильного телефона.

Листайте вниз

01. Задача

trkq.ru

Разработка дизайна для мобильного приложения.

Основное направление приложения - размещение информации
о торговом центре и предоставление услуг провайдера интернета.

Ссылки:

quartztelecom.ru

02. Типографика

Gilroy - это современный шрифт без засечек с геометрическими элементами.
Старший брат оригинального семейства шрифтов Qanelas.

03. Фирменные цвета

#f1f2ff

#1268e9

#6ee029

#7d80a7

#191919

#e2e4f4

#852cff

#e50000

#e7e8f5

#626262

Для фона

Для элементов

Для системных иконок

Для неактивных элементов

Для системных подложек

Для заголовков

Для текста

#ffe400

Для активной кнопки

04. Иконка приложения

Кварц

05. Загрузочный экран

Splash Screen экран появляется при загрузке на 1-5 секунд (зависит от мощности устройства).
Может быть кастомизирован под уникальное событие.

По умолчанию

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

Пример с акцией

Важно!
Баннеры не должны часто меняться и быть излишне яркими. По умолчанию стоит экран с логотипом.

Splash Screen (экран-заставка) — Обычно первое что видит пользователь на экране
(в нашем случае мобильного телефона). Это изображение которое появляется во время загрузки программы/игры. Обычно логотип или просто картинка с информацией.

Пример анимации. Правило 3-х секунд

Нажмите, чтобы посмотреть анимацию

06. Логин и регистрация

Вход для не зарегистрированного пользователя

2.3 Pop-Up гостевой режим

2.0 По умолчанию

На выбор предоставляется 3 действия:
1.) Зарегистрироваться или войти в приложение;
2.) Зайти в раздел связанным с торговым комплексом;
3.) Зайти "гостем" в приложение.

2.1 По умолчанию. Меню "Еще" при тапе

2.2 По умолчанию. Гостевой режим. Предупреждение (POP-UP)

Вход для зарегистрированного пользователя указавшего пароль для входа

2.5 По умолчанию

2.6 Заполненные поля c ошибкой

2.7 Сменить пользователя

Действия при нажатии на меню "еще" и восстановление пароля

2.8 Восстановление пароля

2.9 Заполненные поля c ошибкой

2.10 Сменить пользователя

Вход в приложение

2.11 По умолчанию

2.12 Заполненные поля

Вход в приложение при нажатии на кнопку "Войти или зарегистрироваться"

Регистрация в приложении

2.14 По умолчанию

2.15 Заполненные поля

2.16 Пароль

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

2.17 Личные данные

2.18 Ввод персональных данных

2.19 Выбор адреса

Выбор адреса был упрощен, все можно заполнить в одной вкладке

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

07. Главный экран

Анимация кнопки "Мир кварц"

Элементы главного экрана

3.1 Слайдер

Важно!
Рекомендуется использовать до 5-ти слайдов.
Слайды сделаны в пример. Функциональность баннеров - возможность разместить любую акцию. Задать любой стиль для текста.