Разработка UX/UI дизайн-системы и макетов для сайта

Я инженер в области высокоточной металлообработки для аэрокосмической и энергетической отраслей. Пришло время вывести свой проект на новый уровень и представить его в цифровом пространстве с помощью профессионального и современного сайта.

Цель проекта

Создать визуально целостный, удобный и отражающий экспертный уровень бренда веб-интерфейс. Дизайн должен транслировать надежность, технологичность и компетентность компании.

Основные задачи

1. Разработка дизайн-системы (Design System)

  • Создание библиотеки базовых компонентов (кнопки, формы, карточки, навигация).
  • Определение и описание цветовой палитры, отражающей корпоративный стиль и индустриальную тематику.
  • Подбор и систематизация типографики (шрифтовые пары, иерархия заголовков и текста).
  • Создание набора иконок или правила их использования.
  • Описание состояний интерактивных элементов (hover, active, disabled).
  • Формирование руководства по использованию системы для будущих доработок.

2. Создание 11 ключевых макетов страниц

  • Главная страница (лендинг).
  • Страница "Услуги" или "Направления" (авиакосмос, энергетика).
  • Детальные страницы по каждому направлению/услуге (2-3 макета).
  • Страница "О компании" или "Экспертиза".
  • Страница "Проекты" или "Портфолио".
  • Страница "Оборудование" или "Технологии".
  • Страница "Контакты".
  • Блог или раздел "Новости" (шаблон статьи/новости).
  • Шаблон внутренней страницы (типовая структура).

Требования к дизайну

  • Стиль: Современный, минималистичный, технологичный. Акцент на контент и визуализацию процессов/продукции.
  • Адаптивность: Макеты должны быть подготовлены для десктопной и мобильной версий.
  • UX-фокус: Логичная и интуитивно понятная навигация. Учет специфики B2B-аудитории (инженеры, руководители проектов).
  • Детализация: Готовые макеты в Figma, Adobe XD или аналоги, сгруппированные по слоям и компонентам.

Ожидаемый результат

  • Полноценная дизайн-система в виде библиотеки компонентов.
  • 11 проработанных, адаптивных макетов экранов.
  • Инструкция или комментарии по использованию дизайн-системы.
  • Все исходные файлы в редактируемом формате.