Разработка UI/UX дизайна лендинга для профессионального оборудования
Цель проекта
Преобразовать готовые прототипы (десктопная и мобильная версии) в чистый, профессиональный UI/UX дизайн, готовый для передачи в разработку. Дизайн должен подчеркивать качество и надежность продаваемой продукции.
Исходные материалы
- Прототипы макетов (десктоп и мобильная версия)
- Файл с текстовым контентом для всех блоков сайта
Ключевые требования к дизайну
Визуальная концепция
- Стиль: Светлый фон, минимализм, акценты темного цвета, много свободного пространства (White Space).
- Впечатление: Дизайн должен транслировать профессионализм, высокое качество и надежность.
UX и адаптация
- Мобильная версия: Требуется серьезная оптимизация и сокращение избыточной длины прототипа.
- UX-решения: Для улучшения пользовательского опыта на мобильных устройствах необходимо использовать:
- Свайперы/карусели для блоков с преимуществами или товарами.
- Аккордеоны для сворачивания текстовых блоков (FAQ, характеристики).
- Интерактивность: Обязательно проработать все состояния интерактивных элементов (кнопки, формы, ссылки), включая состояние наведения (hover) для десктопной версии.
Технические требования
- Инструмент: Работа выполняется исключительно в Figma.
- Размеры макетов:
- Десктоп: Ширина 1920px, контентная область ~1200-1300px.
- Мобильный: Ширина 375px или 390px.
- Структура файла:
- Весь макет должен быть построен с использованием Auto Layout.
- Повторяющиеся элементы (кнопки, карточки, элементы меню) должны быть компонентами.
- Цвета и шрифты должны быть вынесены в стили Figma.
- Контент: Весь предоставленный текстовый контент должен быть интегрирован в макет.
Результат работы
Исходный файл Figma с полностью готовым дизайном лендинга (десктопная и мобильная версии), подготовленным для передачи фронтенд-разработчику.