Бросил курить
Разработка дизайна для приложения
Листайте вниз
Презентация для просмотра с монитора,
не с телефона!
Задача:
Разработка дизайна для мобильного приложения (Android)
Цель приложения:
Помочь людям бросающим курить.
Монетизация:
Доход с про версии. - разблокировка при оплате. - 1 версия
Целевая аудитория
Курильщики, люди которые бросают курить, либо бросили курить недавно.
Конкуренты:
Kwit - КВИТ: Бросить курить и вейпинг
Не курю!
01.Фирменный шрифт
Gilroy
Gilroy - это современный шрифт без засечек с геометрическими элементами. Старший брат оригинального семейства шрифтов Qanelas.
Дизайнер - Radomir Tinkov
02. Иконка
03. Сплеш-скрин
Анимация лоадера
показана в пример, можно предложить свой вариант на подобие такой анимации.
Необязательно делать ее точь в точь.
04. Логин
После загрузки попадаем на
экран логина
Анимация всплывашки окна снизу-вверх.
При тапе вниз возвращаемся на основной экран "Войти/Регистрация"
Вариант с клавиатурой
1-4 прокрутки точек до экрана логина (в зависимости от мощности телефона)
05. Восстановление пароля
Страница в случае успеха
06. Регистрация
При нажатии на регистрацию появляется анимацией снизу-вверх. Форма регистрации
При таче вниз пояаляется окно Войти/Регистрация
07. Ошибки
При ошибке появляется красное поле, в котором находится описание ошибки
08. Приветствие при регистрации
При входе если уже есть учетная запись, данный экран не появляется.
Этот этап появляется если это новый пользователь, после этапа регистрации.
Шаги показаны слева-направо
Шаг 1. Окно с загруженной фотографией, но неправильным вводом имени (ошибка)
Шаг 1. Стандартное окно
Шаг 1. Окно с загруженной фотографией, при печатании имени
Шаг 1. Окно с заполненным профилем и переходом на шаг-2
При нажатии на "Пропустить шаг" переходим к следующему шагу. Данные при этом не сохраняются. Пропустить шаг доступно на всех шагах, кроме последнего, там кнопка "Продолжить бесплатно"
Шаг 2. Календарь в зависимости от версии Андроида
В данном шаге, есть
возможность выбрать, как будущее, так и прошедшее время.
Надписи на главном экране будут сменяться. (см. главный экран)
Шаг 2.Таймер в зависимости от версии Андроида
Шаг 2. Выбор даты
Шаг 3. Заполненное окно с клавиатурой
Шаг 3. Стандартное окно
Шаг 3. Заполненный шаг
Все пункты необязательны к заполнению
Шаг 5. PRO-версия
Шаг 4. Выбор темы.
PRO темы недоступны на данном шаге. Выбор из 2-х тем
После 5-го шага открывается главный экран. С введенными параметрами.
Необходимо избежать недопустимых
символов и пробелов перед началом имени
Тут нужно уточнить требуется ли лоадер? Если да, то использовать стандартный (точки влево-вправо) с экрана сплеш.
08. Главный экран
Главный экран со всеми элементами. На яндекс диске - изображения в хорошем качестве.
Стандартная зеленая тема
При наведении на красный tooltip - подсказка
При зажатии можно скроллить влево-вправо. При нажатии на награды, переход на страницу наград
Ссылки на переход
Сменяются при заходе в приложение - рандомно
При зажатии слайдер влево-вправо, при нажатии всплывашка (показана ниже)
Сменяются при заходе в приложение - рандомно
Переход на страницы
Плавающее меню. На некоторых страницах плавает, на некоторых нет
Таймер в зависимости от установленной даты при будущей и прошлой даты меняется надпись
Стандартная синяя тема
PRO тема - оранж. Доступна только для купивших платную версию
PRO тема - ночная. Доступна только для купивших платную версию
PRO тема - графит. Доступна только для купивших платную версию
Главный экран на мониторе - показано плавающее меню
При нажатии на фото и имя, переход в настройки аккаунта
Переход на покупку платной версии. У тех у кого уже есть PRO аккаунт окно не отображается
09. Настройки
Профиль без фото
При нажатии на фото и имя в главном экране
Профиль с фото
Общая страница настроек
При нажатии на сменить данные сохраняются
При выйти из аккаунта, попадаем на экран логина
10. Внутренние экраны
На яндекс диске - изображения в хорошем качестве
Страница "болезни".
Надпись нажмите для ознакомления с анимацией.
При тапе на пункт - аккордеон раскрывашка с текстом.
Открыта может быть только один пункт.
Страница "Календарь".
При нажатии на день, появляется всплвашка. Тапом вниз + тапом
на некативную зону убирается.
Дни зависят от даты указанной во времени.
Если человек уже указал, что не курит месяц, то иконка завершено (зеленая) активна
до нужного месяца
Страница "Статьи". Общая и отдельная статья
Необходима возможность добавлять статьи
Страница "Цитаты".
Со всеми цитатами
Страница "Медиа".
Необходима возможность
добавлять изображения
Страница "Достижения". Полученные и неполученные.
Идет привязка к времени.
Необходима возможность сделать достижения уведомлениями на главном экране. Счетчиком
Страница "Голосование". Общая
Страница "Истории". Возможность рассказать пользователю свою историю
Страница "Истории".
Страница успеха
Страница "Истории". Общая
Страница "Голосование". Страница одного голосования
Страница "Голосование". С возможность
оставить комментарий пользователю
11. PRO-версия
PRO-версия заглушка
PRO-версия POP-up
PRO-версия страница
Made on
Tilda