Иммерсивный сайт, где скролл превращается в спуск на дно океана
Демонстрация того, на что способен экспериментальный веб, когда задача — впечатление и бренд. ABYSS превращает скролл в исследование: посетитель спускается с поверхности в абиссаль, фон темнеет, глубина обновляется в HUD, а по сторонам оживают биолюминесцентные существа, нарисованные чистой математикой на canvas — без единой картинки.
- Что сделали
- Концепт, дизайн и фронтенд иммерсивного сайта
- Год
- 2026
Это рабочий проект — кликается, листается и работает по-настоящему.
Открывается во весь экран — так демо раскрывается полностью, без тесной рамки.
Задача
Обычный лендинг не создаёт эмоцию и не запоминается. Там, где бренду нужно сильное впечатление — запуск, имиджевая страница, событие — иммерсивный скролл-сторителлинг делает посетителя участником, а не зрителем.
Что мы сделали
- 01Вертикальный нарратив через 6 зон с прогрессией глубины (0 → 6504 м) и меняющимся фоном
- 02Процедурные существа на canvas (медузы, кальмар, гребневик) — математика, без ассетов
- 03Параллакс-слои, reveal-по-скроллу и горизонтальная галерея внутри вертикального скролла
- 04Микровзаимодействия: кастомный курсор, магнитные кнопки, вибрация «давления» в глубине
- 05Плавный инерционный скролл (Lenis) и HUD с глубиной и давлением в реальном времени
Результат
- wow
- впечатление, которое запоминают
- 0
- картинок — чистый canvas-код
- 6504 м
- глубина-нарратив по скроллу
Цифры — ориентир возможного эффекта для таких решений, а не гарантированный результат конкретного проекта. Точное посчитаем под вашу задачу.