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

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


дополнением к визуальной системе стали иконки в пиксельном стиле. квадратные формы продолжают тему цифровой защиты и усиливают фирменный стиль. за счёт простоты иконки хорошо читаются и делают интерфейс цельным.

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





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

для раздела «медиа» мы разработали стиль обложек и гайд, которые помогут и дальше поддерживать единый стиль на странице.

в разделе «карьера» сайт меняет интонацию: она была деловой, а становится более тёплой и дружелюбной. мы задали нужную атмосферу цветовой палитрой, анимациями и визуальными элементами.

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