Перейти к содержимому

Good Politics: сложные анимациибез потери скорости

Корпоративный сайт для агентства стратегических коммуникаций, GR и PR. Дизайн — партнёры DizArm Agency, разработка — Complex Agency: насыщенные анимации, чистый код, высокая скорость и полностью редактируемый контент.

Главная страница сайта Good Politics
Клиент
Good Politics
Направление
Public Affairs · GR и PR
Роль
Разработка · Админ-панель
Сроки
2,5 месяца · 2026

Задача
проекта.

Дизайн от DizArm Agency закладывал много сложных анимаций: интро, scroll-сцены, слайдеры, интерактивные блоки. Задача — перенести его в код без компромиссов, не потерять в скорости и дать команде клиента возможность самостоятельно менять любой текст, кейс или страницу.

Good Politics — агентство стратегических коммуникаций, GR и PR, которое помогает бизнесу и лидерам усиливать влияние в медиа и в диалоге с государством. Для него мы разработали новый корпоративный сайт.

Проект сделан в партнёрстве с DizArm Agency: партнёры отвечали за UX/UI-дизайн, а мы полностью закрыли frontend, backend и административную панель.

Несмотря на большое количество сложных анимаций, сайт остаётся быстрым. Мы писали чистый код без конструкторов и лишних библиотек: анимации построены на GSAP и ScrollTrigger и запускаются, когда блок появляется на экране, поэтому не блокируют основной поток браузера и не сдвигают вёрстку.

Весь контент управляется через Payload CMS: тексты, кейсы, услуги, команда, отзывы, FAQ и SEO-поля редактируются из админки на украинском и английском, без участия разработчиков.

Результат — выразительный сайт, который передаёт характер бренда, плавно работает на любом устройстве и получает 100 баллов Lighthouse за SEO и Best Practices.

Как мы
работали.

От брифа до запуска — прозрачные этапы с результатом на каждом.

Этап 1

Разбор дизайна

Вместе с DizArm Agency прошли макеты, анимационные сценарии и адаптивы, договорились о поведении каждого блока.

FigmaАнимацииАдаптив
Этап 2

Архитектура контента

Спроектировали коллекции и блоки Payload CMS так, чтобы каждый текст, кейс и страница редактировались из админки на двух языках.

Payload CMSБлокиUA / EN
Этап 3

Разработка и анимации

Сверстали сайт на Next.js чистым кодом, анимации — на GSAP и ScrollTrigger, без тяжёлых конструкторов.

Next.jsGSAPScrollTrigger
Этап 4

Оптимизация и запуск

Проверили скорость, SEO и доступность, настроили деплой на Vercel и передали команде админку.

LighthouseSEOVercel

Что
получил клиент.

100
SEO · Lighthouse
100
Best Practices · Lighthouse
0 мс
блокировка потока (TBT)
96
доступность · Lighthouse
  • Перенесли дизайн DizArm Agency в код без упрощений
  • Реализовали сложные GSAP-анимации и scroll-сцены
  • 0 мс Total Blocking Time — анимации не тормозят интерфейс
  • 100/100 Lighthouse за SEO и Best Practices
  • Полностью редактируемый сайт: каждый блок меняется из админки
  • Двуязычность UA / EN с корректными hreflang
  • Адаптивная вёрстка для десктопа, планшета и мобильного
  • Удобная админ-панель на Payload CMS для команды клиента

Хотите оказаться
в этой галерее?

Расскажите о задаче — обсудим, как достичь вашей цели.

принимаем проекты на Q4 2026
Начать проект →