MODUS X

MODUS X — українська IT-компанія групи ДТЕК: за цифрами з сайту це 500+ інженерів, архітекторів, спеціалістів з безпеки та датасаєнтистів, 40+ технологічних напрямків, 200+ IT-сервісів на щоденній підтримці і 4000+ реалізованих проєктів. Складність тут не в обсязі сторінок, а в номенклатурі: кібербезпека, управління даними та ШІ, SAP, інфраструктура, бізнесові застосунки, програмна інженерія і керовані послуги — сім напрямків, за кожним півтора десятка послуг. Усе це має читатися як один каталог, а не як сім різних сайтів.

Тому каталог зібраний на двох повторюваних конструкціях. Перша — акордеон напрямків: список із семи рядків, де відкритий рядок розгортається в опис і веде далі. Він стоїть і на головній, і усередині напрямків, і в мегаменю, тож людина бачить ту саму логіку, з якої б сторінки не зайшла. Друга — шаблон сторінки напрямку: один макет, який наповнюється своїм текстом і своїми послугами, замість семи окремих версток.

Кейс — другий тип сторінки, заради якого приходять на такий сайт. Він зібраний як розбір, а не як відгук: виклики, рішення, результат, цифри ефекту і цитата людини, яка вела проєкт. Поруч сторінки про компанію з місією і цінностями, карʼєра з фотографіями команди та контакти з формою, у якої відмальовані стани помилки й підтвердження.

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