Техническое задание на разработку UX/UI дизайна мобильного приложения

Ключевая информация о проекте

Название проекта: EQApp - приложение для развития эмоционального интеллекта.

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

Целевая аудитория: Люди, интересующиеся саморазвитием, ментальным здоровьем и психологией.

Основные требования к дизайну

• Платформы: Кроссплатформенный дизайн для iOS и Android.
• Стиль: Необходимо продолжить работу в уже готовом стиле. Главный экран утвержден.
• Инструмент дизайна: Figma.

Функциональные модули для проектирования

Дизайн должен охватывать интерфейсы для следующих ключевых функций приложения:

• Сканирование эмоционального состояния: Экран(ы) для ежедневной самооценки и отслеживания настроения.
• Эмоциональный дневник: Интерфейс для ведения записей, возможно с тегами и визуализацией.
• Тесты и тренажёры: Экраны прохождения упражнений на развитие EQ, отображения результатов и прогресса.
• Консультации с психологами: Раздел для связи со специалистами (чат, расписание, профили).
• Личный кабинет и статистика: Профиль пользователя, настройки, визуализация прогресса (графики, отчеты).
• Система оплаты: Безопасный и понятный flow для проведения платежей (подписки, разовые консультации).
• Уведомления: Дизайн push-уведомлений и их настроек внутри приложения.

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

Для понимания ограничений и возможностей реализации:

• Фронтенд-разработка: Будет вестись на FlutterFlow.
• Бэкенд и база данных: Используется self-hosted Supabase.
• Система уведомлений: Firebase Cloud Messaging (FCM).
• Платежный шлюз: Интеграция с российской платежной системой.

Что ожидается от исполнителя

• Проектирование пользовательских потоков (UX) для всех указанных функций.
• Создание визуального интерфейса (UI) всех необходимых экранов, соответствующих утвержденному стилю.
• Подготовка адаптивных макетов для разных размеров экранов.
• Предоставление готовых макетов в Figma с продуманными состояниями элементов (нажатие, ошибка, загрузка).
• Внимание к деталям: типографика, цветовая палитра, иконки, отступы, интерактивность.