MODUS X

MODUS X — украинская IT-компания группы ДТЭК: по цифрам с сайта это 500+ инженеров, архитекторов, специалистов по безопасности и датасаентистов, 40+ технологических направлений, 200+ IT-сервисов на ежедневной поддержке и 4000+ реализованных проектов. Сложность здесь не в объёме страниц, а в номенклатуре: кибербезопасность, управление данными и ИИ, SAP, инфраструктура, бизнес-приложения, программная инженерия и управляемые сервисы — семь направлений, за каждым полтора десятка услуг. Всё это должно читаться как один каталог, а не как семь разных сайтов.

Поэтому каталог собран на двух повторяемых конструкциях. Первая — аккордеон направлений: список из семи строк, где открытая строка разворачивается в описание и ведёт дальше. Он стоит и на главной, и внутри направлений, и в мегаменю, так что человек видит одну и ту же логику, с какой бы страницы ни зашёл. Вторая — шаблон страницы направления: один макет, который наполняется своим текстом и своими услугами, вместо семи отдельных вёрсток.

Кейс — второй тип страницы, ради которого приходят на такой сайт. Он собран как разбор, а не как отзыв: вызовы, решение, результат, цифры эффекта и цитата человека, который вёл проект. Рядом страницы о компании с миссией и ценностями, карьера с фотографиями команды и контакты с формой, у которой отрисованы состояния ошибки и подтверждения.

Графика построена вокруг знака X из логотипа: угловые скобки, которыми обрамлены карточки, крестики-маркеры в фоне и разметка сетки. Полотно тёмное, весь цвет отдан фиолетовому акценту, поэтому кнопка и открытая строка аккордеона видны сразу. Работа сдана как дизайн-система: три ширины (1600, 1024 и 375), свой UI-кит на каждую и отдельная канва передачи в разработку с состояниями элементов.