01Проблема
Обычный магазин одежды на шаблоне ничем не выделяется — посетитель пролистывает и забывает. Нужен сайт, который сам по себе впечатление, чтобы бренд запомнили с первой секунды.
Назад в галактику
крути планету мышкой
Иммерсивный e-commerce (концепт)·demo
VENGVAULT
Концепт-витрина в духе awwwards: иммерсивный маркетплейс одежды «из 2047 года». Плавный инерционный скролл, переходы между страницами через dither-вайп, текст-скрэмбл, кастомный курсор, 3D-сцена на WebGL2 и звук — всё, чтобы бренд ощущался как событие, а не очередной магазин на шаблоне. Это наша флагман-витрина: показывает потолок того, что мы умеем во фронтенде и моушене.
01История проекта
02Решение
Собрали awwwards-уровень концепт: иммерсивный «маркетплейс из 2047» на WebGL2 с плавным скроллом, dither-переходами, скрэмбл-текстом, кастомным курсором и звуком. Каждая деталь работает на ощущение премиального будущего.
03Результат
Витрина-флагман, которая показывает потолок наших возможностей во фронтенде и моушене — её мы показываем первой, когда нужно доказать «вау».
02Что внутри
- Иммерсивная 3D-сцена на WebGL2 с собственными шейдерами (зерно, виньетка, dither-переход)
- Плавный инерционный скролл (Lenis) + сценарии GSAP ScrollTrigger
- Переход между страницами через Bayer-dither вайп с text-scramble
- Кастомный курсор и «живой» интерфейс на каждом экране
- Каталог из Supabase с локальным фолбэком, если БД недоступна
- Звуковой слой (Howler) — по умолчанию выключен, включается по желанию
03Стек
Vue 3TypeScriptThree.js (WebGL2)GSAPLenisHowlerSupabaseVite
04Похожие проекты