Все кейсы

Моушен дизайн и фронтенд для промо-сайта ГИИК

Opulence ·2026

Создали промо-сайт выставки «Культурный CODE» с моушен-дизайном и Canvas-анимацией, достигнув Lighthouse Performance 97–99 на десктопе.

Открыть проект

Задача

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

Решение

Спроектировали моушен для восьми секций лендинга и страницы конкурса, нарисовали графику для сцен и написали четыре сцены на Canvas 2D без библиотек анимации. Собрали фронтенд с отключаемым движением и вынесли содержимое из вёрстки, чтобы клиент правил его сам.

Результат

  • 97–99 Lighthouse Performance на десктопе
  • 88–97 Lighthouse Performance на мобильных
  • 0,6–1,0 с Крупнейшая отрисовка контента на десктопе
  • 0–10 мс Время блокировки основного потока

Lighthouse Performance 97–99 на десктопе и 88–97 на мобильных при четырёх сценах с постоянной отрисовкой. Нулевой сдвиг вёрстки и почти нулевая блокировка потока.

8 место в категории Мероприятие → Анимация