Моушен дизайн и фронтенд для промо-сайта ГИИК
Создали промо-сайт выставки «Культурный 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 на мобильных при четырёх сценах с постоянной отрисовкой. Нулевой сдвиг вёрстки и почти нулевая блокировка потока.
9 место в категории Мероприятие → Анимация
Похожие кейсы
Сайт и редизайн редактора презентаций Slider Ai за 2 месяца
Обновили сайт и редактор презентаций Slider Ai: снизили отказы в 1,5 раза и ускорили загрузку до 100/100 по Lighthouse за 2 месяца.
Rain Wi-Fi
Tele2 установил в Петербурге 4G-генераторы, работающие от дождя, и более 130 000 человек подключились к бесплатному Wi-Fi.
Платформа управления знаниями TEAMLY: 35 000+ пользователей и 235 компаний
Разработана платформа TEAMLY для управления знаниями, заменившая Confluence и Notion: более 235 компаний и 35 000+ пользователей.
Новый сайт API Яндекс Карт: рост конверсии и снижение отказов
Разработали новый сайт API Яндекс Карт с разделением аудиторий и инструментами лидогенерации — конверсия выросла, а отказы снизились.
Сайт и брендинг для крупнейшей в Москве студии видеозаписи "Like Podpiska"
Провели ребрендинг и разработали корпоративный сайт для студии видеозаписи Like Podpiska: новый логотип, фирменный стиль и отсылки к видеопродакшену.
Бренд-портал МТС: интерактивный гид по новому визуальному стилю экосистемы
Создали интерактивный бренд-портал для сотрудников и соискателей МТС, который знакомит с новым визуальным стилем экосистемы.