Good Politics: складні анімаціїбез втрати швидкості
Корпоративний сайт для агенції стратегічних комунікацій, GR та PR. Дизайн — партнери DizArm Agency, розробка — Complex Agency: насичені анімації, чистий код, висока швидкодія та повністю редагований контент.
Задача
проєкту.
Дизайн від DizArm Agency закладав багато складних анімацій: інтро, scroll-сцени, слайдери, інтерактивні блоки. Завдання — перенести його в код без компромісів, не втратити у швидкості й дати команді клієнта змогу самостійно змінювати будь-який текст, кейс чи сторінку.
Good Politics — агенція стратегічних комунікацій, GR та PR, яка допомагає бізнесу й лідерам посилювати вплив у медіа та в діалозі з державою. Для неї ми розробили новий корпоративний сайт.
Проєкт зроблено в партнерстві з DizArm Agency: партнери відповідали за UX/UI-дизайн, а ми повністю закрили frontend, backend і адміністративну панель.
Попри велику кількість складних анімацій, сайт залишається швидким. Ми писали чистий код без конструкторів і зайвих бібліотек: анімації побудовані на GSAP і ScrollTrigger та запускаються, коли блок з’являється на екрані, тому не блокують основний потік браузера й не зсувають верстку.
Увесь контент керується через Payload CMS: тексти, кейси, послуги, команда, відгуки, FAQ і SEO-поля редагуються з адмінки українською та англійською, без участі розробників.
Результат — виразний сайт, що передає характер бренду, плавно працює на будь-якому пристрої та отримує 100 балів Lighthouse за SEO і Best Practices.
Як ми
працювали.
Від брифу до запуску — прозорі етапи з результатом на кожному.
Розбір дизайну
Разом з DizArm Agency пройшли макети, анімаційні сценарії та адаптиви, домовилися про поведінку кожного блоку.
Архітектура контенту
Спроєктували колекції та блоки Payload CMS так, щоб кожен текст, кейс і сторінка редагувалися з адмінки двома мовами.
Розробка й анімації
Зверстали сайт на Next.js чистим кодом, анімації — на GSAP і ScrollTrigger, без важких конструкторів.
Оптимізація й запуск
Перевірили швидкодію, SEO та доступність, налаштували деплой на Vercel і передали команді адмінку.
Що
отримав клієнт.
- Перенесли дизайн DizArm Agency у код без спрощень
- Реалізували складні GSAP-анімації та scroll-сцени
- 0 мс Total Blocking Time — анімації не гальмують інтерфейс
- 100/100 Lighthouse за SEO та Best Practices
- Повністю редагований сайт: кожен блок змінюється з адмінки
- Двомовність UA / EN з коректними hreflang
- Адаптивна верстка для десктопа, планшета й мобільного
- Зручна адмін-панель на Payload CMS для команди клієнта
Технології
в проєкті.
Усе, що працює в продакшні.
Хочете опинитися
у цій галереї?
Розкажіть про задачу — обговоримо, як досягти вашої мети.
приймаємо проєкти на Q4 2026