«Информзащита» — ведущий российский системный интегратор в области информационной безопасности: редизайн корпоративного сайта

Главное о кейсе

Для ведущего российского системного интегратора в области информационной безопасности мы провели редизайн корпоративного сайта

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

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

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

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

Как проект изменил жизнь пользователей

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

Бизнес-задача и ее решение

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

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

Крафт (мастерство), реализация, технические детали

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

Генерация при помощи midjourney помогла ускорить создание массива таких изображений.

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Скриншоты