Создали новый корпоративный сайт для Innovative People — IT-интегратора, который помогает бизнесу внедрять комплексные технологические решения.
Старый сайт не отражал масштаб и зрелость компании: позиционирование и направления были разрозненными, а визуальный язык устарел.
Мы разработали новый визуальный язык, обновили логотип, выстроили удобную навигацию и добавили акцентную 3D-подачу. Обновлённый сайт стал отражением экспертизы и ценностей бренда, укрепил доверие клиентов и задал современный визуальный стандарт.
ㅤ
1️⃣ Как проект изменил жизнь пользователей
ㅤ
Раньше посетителю приходилось догадываться, чем именно занимается компания, и тратить время на поиск базовой информации. Мы переработали структуру и подачу так, чтобы ответ на вопрос «чем вы занимаетесь?» был очевиден с первых секунд.
Теперь пользователь быстрее понимает, какие задачи решает компания и к чему можно перейти дальше — к заявке, уточнению или диалогу. «Работа по догадке» исчезла, а ощущение доверия появляется уже на уровне интерфейса.
ㅤ
2️⃣ Бизнес-задача и ее решение
ㅤ
ПРОБЛЕМА
Старый сайт Innovative People не соответствовал текущему масштабу компании: контент устарел, визуальная подача не отражала экспертность, а отсутствие админ-панели затрудняло обновление информации. Любые правки требовали вмешательства разработчиков, что мешало поддерживать актуальность ресурса.
РЕШЕНИЕ
Мы разработали современный визуальный язык, заложили новый характер интерфейса и собрали систему, где выразительность сочетается с функциональностью.
Чтобы обеспечить независимость контент-менеджеров, внедрили WordPress в роли Headless-CMS: теперь команда может самостоятельно обновлять контент, не нарушая дизайн и структуру сайта.
ㅤ
3️⃣ Реализация
ㅤ
ДИЗАЙН
Мы начали с логотипа — отточили пропорции и сняли визуальное напряжение, чтобы знак выглядел уверенно и не разваливался в разных масштабах.
Дальше нашли опорный визуальный тон в шрифте Tektur: его геометрия задала характер заголовкам и подтолкнула к решениям в анимации и композиции.
Чтобы интерфейс был не просто аккуратным, а объёмным, мы ввели крупный 3D-акцент — «прицел» из элементов логотипа. Он реагирует на движение курсора и сразу переводит сайт из статичного состояния в «живой», но без навязчивости.
Сами услуги сделали осязаемыми: каждая представлена своим 3D-объектом, чтобы абстрактные направления читались без лишнего текста.
ТЕХНИЧЕСКАЯ РЕАЛИЗАЦИЯ
Техническая часть была не просто фоном, а равноправным уровнем работы. Проект построен на Next.js и React, а 3D реализовано через React Three Fiber и Three.js.
Система рендеринга адаптивная: если устройство не тянет WebGL, сцена автоматически переходит в облегчённый режим и использует CSS/SVG-альтернативы. Это позволяет сохранить общее впечатление даже на слабом железе.
Производительность контролировалась через IntersectionObserver, requestAnimationFrame и ленивую подгрузку сцен. В тестах первый экран отрисовывался быстро, а анимации оставались плавными даже на офисных ноутбуках.
Мы также подготовили проект к спокойной жизни после релиза: модульная архитектура, готовые блоки и ограничения в админке дают возможность обновлять контент без риска нарушить вёрстку или композицию.
ㅤ
4️⃣Заключение
ㅤ
Проект шёл гладко до момента, когда мы перенесли готовую концепцию на сервер клиента. Тогда выяснилось важное: инфраструктура не поддерживает GPU, а значит, 3D-графика и анимации грузятся медленно и буквально «кладут» интерфейс. Оптимизация весов и текстур проблему не решала — она оказалась технической, а не дизайнерской.
Отказываться от концепции мы не собирались: 3D было не украшением, а частью идеи и визуального языка бренда. Поэтому в срочном режиме мы начали искать альтернативу и в итоге реализовали механизм адаптивного рендеринга. Сайт сам определяет возможности устройства и, если железо слабое, переключается в облегчённый режим: сложные 3D-объекты заменяются лёгкими аналогами, эффекты упрощаются без потери смысла.
На мощных устройствах интерфейс остаётся полноценным, на слабых — работает плавно и стабильно. Это решение позволило сохранить и задумку, и доступность. Мы не пожертвовали визуальным характером, за который клиент выбрал эту концепцию, и при этом сделали сайт независимым от мощности железа — ни на стороне сервера, ни на стороне пользователя.
Главный инсайт проекта — архитектура должна учитывать реальные условия исполнения, а не идеальные предпосылки. Именно это понимание стало важным опытом и для команды, и для заказчика.
Выставлено в номинациях:
— Лучший дизайн компании, сервиса