01 · Контекст
Сайт мав відповідати рівню експертності компанії
Polygraph Expert проводить перевірки кандидатів і персоналу, внутрішні розслідування та конфіденційні перевірки для бізнесу й приватних клієнтів. Основна аудиторія — власники компаній, HR, служби безпеки та керівники.
За брифом близько 80% запитів припадає на B2B. Тому новий сайт мав не просто «осучаснити картинку», а швидко пояснювати цінність послуги: зменшення ризику дорогих кадрових і безпекових рішень.
Ключова роль сайту — дати людині відчуття компетентності, конфіденційності й контролю ще до першої розмови.
02 · Вихідна точка
Що стримувало стару версію
Попередній сайт працював на WordPress 5.4.19. Він містив корисний контент і впізнаваний образ, але вже не відповідав задачам швидкості, SEO та регулярного оновлення.
- Застарілий візуальний стиль. Яскраво-помаранчевий акцент і перевантажений перший екран послаблювали відчуття статусу та конфіденційності.
- Технічний борг. Стара версія WordPress і набір плагінів ускладнювали підтримку, швидкість та безпечні оновлення.
- Слабка SEO-структура. Не вистачало повноцінних посадкових сторінок під різні сценарії бізнесу й приватних клієнтів.
- Складне редагування. Команді було незручно оновлювати експертів, послуги, новини та докази довіри.
03 · Стратегія
Від брифу — до плану на 8 етапів
Роботу побудували так, щоб дизайн, контент, розробка та SEO-міграція не існували окремо, а працювали на один сценарій залучення й обробки заявки.
Дослідження і бриф
Аудиторії, послуги, географія, конкуренти, очікування від дизайну та критерії успіху.
SEO та інформаційна архітектура
Карта сторінок, семантичні кластери, мовні відповідники, правила URL і 301-редиректів.
Прототип і контент
Сценарії для B2B, B2C, оборонного напряму, довіра, FAQ і конверсійні блоки.
Візуальна система
Графітово-синя палітра, стримана типографіка, реальні фото та єдина система компонентів.
Розробка на Hugo
Кастомна тема, двомовність, адаптивність, оптимізовані шаблони та повторне використання блоків.
Форми й адміністрування
CMS поверх GitHub, захищена форма, CRM-незалежний адаптер і резервні канали сповіщень.
SEO-міграція
Метадані, canonical, hreflang, Schema.org, sitemap, robots, Open Graph і карта редиректів.
Запуск та аудит
Перевірка 38 URL, мобільної версії, технічного SEO, аналітики й PageSpeed.
04 · Дизайн
Замість тривожного помаранчевого — спокійна експертність
З брифу зберегли впізнаваність бренду, але змінили тон комунікації. Графіт створює відчуття конфіденційності, синій — компетентності, а світлі поверхні залишають інтерфейс чистим і зрозумілим.
#1F2933
#2B5A8C
#8A94A6
#EEF3F7
05 · Структура і контент
Окремий маршрут для кожної аудиторії
Замість однієї загальної розповіді створили посадкові сторінки під конкретні задачі та наміри користувачів. Українська версія стала основною, російська отримала окремі URL у каталозі /ru/.
Перевірка кандидатів, чинного персоналу та топменеджерів.
Крадіжки, витоки інформації, конфлікт інтересів і внутрішні розслідування.
Кадрова безпека, перевірка ризиків і складні корпоративні сценарії.
Особисті ситуації з делікатною, конфіденційною комунікацією.
Окремий напрям для оборонної промисловості
Зі зростанням попиту з боку оборонних і критично важливих підприємств з’явилася спеціалізована сторінка з іншою аргументацією: кадрова помилка тут стосується не лише грошей, а й національної безпеки.
06 · Розробка та інтеграції
Швидка статика, просте редагування, контрольована передача лідів
WordPress замінили на Hugo з кастомною темою. Результат — мінімум серверної логіки на публічній частині, передбачувана збірка й чітке розділення між контентом, кодом та обробкою заявок.
Послуги, новини, експерти, FAQ та SEO-поля редагуються у структурованому інтерфейсі.
Зміни проходять через GitHub; staging оновлюється автоматично, production — контрольованим запуском.
Cloudflare Turnstile, honeypot і серверна валідація зменшують спам.
GTM, GA4, Meta Pixel і SEM.Chat підключені до живого сайту.
Канал обробки заявки можна змінити без переробки форм і всього сайту.
Архітектура передбачає дублювання сповіщень, щоб лід не залежав від одного сервісу.
07 · SEO-міграція
Зберегти пошукову історію й створити простір для росту
Під час переходу на Hugo критично було не втратити накопичені сигнали старого домену. Тому технічне SEO закладалося в шаблони, а не додавалося в останній день.
- Унікальні title і description для всіх 38 сторінок production sitemap.
- Один H1, коректний canonical і узгоджені hreflang: uk, ru та x-default.
- Schema.org для ProfessionalService, FAQPage, Article та навігаційних сутностей.
- Sitemap, robots.txt, Open Graph, окрема 404 і noindex для службових сторінок.
- 301-редиректи зі старих WordPress URL, включно з legacy-адресами.
- Посадкові сторінки під бізнес, приватні сценарії та оборонний сектор.
08 · Запуск і QA
Перевірено не лише головну
Після релізу проведено зовнішній аудит усіх URL із production sitemap та окремий тест PageSpeed для mobile і desktop.
- FCP
- 1,4 с
- LCP
- 2,0 с
- TBT
- 10 мс
- CLS
- 0
- SEO
- 100/100
- FCP
- 0,3 с
- LCP
- 0,5 с
- TBT
- 20 мс
- CLS
- 0
- SEO
- 100/100
Лабораторний аудит від 02.09.2026. Для URL поки недостатньо 28-денних польових даних CrUX.
09 · Результат
Проєкт став системою, а не набором сторінок
Новий сайт поєднав позиціонування, контент, SEO, аналітику, адміністрування й технічну інфраструктуру. Команда отримала платформу, яку можна розвивати без повернення до старого технічного боргу.
Що ще можна посилити
Наступний практичний крок — оптимізувати розміри кількох зображень, кешування CSS/JS і контраст другорядних текстів, а також підтвердити доставку тестової заявки та події аналітики з доступами клієнта.
10 · Матеріали
Посилання для перевірки
Кейс складено на основі початкового брифу, фактичної реалізації та аудиту живого сайту. Усі скріншоти показують публічні сторінки без персональних даних.