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

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

Цель проекта

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

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

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

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

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

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

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

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

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

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

код