Продуктова та дизайнерська команда
PR- та GR-агенції продають довіру.
Онлайн вони виглядають однаково.
Good Politics займається PR та зв’язками з органами влади для компаній, громадських організацій і політичних лідерів. Ми перебудували сайт за одним правилом: показувати роботу перед обіцянками.
На чому побудований новий сайт
- аудиторії, один сайт
- 3
- від дослідження до передачі макетів
- 6 тижнів
- зі стратегом, запис із будь-якої сторінки
- 30 хв
Сервіс
UX/UI-дизайн та CRO
- Клієнт
- Good Politics
- Промисловість
- PR та зв’язки з органами влади
Клієнт
Київська агенція на перетині бізнесу, медіа та держави
Good Politics формує репутацію в медіа та спілкується з владою від імені клієнтів: UPG, Proizd.ua, Українського дому в Давосі. Цифри взяті із сайту агенції.
- проєктів у сфері суспільних справ
- 25+
- середня тривалість роботи з одним клієнтом
- 2,6 року
- публікацій у медіа
- 1,500+
- країн реалізації проєктів
- 8+
Кого сайт мав переконати
Три читачі,
три різні сумніви.
Компанія, громадська організація та політична команда читають той самий сайт. Кожна шукає свій доказ, перш ніж зателефонувати.
-
Бізнес
«Що буде зроблено, коли й як ви вимірюватимете результат?»
Відповів Сторінки кейсів
-
Громадські організації
«На чиєму ви боці та як працюєте?»
Відповів Про нас
-
Лідери
«Це може залишитися між нами?»
Відповів Запис на дзвінок у календарі
До та після
Та сама агенція.
Інше перше речення.
Три місця, де відвідувач вирішує, чи довіряти агенції, — слово в слово. Старий текст перекладено з української.
| До · старий сайт, 2025 | Після · новий сайт | |
|---|---|---|
| Перший рядокСтарий рядок пояснював, що робить агенція. Новий — для кого. |
Ми створюємо комунікації, що задають правила Допомагаємо бізнесу, громадським організаціям і політичним лідерам формувати репутацію та налагоджувати діалог із владою і суспільством. |
|
| ПослугиШість рівнозначних плиток стали трьома напрямами — кожен з одним об’єктом замість абзацу. | Зв’язки з органами влади Кризові комунікації Організація подій Особистий імідж Соціальні мережі |
|
| ПроєктНазва з датами стала історією із завданням і результатом. | Клієнт: International Mayors Summit. Термін: 2021, 2022, 2023, 2024. |
Як ми забезпечили ухвалення поправки до закону про охорону здоров’я за 90 днів
|
Як це виглядає
Стримана впевненість
і вагомість.
Завдання, яке ми визначили після дослідження. Prata додає заголовкам вагомості, IBM Plex Sans зберігає спокій тексту, а глибокий червоний позначає лише те, що можна натиснути.
Prata
Кожен заголовок і число. Високий контраст штрихів і класичні пропорції: вагомість без підвищення голосу.
IBM Plex Sans
Основний текст та інтерфейс, від 12 до 24 px. Спокійна й точна противага Prata.
- Нічний синій#000F1F
- Сигнальний червоний#AC201B
- Папір#FAF8F4
- Чорнило#1F1F1E
- Сланець#434341
- Камінь#939392
Сторінка за сторінкою · Головна
Головна сторінка
відповіді по порядку.
Для кого працює агенція, потім докази, далі — як почати. Три екрани згори донизу.
-
[ 01 ] Перший екран пояснює, для кого сайт
Один рядок пояснює, що робить агенція. Наступний — для кого.
Слід ластівки веде до логотипів клієнтів: докази ще до першої прокрутки.
Єдиний червоний елемент, який можна натиснути. Решта — папір і графіт.
-
[ 02 ] Другими йдуть докази
Кейси починаються відразу після першого екрана, а не внизу сторінки.
Кожна картка називає проблему клієнта, а не послугу.
Цифри розміщені на картці — ще до кліку.
-
[ 03 ] Один спосіб почати
Конкретна пропозиція: 30-хвилинна сесія зі стратегом.
Одна кнопка для запису, те саме модальне вікно відкривається з кожної сторінки.
Електронна пошта, телефон і київська адреса завершують кожну сторінку.
Сторінка за сторінкою · Послуги
Сторінка послуги
читається як бриф.
Три напрями, кожен на окремій сторінці: що це, для кого та що змінилося для клієнта.
-
[ 01 ] Послуга простими словами
Назва пояснює, що це за послуга, рядок під нею — що вона захищає.
Один об’єкт на послугу: компас для зв’язків з органами влади.
Перший екран завершується однією дією: замовити консультацію.
-
[ 02 ] Клієнт упізнає власну ситуацію
Заголовок називає тих, для кого сторінка.
Три впізнавані ситуації: перешкоди від регулятора, вихід на регульований ринок, асоціація з позицією.
-
[ 03 ] Приклад замість обіцянки
До: ситуація словами клієнта.
Що зроблено: три конкретні кроки.
Після: результат на темній картці, яку погляд помічає першою.
Сторінка за сторінкою · Кейси
Кожен кейс
побудований однаково.
Від ситуації до результату, щоб читач міг порівняти один кейс з іншим.
-
[ 01 ] Заголовок — це завдання та термін
Поправка до закону за 90 днів: результат і термін в одному рядку.
Клієнт, галузь, тривалість і послуга розміщені під заголовком — до початку історії.
На зображенні — сам проєкт, а не стокове фото.
-
[ 02 ] Робота у трьох напрямах
Мета повторюється простими словами, термін виділений червоним.
Три напрями роботи, кожен в одному реченні.
Сторінка за сторінкою · Про нас
Люди
перед обіцянками.
Сторінка про агенцію починається з команди, далі — місія, принципи та нагороди.
-
[ 01 ] Спочатку команда
Короткий фільм про команду за роботою відкриває сторінку.
Хто вони й як працюють — у двох абзацах.
Місія в одному реченні.
Сторінка за сторінкою · Мобільна версія
Та сама послідовність,
для одного пальця.
Кожен шаблон опрацьований на 375 паралельно з десктопом: обіцянка, доказ, дзвінок.
Той самий перший рядок і ластівка, розташовані для керування пальцем.
Кейси вертикальним списком: одна історія на картці.
Факти кейсу у двох колонках під заголовком.
Good Politics і далі продає довіру. Сайт перестав описувати стратегію й почав показувати кейси.
Що змінилося
Кейси відразу після першого екрана, три послуги замість шести, єдиний шаблон кейсу та запис із кожної сторінки.
Те, що ми залишили в спокої
Логотип і червона ластівка, клієнти та самі кейси.
Що б ми робили далі
Далі — відстежувати, звідки приходять запити та наскільки далеко відвідувачі читають кейси.
Інші проєкти
Корпоративний сайтWhimsy GamesWhimsy Games створює ігри для мобільних пристроїв, ПК і консолей для видавців, засновників та брендів. Ми оновили сайт — від головної до сімдесяти сторінок послуг і брифу, — щоб він виглядав як студія та…
Електронна комерціяTandemТандем є офіційним дистриб'ютором Raptor в Україні. Каталог був там. Більшість відвідувачів так і не потрапили до нього.
Електронна комерціяPickUpShoesPick Up Shoes продає оригінальні Adidas, Puma, Nike та ASICS з магазину в Коломиї та онлайн по всій Україні. Акція була реальна; сайт дав покупцям підстави сумніватися в цьому.
Електронна комерціяDeozenDEOZEN продає крем для пахв, який, за словами бренду, утримує запах до 15 днів після одного використання. Для будь-кого з палицею у ванній це звучить як натяжка.




