Личный · Фронтенд и моушн

Scenes

Год
2026
Роль
Дизайн и фронтенд-разработка
Стек
Next.js · React · CSS · View Transitions

Система анимации этого портфолио: каждый скролл — переход к новой сцене.

01 / Задача

Портфолио на скролле часто кажутся либо статичными, либо хаотичными — свободная прокрутка смешивает разделы.

02 / Идея

Считать каждый раздел сценой: один жест — одна склейка. Контент появляется из глубины и уходит в неё.

03 / Процесс

  1. Сделал навигацию с учётом жестов для колёсика, трекпада, тача и клавиатуры с блокировкой между сценами.
  2. Поставил переходы только на transform, opacity и blur, с поэтапным появлением начиная с заголовка.
  3. Связал обложки проектов с кейсами через общие элементы View Transitions.
  4. Везде учёл настройку уменьшения движения.

04 / Результат

Сайт, который вы сейчас смотрите.

Следующий эксперимент

MY OS