Личный · Фронтенд и моушн
Scenes
Система анимации этого портфолио: каждый скролл — переход к новой сцене.
01 / Задача
Портфолио на скролле часто кажутся либо статичными, либо хаотичными — свободная прокрутка смешивает разделы.
02 / Идея
Считать каждый раздел сценой: один жест — одна склейка. Контент появляется из глубины и уходит в неё.
03 / Процесс
- Сделал навигацию с учётом жестов для колёсика, трекпада, тача и клавиатуры с блокировкой между сценами.
- Поставил переходы только на transform, opacity и blur, с поэтапным появлением начиная с заголовка.
- Связал обложки проектов с кейсами через общие элементы View Transitions.
- Везде учёл настройку уменьшения движения.
04 / Результат
Сайт, который вы сейчас смотрите.
Следующий эксперимент