Узбекистан

<h2>Техническое задани</h2><h2>Общее описание проекта</h2>Требуется разработка дизайна интерфейса для веб-приложения по подготовке к экзамену IELTS. Приложение должно быть интуитивным, современным и мотивирующим, с акцентом на главную страницу и профиль пользователя. Дизайн должен вдохновляться платформой Duolingo, но быть уникальным и адаптированным под тематику IELTS.1. Цели и задачи- Цель: Создать привлекательный и функциональный дизайн интерфейса для веб-приложения.- Задачи: - Разработать дизайн главной страницы и профиля пользователя. - Обеспечить интуитивный и мотивирующий UX/UI с элементами геймификации. - Подготовить адаптивные макеты для десктопных и мобильных устройств.2. Функциональные требования2.1. Главная страница (Main Page)<ul><li>Отображается после авторизации.</li><li>Содержит:<ul><li>Кнопка «Пройти ежедневные задания» (для коротких упражнений).</li><li>Виджет «Основной прогресс» (графики/прогресс-бары, показывающие уровень подготовки).</li><li>Персонализированные рекомендации (например, «Улучшите Speaking с помощью упражнений»).</li><li>Дополнительно: мотивационные цитаты, статистика активности, быстрый доступ к тестам.</li></ul></li><li>Требования к дизайну:<ul><li>Современный, минималистичный стиль.</li><li>Акцент на визуализацию прогресса (графики, диаграммы).</li><li>Использование пастельных цветов. </li></ul></li></ul>2.2. Профиль (Profile)<ul><li>Содержит:<ul><li>Данные об оплате (подписка, история платежей).</li><li>История тестов (даты, результаты, статистика по модулям).</li><li>Достижения (значки за задания, тесты, цели).</li><li>Цели пользователя (майлстоуны) с прогрессом.</li></ul></li><li>Требования к дизайну:<ul><li>Привлекательный интерфейс с элементами геймификации (значки, награды).</li><li>Четкая структура для удобного доступа к данным.</li><li>Визуализация прогресса и целей (графики, прогресс-бары).</li></ul></li></ul>3.3. Сдача тестов (Test Taking)<ul><li>Содержит два варианта выбора:<ol><li>Полный тест: Имитация полноценного IELTS-теста (все модули: Reading, Writing, Listening, Speaking).</li><li>Отдельный модуль: Выбор одного из четырех модулей (Reading, Writing, Listening, Speaking).</li></ol></li><li>После выбора модуля отображается страница теста. Если модуль в разработке, показывается уведомление «Страница в разработке» с кнопкой возврата в меню.</li><li>Элементы страницы теста:<ul><li>Таймер, соответствующий реальным условиям IELTS.</li><li>Интерактивные элементы (аудиоплеер для Listening, текстовые поля для Writing, кнопка записи для Speaking).</li><li>Кнопки управления (начать, приостановить, завершить тест).</li></ul></li><li>Требования к дизайну:<ul><li>Чистый и функциональный интерфейс, минимизирующий отвлечения.</li><li>Ясное выделение активного модуля и таймера.</li><li>Удобная навигация для выбора теста или модуля.</li></ul></li></ul>3.4. Настройки (Settings)<ul><li>Содержит:<ul><li>Управление учетной записью (email, пароль, данные пользователя).</li><li>Настройка уведомлений (push, email).</li><li>Выбор языка интерфейса (английский, русский, с возможностью расширения).</li><li>Настройка предпочтений по материалам (например, «Предпочитаю учить через музыку»).</li><li>Дополнительно: выбор темы оформления, настройка уровня сложности заданий.</li></ul></li><li>Требования к дизайну:<ul><li>Простая и структурированная компоновка.</li><li>Четкое разделение на категории (учетная запись, уведомления, предпочтения).</li><li>Интуитивные элементы управления (переключатели, выпадающие списки).</li></ul></li></ul>2.5. Общие требования к дизайну- Адаптивность. - Цветовая палитра: Пастельные, теплые оттенки, для фона и акцентов, энергичные, но мягкие цвета.- Стиль: Минималистичный, вдохновленный Duolingo, с уникальной стилистикой.- Инструменты: Любой удобный, желательно, Figma- Шрифты: Читаемые и простые.

Ив guest_1756194015430

UI дизайн