Сайт-портфолио

Двуязычное портфолио с интерактивными навыками, проектами и CRT-эстетикой.

Задача
Показать инженерный опыт через понятные кейсы и живой интерфейс.
Срок работы
Сентябрь 2026 – октябрь 2026
Критерии успеха
Проекты и навыки легко изучить на компьютере и телефоне. Анимации сохраняют читаемость и учитывают reduced motion.

Интерфейс как часть истории

Next.js и React собирают страницы проектов, галерею и модалки навыков. Three.js рисует CRT-фон и ASCII-типографику, а GSAP связывает смену закреплённых блоков с прокруткой.

Motion отвечает за наведение и переключения внутри интерфейса. Описания доступны на русском и английском.

sundome

Движение под контролем

На мобильных блоки идут последовательно, без закреплённой сцены. Такой же режим используется для страниц проектов в низких окнах.

Если в системе включено уменьшение движения, сложные переходы отключаются. Контент и ссылки остаются доступны, а переключателями и модалками можно пользоваться с клавиатуры. Выбор RU / ENG сохраняется в браузере.

source
@media (prefers-reduced-motion: reduce) {  .project-trace {    animation: none;  }  .project-chapter {    position: relative;    opacity: 1;    transform: none;  }}