Портфолио · 2024Концепт-проект
Архитектурное портфолио
Концепт цифрового хаба для архитектурных проектов — 3D-превью, горизонтальный скролл, WebGL-переходы.
Бриф
- КлиентКонцепт-проект
- КатегорияПортфолио
- Год2024
- РольПолный цикл разработки
- Сроки~5 недель
- СтекNext.js · Three.js · GSAP · Contentful
Описание
3D-превью проектов, горизонтальный скролл в галерее, WebGL-переходы между страницами.
Создать wow-эффект на первом касании и удержать внимание пользователя дольше стандартных 30 секунд через интерактив, а не через шум.
Процесс
Как мы работали
01
1Концепт
Доска настроения, референсы с Awwwards, наброски в Figma.
02
2Прототип
Интерактивный прототип с WebGL-переходами на Three.js.
03
3Сборка
Оптимизация 3D-сцен, ленивая загрузка, серверный рендер.
04
4Полировка
Точная настройка анимаций под 60 fps, запасной вариант для слабых устройств.
Результат
Подход и метрики
Концепт исследует возможности WebGL и Three.js в портфолио: 3D-превью проектов, плавные переходы между страницами, запасной вариант на статичные изображения для устройств без WebGL.
Three.js + GSAP
Технологии
60 fps
Целевой FPS
Концепт
Тип