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

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

Цель проекта

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

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

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

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

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

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

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

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

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

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