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

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

ㅤ
Создали новый корпоративный сайт для Innovative People — IT-интегратора, который помогает бизнесу внедрять комплексные технологические решения.

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

Мы разработали новый визуальный язык, обновили логотип, выстроили удобную навигацию и добавили акцентную 3D-подачу. Обновлённый сайт стал отражением экспертизы и ценностей бренда, укрепил доверие клиентов и задал современный визуальный стандарт.
ㅤ

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

ㅤ
Раньше посетителю приходилось догадываться, чем именно занимается компания, и тратить время на поиск базовой информации. Мы переработали структуру и подачу так, чтобы ответ на вопрос «чем вы занимаетесь?» был очевиден с первых секунд.

Теперь пользователь быстрее понимает, какие задачи решает компания и к чему можно перейти дальше — к заявке, уточнению или диалогу. «Работа по догадке» исчезла, а ощущение доверия появляется уже на уровне интерфейса.
ㅤ

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

ㅤ
ПРОБЛЕМА

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

РЕШЕНИЕ

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

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

ㅤ
ДИЗАЙН

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

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

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

ТЕХНИЧЕСКАЯ РЕАЛИЗАЦИЯ

Техническая часть была не просто фоном, а равноправным уровнем работы. Проект построен на Next.js и React, а 3D реализовано через React Three Fiber и Three.js.

Система рендеринга адаптивная: если устройство не тянет WebGL, сцена автоматически переходит в облегчённый режим и использует CSS/SVG-альтернативы. Это позволяет сохранить общее впечатление даже на слабом железе.

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

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

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

ㅤ
Проект шёл гладко до момента, когда мы перенесли готовую концепцию на сервер клиента. Тогда выяснилось важное: инфраструктура не поддерживает GPU, а значит, 3D-графика и анимации грузятся медленно и буквально «кладут» интерфейс. Оптимизация весов и текстур проблему не решала — она оказалась технической, а не дизайнерской.

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

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

Главный инсайт проекта — архитектура должна учитывать реальные условия исполнения, а не идеальные предпосылки. Именно это понимание стало важным опытом и для команды, и для заказчика.
ㅤ

Скриншоты

Комментарий заказчика

ㅤ
Работа с командой Maru's Team оставила только положительные впечатления.
Нам нужен был сайт с нуля — с фирменным стилем, продуманной структурой, адаптивом и базовой аналитикой. Работа шла по коротким спринтам с регулярными демо: команда быстро реагировала на обратную связь, держала дисциплину сроков и внимательно относилась к деталям.

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