(smoke) Design brief

Техническое задание для дизайнера

Проект: Мобильное приложение для отказа от курения

Цель: Создать привлекательный и функциональный дизайн интерфейса, который поможет пользователям эффективно использовать приложение для отказа от курения, поддерживая их мотивацию и вовлечение.

Основные экраны и функционал

1. Onboarding (Экран вступления)
   • Описание: Экран для приветствия и объяснения целей приложения. Должна быть линия прогресса onboadingа, будут разные сценарии при выборе уровня сложности (решительности)
   • Элементы:
     • Выбор уровня решимости бросить курить (несколько вариантов сложности).
     • Визуальные элементы для облегчения выбора, например, иконки или градиенты, показывающие разную степень решимости.
   • Цель: Интуитивно понятный процесс выбора, который будет использоваться для настройки дальнейших рекомендаций и заданий. Нужно сделать один экран
2. Main Page (Главная страница)
   • Описание: Основная страница с отображением ключевой информации.
   • Элементы:
     • Таймер, отсчитывающий время с момента отказа от курения. Под таймером находится количество сэкономленных дней
     • Нижнее меню с кнопками для навигации (Главная, Задания(типа пробежки будет за которые очки получишь и тп), Статистика денег(скок сэкономил и что можно купить), Дневник или же заметки (каждый раз когда юзер захочет прикурится - будет оставлять тут свои мысли и желания для дальнейшего самоанализа, грубо говоря как заметки будут) ,Профиль (там будут остальны страницы типа, страницы будут в ряд идти, ну то есть названия страниц в ряд), .).
     • Нижняя часть страницы включает настройки и вдохновляющий текст (название приложения или логотип).
   • Цель: Чистый, минималистичный дизайн с акцентом на таймере как на главном элементе мотивации.
3. Chat (Чат)
   • Описание: Чат для общения с поддерживающим ботом (на базе ChatGPT) или, возможно, с другими пользователями.
   • Элементы:
     • Интерфейс, напоминающий обычный мессенджер.
     • Возможность отправлять текстовые сообщения и получать автоматические ответы.
   • Цель: Создать уютный и дружелюбный интерфейс, стимулирующий пользователя к диалогу.
4. Achievements (Достижения)
   • Описание: Экран для отображения достижений пользователя.
   • Элементы:
     • Карточки с достижениями (например, "Неделя без сигарет").
     • Кнопка "Поделиться в соцсетях".
   • Цель: Визуально мотивирующий экран с элементами геймификации.
5. Описание сэкономленных денег
   • Описание: Экран, показывающий пользователю, сколько денег он сэкономил благодаря отказу от курения. Также будут отображаться данные о том сколько сигарет он мог выкурить (либо отображать в пачках) и сколько раз он сорвался и когда(возможно не нужно это в этом месте)
   • Элементы:
     • Отображение суммарной сэкономленной суммы в динамической форме. Можно попробовать графиком, но не уверен что подойдет в тематику приложения отоброжать графики
   • Цель: Простой и понятный интерфейс, помогающий пользователю увидеть материальные выгоды отказа от курения.
6. Health Notifications (Уведомления о здоровье) !!! НЕ ДЛЯ ДИЗАЙНЕРА !!!
   • Описание: Уведомления, связанные с улучшением здоровья пользователя.
   • Элементы:
     • Уведомления о прогрессе (например, "5 дней без сигарет - риск рака снижен на X%").
     • Визуализация в виде графиков (графики должны выглядеть просто и мотивирующе).
   • Цель: Вдохновляющие уведомления, визуально подчеркивающие здоровье и прогресс.
7. Daily Points & Tasks (Очки и задания) !!! ОЧКИ ТАКЖЕ В HEADER ДОЛЖНЫ БЫТЬ !!!
   • Описание: Система начисления очков за каждый день без сигарет и за выполнение заданий.
   • Элементы:
     • Отображение текущего количества очков.
     • Список доступных заданий (например, "Сделать зарядку").
   • Цель: Поддержание вовлеченности через систему вознаграждений.
8. Leaderboard (Лидерборд)
   • Описание: Таблица с рейтингом пользователей.
   • Элементы:
     • Список пользователей с очками.
     • Фильтры по друзьям или регионам.
   • Цель: Создать элемент соревновательного духа среди пользователей.
9. Penalties (Штрафы) ЭТО POPUP
   • Описание: Штрафы за срыв (закуривание).
   • Элементы:
     • Уменьшение очков и уведомление.
     • При сложном уровне сложности - popup с просьбой оплатить свой срыв (кешем)
   • Цель: Психологическое стимулирование не возвращаться к курению.
10. Personal Diary (Персональный дневник) Заметки
    • Описание: Дневник для записи мыслей и эмоций пользователя.
    • Элементы:
      • Простое текстовое поле для ввода.
      • Опциональная возможность добавления меток эмоций.
    • Цель: Помочь пользователям следить за эмоциональными изменениями и поддерживать саморефлексию.
11. Уведомления
    • Описание: Последние обновления и уведомления для юзера на одной странице

Общие требования

• Стиль: Современный, минималистичный, мотивирующий.
• Цветовая палитра: Умеренно яркие, спокойные тона, ассоциирующиеся с чистотой, здоровьем и спокойствием.
• Типографика: Простой и легко читаемый шрифт.
• Анимации: Мягкие переходы между экранами, анимации уведомлений и достижения.

Вдохновение и референсы

• Приложения по трекингу здоровья (например, MyFitnessPal, Habitica).
• Quit Smoking --~ Smoke Free
• Smoke Free - Quit Smoking Now

Дополнительные пожелания

• Убедиться, что дизайн мотивирует, но не вызывает чувство вины.
• Доступность: дизайн должен быть понятен и доступен для людей с разным уровнем цифровой грамотности.

Дополнительная просьба

Приложение будет только для iOS - нужно использовать стандатные (по взоможности) интерфесы только iosHuman Interface Guidelines (HIG) от Apple

SF Symbols

Шрифты и Типографика — San Francisco (но можно и не его, на усмотрение диза)

Изображения тоже минималистичные нужны, если будете использовать ИИ для генерации картинок - чистить от вотермарок нужно

Закругления должны быть везде - по фуллу современно должно выглядеть

!Любые идеи по дизайну и расположению элементов приветствуются!

НА ЭТОТ ЗАКАЗ - СДЕЛАТЬ ТОЛЬКО ГЛАВНУЮ СТРАНИЦУ !!!

на скрине снизу указал как примерно может выглядеть

Техническое задание для дизайнера

Проект: Мобильное приложение для отказа от курения

Цель: Создать привлекательный и функциональный дизайн интерфейса, который поможет пользователям эффективно использовать приложение для отказа от курения, поддерживая их мотивацию и вовлечение.

Основные экраны и функционал

1. Onboarding (Экран вступления)
   • Описание: Экран для приветствия и объяснения целей приложения. Должна быть линия прогресса onboadingа, будут разные сценарии при выборе уровня сложности (решительности)
   • Элементы:
     • Выбор уровня решимости бросить курить (несколько вариантов сложности).
     • Визуальные элементы для облегчения выбора, например, иконки или градиенты, показывающие разную степень решимости.
   • Цель: Интуитивно понятный процесс выбора, который будет использоваться для настройки дальнейших рекомендаций и заданий. Нужно сделать один экран
2. Main Page (Главная страница)
   • Описание: Основная страница с отображением ключевой информации.
   • Элементы:
     • Таймер, отсчитывающий время с момента отказа от курения. Под таймером находится количество сэкономленных дней
     • Нижнее меню с кнопками для навигации (Главная, Задания(типа пробежки будет за которые очки получишь и тп), Статистика денег(скок сэкономил и что можно купить), Дневник или же заметки (каждый раз когда юзер захочет прикурится - будет оставлять тут свои мысли и желания для дальнейшего самоанализа, грубо говоря как заметки будут) ,Профиль (там будут остальны страницы типа, страницы будут в ряд идти, ну то есть названия страниц в ряд), .).
     • Нижняя часть страницы включает настройки и вдохновляющий текст (название приложения или логотип).
   • Цель: Чистый, минималистичный дизайн с акцентом на таймере как на главном элементе мотивации.
3. Chat (Чат)
   • Описание: Чат для общения с поддерживающим ботом (на базе ChatGPT) или, возможно, с другими пользователями.
   • Элементы:
     • Интерфейс, напоминающий обычный мессенджер.
     • Возможность отправлять текстовые сообщения и получать автоматические ответы.
   • Цель: Создать уютный и дружелюбный интерфейс, стимулирующий пользователя к диалогу.
4. Achievements (Достижения)
   • Описание: Экран для отображения достижений пользователя.
   • Элементы:
     • Карточки с достижениями (например, "Неделя без сигарет").
     • Кнопка "Поделиться в соцсетях".
   • Цель: Визуально мотивирующий экран с элементами геймификации.
5. Описание сэкономленных денег
   • Описание: Экран, показывающий пользователю, сколько денег он сэкономил благодаря отказу от курения. Также будут отображаться данные о том сколько сигарет он мог выкурить (либо отображать в пачках) и сколько раз он сорвался и когда(возможно не нужно это в этом месте)
   • Элементы:
     • Отображение суммарной сэкономленной суммы в динамической форме. Можно попробовать графиком, но не уверен что подойдет в тематику приложения отоброжать графики
   • Цель: Простой и понятный интерфейс, помогающий пользователю увидеть материальные выгоды отказа от курения.
6. Health Notifications (Уведомления о здоровье) !!! НЕ ДЛЯ ДИЗАЙНЕРА !!!
   • Описание: Уведомления, связанные с улучшением здоровья пользователя.
   • Элементы:
     • Уведомления о прогрессе (например, "5 дней без сигарет - риск рака снижен на X%").
     • Визуализация в виде графиков (графики должны выглядеть просто и мотивирующе).
   • Цель: Вдохновляющие уведомления, визуально подчеркивающие здоровье и прогресс.
7. Daily Points & Tasks (Очки и задания) !!! ОЧКИ ТАКЖЕ В HEADER ДОЛЖНЫ БЫТЬ !!!
   • Описание: Система начисления очков за каждый день без сигарет и за выполнение заданий.
   • Элементы:
     • Отображение текущего количества очков.
     • Список доступных заданий (например, "Сделать зарядку").
   • Цель: Поддержание вовлеченности через систему вознаграждений.
8. Leaderboard (Лидерборд)
   • Описание: Таблица с рейтингом пользователей.
   • Элементы:
     • Список пользователей с очками.
     • Фильтры по друзьям или регионам.
   • Цель: Создать элемент соревновательного духа среди пользователей.
9. Penalties (Штрафы) ЭТО POPUP
   • Описание: Штрафы за срыв (закуривание).
   • Элементы:
     • Уменьшение очков и уведомление.
     • При сложном уровне сложности - popup с просьбой оплатить свой срыв (кешем)
   • Цель: Психологическое стимулирование не возвращаться к курению.
10. Personal Diary (Персональный дневник) Заметки
    • Описание: Дневник для записи мыслей и эмоций пользователя.
    • Элементы:
      • Простое текстовое поле для ввода.
      • Опциональная возможность добавления меток эмоций.
    • Цель: Помочь пользователям следить за эмоциональными изменениями и поддерживать саморефлексию.

Общие требования

• Стиль: Современный, минималистичный, мотивирующий.
• Цветовая палитра: Умеренно яркие, спокойные тона, ассоциирующиеся с чистотой, здоровьем и спокойствием.
• Типографика: Простой и легко читаемый шрифт.
• Анимации: Мягкие переходы между экранами, анимации уведомлений и достижения.

Вдохновение и референсы

• Приложения по трекингу здоровья (например, MyFitnessPal, Habitica).
• Quit Smoking --~ Smoke Free
• Smoke Free - Quit Smoking Now

Дополнительные пожелания

• Убедиться, что дизайн мотивирует, но не вызывает чувство вины.
• Доступность: дизайн должен быть понятен и доступен для людей с разным уровнем цифровой грамотности.

Дополнительная просьба

Приложение будет только для iOS - нужно использовать стандатные (по взоможности) интерфесы только iosHuman Interface Guidelines (HIG) от Apple

SF Symbols

Шрифты и Типографика — San Francisco (но можно и не его, на усмотрение диза)

Изображения тоже минималистичные нужны, если будете использовать ИИ для генерации картинок - чистить от вотермарок нужно

Закругления должны быть везде - по фуллу современно должно выглядеть

!Любые идеи по дизайну и расположению элементов приветствуются!

Получается кроме главной - 7 страниц + popup штрафа. Сколько popup стоить будет - не знаю)

Поставьте цену пожалуйста

Страницу уведомлений убираем, без нее))

Я примерно набросал снизу как хотел бы страницу заданий видеть