Золотой Сайт

Лучший сайт для бизнеса (b2b)

2 место

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

MARUS

Создали новый корпоративный сайт для 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-объекты заменяются лёгкими аналогами, эффекты упрощаются без потери смысла. На мощных устройствах интерфейс остаётся полноценным, на слабых — работает плавно и стабильно. Это решение позволило сохранить и задумку, и доступность. Мы не пожертвовали визуальным характером, за который клиент выбрал эту концепцию, и при этом сделали сайт независимым от мощности железа — ни на стороне сервера, ни на стороне пользователя. Главный инсайт проекта — архитектура должна учитывать реальные условия исполнения, а не идеальные предпосылки. Именно это понимание стало важным опытом и для команды, и для заказчика.

Конкурс Лучших сайтов И приложений

29

88

240

40

Подача заявок

Голосование жюри

Оглашение результатов

Церемония награждения