Innovative People: редизайн корпоративного сайта IT-интегратора

1. Вводная задача от заказчика, проблематика, цели

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

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Решение

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

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

Дизайн

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

Дальше сформировали характер интерфейса. Опорой стал шрифт Tektur — его геометрия задала тон заголовкам, композиции и общему ритму сайта. За счёт этого подача стала более технологичной, собранной и современной.

Чтобы интерфейс воспринимался не только аккуратным, но и более объёмным, добавили акцентный 3D-элемент — «прицел», собранный из логики самого знака. Он реагирует на движение курсора и делает первый экран более живым, сохраняя при этом деловой характер сайта.

Отдельно проработали блок услуг. Каждое направление получило собственный визуальный образ через 3D-объекты, благодаря чему абстрактные сервисы стали считываться быстрее и понятнее без лишних пояснений.

Техническая реализация

Проект реализовали на Next.js и React, а 3D-графику — на React Three Fiber и Three.js. Архитектуру сайта с самого начала выстраивали так, чтобы проект можно было безболезненно поддерживать и развивать после релиза.

Одной из ключевых технических задач стала стабильная работа интерфейса в разных условиях. Уже на этапе переноса проекта на инфраструктуру клиента выяснилось, что среда ограничена по поддержке GPU, а значит, полноценная 3D-графика может перегружать интерфейс. Чтобы сохранить визуальную концепцию, реализовали адаптивный рендеринг: если устройство или среда не справляются с WebGL, сайт автоматически переключается на облегчённые CSS- и SVG-решения.

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

3. Результаты сотрудничества

Новый сайт сделал подачу Innovative People более цельной и понятной. Теперь пользователь быстрее понимает, чем занимается компания, какие задачи она решает и куда можно перейти дальше — к изучению услуг, заявке или контакту.

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