Продуктова та дизайнерська команда

PR- та GR-агенції продають довіру.
Онлайн вони виглядають однаково.

Good Politics займається PR та зв’язками з органами влади для компаній, громадських організацій і політичних лідерів. Ми перебудували сайт за одним правилом: показувати роботу перед обіцянками.

На чому побудований новий сайт

аудиторії, один сайт
3
від дослідження до передачі макетів
6 тижнів
зі стратегом, запис із будь-якої сторінки
30 хв
Символ Good Politics — глянцева червона ластівка в польоті з червоними стрічками позаду.

Сервіс

UX/UI-дизайн та CRO

Переглянути сервіс
Клієнт
Good Politics
Промисловість
PR та зв’язки з органами влади

Клієнт

Київська агенція на перетині бізнесу, медіа та держави

Good Politics формує репутацію в медіа та спілкується з владою від імені клієнтів: UPG, Proizd.ua, Українського дому в Давосі. Цифри взяті із сайту агенції.

проєктів у сфері суспільних справ
25+
середня тривалість роботи з одним клієнтом
2,6 року
публікацій у медіа
1,500+
країн реалізації проєктів
8+

Кого сайт мав переконати

Три читачі,
три різні сумніви.

Компанія, громадська організація та політична команда читають той самий сайт. Кожна шукає свій доказ, перш ніж зателефонувати.

  • Бізнес

    «Що буде зроблено, коли й як ви вимірюватимете результат?»

    Відповів Сторінки кейсів

  • Громадські організації

    «На чиєму ви боці та як працюєте?»

    Відповів Про нас

  • Лідери

    «Це може залишитися між нами?»

    Відповів Запис на дзвінок у календарі

До та після

Та сама агенція.
Інше перше речення.

Три місця, де відвідувач вирішує, чи довіряти агенції, — слово в слово. Старий текст перекладено з української.

Старий і новий текст сайту Good Politics у трьох місцях
До · старий сайт, 2025 Після · новий сайт
Перший рядокСтарий рядок пояснював, що робить агенція. Новий — для кого. Лобіювання та комунікації. Впроваджуємо PR- та GR-стратегії для бізнесу й неприбуткових організацій.

Ми створюємо комунікації, що задають правила

Допомагаємо бізнесу, громадським організаціям і політичним лідерам формувати репутацію та налагоджувати діалог із владою і суспільством.

ПослугиШість рівнозначних плиток стали трьома напрямами — кожен з одним об’єктом замість абзацу. Зв’язки з медіа
Зв’язки з органами влади
Кризові комунікації
Організація подій
Особистий імідж
Соціальні мережі
  • Зв’язки з громадськістю
  • Зв’язки з органами влади
  • PR перед GR
ПроєктНазва з датами стала історією із завданням і результатом. PR та SMM.
Клієнт: International Mayors Summit.
Термін: 2021, 2022, 2023, 2024.

Як ми забезпечили ухвалення поправки до закону про охорону здоров’я за 90 днів

Клієнт
Державна установа
Промисловість
Охорона здоров’я
Тривалість
90 днів
Сервіс
GR-стратегія та супровід

Як це виглядає

Стримана впевненість
і вагомість.

Завдання, яке ми визначили після дослідження. Prata додає заголовкам вагомості, IBM Plex Sans зберігає спокій тексту, а глибокий червоний позначає лише те, що можна натиснути.

Prata

Кожен заголовок і число. Високий контраст штрихів і класичні пропорції: вагомість без підвищення голосу.

IBM Plex Sans

Основний текст та інтерфейс, від 12 до 24 px. Спокійна й точна противага Prata.

  • Нічний синій#000F1F
  • Сигнальний червоний#AC201B
  • Папір#FAF8F4
  • Чорнило#1F1F1E
  • Сланець#434341
  • Камінь#939392
Prata, IBM Plex Sans і шість кольорів системи.

Сторінка за сторінкою · Головна

Головна сторінка
відповіді по порядку.

Для кого працює агенція, потім докази, далі — як почати. Три екрани згори донизу.

  1. [ 01 ] Перший екран пояснює, для кого сайт

    Перший екран нової головної: «Ми створюємо комунікації, що задають правила», слово «комунікації» червоне; слід червоної ластівки спускається до логотипів клієнтів, поруч червона кнопка «Створити стратегію».
    1. Один рядок пояснює, що робить агенція. Наступний — для кого.

    2. Слід ластівки веде до логотипів клієнтів: докази ще до першої прокрутки.

    3. Єдиний червоний елемент, який можна натиснути. Решта — папір і графіт.

  2. [ 02 ] Другими йдуть докази

    Блок кейсів головної: «Кожен кейс — більше ніж комунікації» та три картки — присутність Proizd.ua в медіа, робота з медіа Українського дому в Давосі з 40+ публікаціями та 5 млн+ охоплення і ринкові позиції мережі АЗС UPG.
    1. Кейси починаються відразу після першого екрана, а не внизу сторінки.

    2. Кожна картка називає проблему клієнта, а не послугу.

    3. Цифри розміщені на картці — ще до кліку.

  3. [ 03 ] Один спосіб почати

    Низ головної: червона плашка «Запишіться на безкоштовну консультацію» з 30-хвилинною сесією зі стратегом і кнопкою запису, над темно-синім футером з електронною поштою, телефоном та адресою в Києві.
    1. Конкретна пропозиція: 30-хвилинна сесія зі стратегом.

    2. Одна кнопка для запису, те саме модальне вікно відкривається з кожної сторінки.

    3. Електронна пошта, телефон і київська адреса завершують кожну сторінку.

Сторінка за сторінкою · Послуги

Сторінка послуги
читається як бриф.

Три напрями, кожен на окремій сторінці: що це, для кого та що змінилося для клієнта.

  1. [ 01 ] Послуга простими словами

    Перший екран послуги GR-стратегії та супроводу: назва з червоним «GR-стратегія», захист інтересів бізнесу на законодавчому рівні, кнопка консультації, три цифри та червоно-синій компас.
    1. Назва пояснює, що це за послуга, рядок під нею — що вона захищає.

    2. Один об’єкт на послугу: компас для зв’язків з органами влади.

    3. Перший екран завершується однією дією: замовити консультацію.

  2. [ 02 ] Клієнт упізнає власну ситуацію

    Блок послуги «GR-стратегія для тих, хто хоче впливати на регуляторне середовище» з трьома ситуаціями: бізнес із регуляторними перешкодами, компанії на регульованих ринках, галузеві асоціації та громадські організації.
    1. Заголовок називає тих, для кого сторінка.

    2. Три впізнавані ситуації: перешкоди від регулятора, вихід на регульований ринок, асоціація з позицією.

  3. [ 03 ] Приклад замість обіцянки

    Блок послуги «До та після: як GR-супровід змінив ситуацію клієнта»: картка ситуації, картка рішення з трьома кроками та темна картка результату.
    1. До: ситуація словами клієнта.

    2. Що зроблено: три конкретні кроки.

    3. Після: результат на темній картці, яку погляд помічає першою.

Сторінка за сторінкою · Кейси

Кожен кейс
побудований однаково.

Від ситуації до результату, щоб читач міг порівняти один кейс з іншим.

  1. [ 01 ] Заголовок — це завдання та термін

    Перший екран кейсу «Як ми забезпечили ухвалення поправки до закону про охорону здоров’я за 90 днів»: під заголовком клієнт, галузь, тривалість і послуга, нижче — фото проєкту.
    1. Поправка до закону за 90 днів: результат і термін в одному рядку.

    2. Клієнт, галузь, тривалість і послуга розміщені під заголовком — до початку історії.

    3. На зображенні — сам проєкт, а не стокове фото.

  2. [ 02 ] Робота у трьох напрямах

    Блок кейсу «Забезпечити ухвалення поправки до закону за 90 днів» із трьома темними картками: супровід законодавчих змін, управління інформаційним полем та взаємодія зі стейкхолдерами.
    1. Мета повторюється простими словами, термін виділений червоним.

    2. Три напрями роботи, кожен в одному реченні.

Сторінка за сторінкою · Про нас

Люди
перед обіцянками.

Сторінка про агенцію починається з команди, далі — місія, принципи та нагороди.

  1. [ 01 ] Спочатку команда

    Сторінка про агенцію: відео двох учасників команди за роботою з червоною кнопкою відтворення, поруч «Люди за результатами» та два абзаци; нижче місія «Ми віримо, що комунікації змінюють світ».
    1. Короткий фільм про команду за роботою відкриває сторінку.

    2. Хто вони й як працюють — у двох абзацах.

    3. Місія в одному реченні.

Сторінка за сторінкою · Мобільна версія

Та сама послідовність,
для одного пальця.

Кожен шаблон опрацьований на 375 паралельно з десктопом: обіцянка, доказ, дзвінок.

  • Головна на телефоні: перший рядок, червона кнопка та ластівка під ними.

    Той самий перший рядок і ластівка, розташовані для керування пальцем.

  • Сторінка кейсів на телефоні: «Проєкти, що змінюють сприйняття» та перша картка кейсу нижче.

    Кейси вертикальним списком: одна історія на картці.

  • Кейс на телефоні: заголовок про поправку до закону за 90 днів і факти проєкту у двох колонках.

    Факти кейсу у двох колонках під заголовком.

Good Politics і далі продає довіру. Сайт перестав описувати стратегію й почав показувати кейси.

Що змінилося

Кейси відразу після першого екрана, три послуги замість шести, єдиний шаблон кейсу та запис із кожної сторінки.

Те, що ми залишили в спокої

Логотип і червона ластівка, клієнти та самі кейси.

Що б ми робили далі

Далі — відстежувати, звідки приходять запити та наскільки далеко відвідувачі читають кейси.

Інші проєкти

Перший крок – це завжди розмова

Заповніть форму сьогодні та отримайте відповідь протягом 1 години. Якщо ми пропустимо це вікно, ви отримаєте безкоштовний аудит продукту або розробку концепції від DizArm.

0/5000
Бюджет* (необов'язково)
0/5000
дякую! Ваше звернення отримано!
Ой! Під час надсилання форми сталася помилка.

Буду радий надати додаткову інформацію про рішення, розроблені нашою командою, і допомогти у виборі оптимального підходу.

Богдан Лищенко
[Генеральний директор] DizArm.Creative
hello.dizarm@gmail.com