Сайт, созданный LATYNEX Digital для студии выставочных стендовИнтерактивный 3D-маркетинговый сайт

SPATIUM — интерактивный 3D-сайт для выставочной студии

3D-сайт для студии дизайна и производства выставочных стендов, построенный вокруг одной постоянной сцены павильона.

Задача бизнеса

Какую проблему это решает

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

Решение

Что построил LATYNEX Digital

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

Что это демонстрирует

Что этот проект показывает о наших возможностях

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

Как та же возможность могла бы служить другому бизнесу

Студия, производитель или событийный бизнес могли бы показать продукт или пространство в движении, сохранив сайт быстрым и читаемым на мобильных.

Разработка сайта для бизнеса

Ключевые возможности

Что внутри

Что мы построили

Герой с состояниями сборки, разлёта и чертежа
Процесс в пяти главах на той же 3D-сцене
Страницы направлений с визуализациями стендов
Адаптивные макеты и мобильный герой
Собственный хостинг с автоматическим TLS

Возможности в коде

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

Демонстрация продукта

Продукт, экран за экраном

Сцена героя SPATIUM на десктопе и мобильном — Герой-павильон: сборка, разлёт, чертёж

Первая глава процесса SPATIUM: концептуальный каркас — Процесс, первая глава

Глава производства в процессе SPATIUM с отрендеренным стендом — Процесс, глава о производстве

Страница направления «Выставки» SPATIUM — Выставки и направления

Экраны показывают действующую ревью-сборку сайта; 3D-сцена рендерится в реальном времени.

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

От входных данных к результату

01
Одна сцена
Одна сцена павильона в реальном времени остаётся на экране вместо отдельных картинок для героя.
02
История, управляемая прокруткой
Герой собирается, разлетается и превращается в чертёж, а затем переходит в процесс из пяти глав.
03
Страницы направлений
Выставки, бренд-экспириенс и арт-инсталляции представлены с помощью отрендеренных визуализаций.

Технический подход

Как это устроено технически

Next.js 16 и React 19 с three.js и React Three Fiber для 3D-сцены, стили на Tailwind CSS 4, раздаётся одним сервисом на Node за Caddy на инфраструктуре LATYNEX.

Next.js 16
React 19
three.js
React Three Fiber
Tailwind CSS 4
Caddy

Статус и ограничения

Что эта страница утверждает и чего не утверждает

Текущее развёртывание — ревью-сборка, которую просят не индексировать поисковым системам.
Показаны только экраны на английском языке. Показатели трафика, позиций или обращений не заявляются.

Связанные решения

Построить что-то похожее

Другие избранные работы

12Веб

LATYNEX Digital

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

Кинематографичная главная на основе видео
Структурированные страницы услуг и руководства
Языковые версии с баннером согласия

Собственный сайт LATYNEX Digital

09Контентная платформа

LATYNEX Travel

Контентный каталог, который показывает, как добраться из аэропортов, с вокзалов и портов в город, с опубликованным временем в пути, операторами и руководствами по правам пассажиров.

Хабы стран, городов и пунктов прибытия
Страницы маршрутов со сравнением видов транспорта и операторов
Руководства по правам пассажиров и услугам с источниками

Собственный продукт — не клиентская работа

08Контентная платформа

LATYNEX Labs

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

Публичный каталог, фильтры, сравнение и калькулятор
Проверка фактов с происхождением источников
Редактор руководств, плановые проверки и реестр источников

Собственный продукт — не клиентская работа

Нужно что-то вроде SPATIUM?

Расскажите, что сегодня не работает. Вы получите прямой ответ о том, что для этого потребуется и подходим ли мы вам.

Обсудить интерактивный веб-проект