Новый сайт студии: планета, которая разбирается на слои

У студии новый сайт. Первое, что вы видите, — планета в открытом космосе. Её можно разобрать.

Как это работает

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

• Интерфейс — дизайн, который видит клиент;
• Разработка — код, интеграции, CRM;
• AI-ядро — ассистенты и агенты.

Прокрутите обратно — планета соберётся. Нажмите Enter или кнопку входа — камера нырнёт в ядро, и откроется сайт.

Почему именно слои

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

Объяснить это абзацем текста можно, но скучно. Планета показывает то же самое за пару секунд, одним жестом.

Есть и вторая причина: это витрина. Если вы сомневаетесь, нужна ли вашему сайту 3D-графика, покрутите планету и решите, нравится ли вам такой подход.

Что внутри

Планета — не видео и не набор картинок, а 3D-сцена, которая считается прямо в браузере на Three.js. У неё есть ночная сторона с огнями городов, облака с циклонами и рельеф горных хребтов. Разрез тоже настоящий: слои — объёмная геометрия, а не нарисованная заглушка. Время от времени через кадр пролетает комета с пылевым хвостом.

Сайт собран на Next.js и React. Тексты страниц приходят в браузер готовым HTML, а 3D-сцена подгружается отдельно. Поэтому поисковые роботы видят содержание сайта, даже если не запускают 3D.

Что дальше

Будем добавлять анимации в остальные разделы и рассказывать здесь, как и зачем мы это делаем. Хотите что-то похожее для своего проекта — напишите нам.