Разработка UI/UX дизайна лендинга для профессионального оборудования

Цель проекта

Преобразовать готовые прототипы (десктопная и мобильная версии) в чистый, профессиональный UI/UX дизайн, готовый для передачи в разработку. Дизайн должен подчеркивать качество и надежность продаваемой продукции.

Исходные материалы

• Прототипы макетов (десктоп и мобильная версия)
• Файл с текстовым контентом для всех блоков сайта

Ключевые требования к дизайну

Визуальная концепция

• Стиль: Светлый фон, минимализм, акценты темного цвета, много свободного пространства (White Space).
• Впечатление: Дизайн должен транслировать профессионализм, высокое качество и надежность.

UX и адаптация

• Мобильная версия: Требуется серьезная оптимизация и сокращение избыточной длины прототипа.
• UX-решения: Для улучшения пользовательского опыта на мобильных устройствах необходимо использовать:
  • Свайперы/карусели для блоков с преимуществами или товарами.
  • Аккордеоны для сворачивания текстовых блоков (FAQ, характеристики).
• Интерактивность: Обязательно проработать все состояния интерактивных элементов (кнопки, формы, ссылки), включая состояние наведения (hover) для десктопной версии.

Технические требования

• Инструмент: Работа выполняется исключительно в Figma.
• Размеры макетов:
  • Десктоп: Ширина 1920px, контентная область ~1200-1300px.
  • Мобильный: Ширина 375px или 390px.
• Структура файла:
  • Весь макет должен быть построен с использованием Auto Layout.
  • Повторяющиеся элементы (кнопки, карточки, элементы меню) должны быть компонентами.
  • Цвета и шрифты должны быть вынесены в стили Figma.
• Контент: Весь предоставленный текстовый контент должен быть интегрирован в макет.

Результат работы

Исходный файл Figma с полностью готовым дизайном лендинга (десктопная и мобильная версии), подготовленным для передачи фронтенд-разработчику.