Разработка дизайна 10 UI-экранов для SaaS-платформы
Общая задача
Создание полного набора интерфейсных экранов для образовательной SaaS-платформы в премиальном стиле. Дизайн будет использоваться для лендинга и анимационных видео.
Стилистические требования
- Темная тема интерфейса
- Использование стеклянного морфизма (glassmorphism) для панелей
- Цветовая палитра: синие и фиолетовые градиенты
- Чистый, минималистичный SaaS-стиль
- Высокая реалистичность - интерфейс должен выглядеть как рабочий продукт
Список необходимых экранов
- Дашборд управляющего
- Страница со списком сотрудников
- Детальная карточка сотрудника
- Каталог модулей обучения
- Интерфейс чат-урока в формате мессенджера
- Раздел меню и блюд
- Страница стандартов обслуживания
- Панель аналитики и отчетности
- Инструмент создания урока с ИИ (с загрузкой файлов)
- Экран онбординга сотрудника в мессенджере
Технические требования
Формат и структура
- Работа выполняется в Figma
- Сетка под разрешение 1440px
- Каждый экран - отдельный фрейм
- Акцент на читаемость и удобство использования
Требования к экспорту
- PNG каждого экрана в разрешении 1920×1080 (варианты с фоном и без фона)
- Отдельные экспортируемые элементы для анимации (иконки, карточки, блоки)
- Вариант каждого экрана без текстовых слоев (для анимации в After Effects)
- Логотипы, градиентные фоны и стеклянные панели как отдельные слои
Результат работы
- Figma-файл с полным дизайном
- 10 готовых UI-экранов
- Полный набор PNG-файлов для монтажа видео