Корпоративний сайт · WordPress · 2026

Breakline Marketing Company — сайт лондонської SEO-агенції

Новий сайт для SEO-агенції з Лондона замість скопійованої заглушки: головна за макетом Figma з точністю ±2 px, 11 внутрішніх сторінок у тому ж стилі, власна тема WordPress і форма заявки на аудит.

WordPress

Хочу такий самий проект Відкрити сайт

Breakline Marketing Company (breaklinemarketingcompany.com) — лондонська SEO-агенція, зареєстрована в Англії та Уельсі: технічне SEO, контент, digital PR і лінкбілдинг для британських і міжнародних компаній. На домені стояла заглушка, скопійована з чужого сайту з подібною назвою, тож агенції потрібен був власний сайт, не схожий ні на кого. Ми зверстали головну за макетом Figma, у тому ж стилі зробили 11 внутрішніх сторінок, перенесли все на власну тему WordPress і запустили на хостингу замовника.

Технічний стек

WordPress із власною темою без конструкторів і без ACF: тексти, цифри, ціни, команда й кейси редагуються через наш движок полів. Форми — Contact Form 7, SEO — Yoast. Шрифти Archivo і Golos Text підключені локально, палітра — світло-сірий, графіт і червоний акцент. Головну приймали за макетом з точністю до ±2 px, автоматичним порівнянням координат блоків.

Головна

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

Блок «Key figures» на головній — «Key figures»: кількість клієнтів одночасно, строк аудиту, умови розірвання, типова ціна, рік реєстрації компанії.

Блок «What we actually do» — шість напрямів SEO — «What we actually do» — технічне SEO, on-page, контент, digital PR, лінкбілдинг і локальне SEO.

Блок «Our team» з цифрами й ролями — «Our team»: розмір команди й розклад по ролях.

Блок «Selected work» — кейс міграції — «Selected work» — кейс з посиланням на повний розбір.

Блоки «Prices, stated up front» і FAQ — Ціни трьох пакетів одразу на головній і FAQ акордеоном.

Заявка на аудит

Головна дія на сайті — замовити безкоштовний аудит. За побажанням замовника всі кнопки заклику відкривають одну модальну форму: ім’я, компанія, email, телефон, сайт і що потрібно виправити. Таку саму форму продубльовано на сторінці контактів.

Модальна форма «Book the audit. Decide afterwards.» — Модальна форма заявки на аудит.

Внутрішні сторінки

У макеті була лише головна, тому внутрішні сторінки ми зробили самі в тому ж стилі: послуги з деталізацією кожного напряму, галузі, кейси з цифрами, ціни з порівнянням пакетів, команда, FAQ, контакти з реквізитами компанії, а також політика конфіденційності, cookie й умови.

Сторінка Services — Services — кожен напрям із переліком робіт.

Сторінка Sectors — Sectors — галузі й вільні місця в кожній.

Сторінка Case studies — Case studies — кейси з результатами в цифрах.

Сторінка Prices — три пакети — Prices — три пакети з переліком того, що входить.

Сторінка Team — Team — команда й підхід до роботи з клієнтом.

Сторінка Contact з реквізитами й формою — Contact — офіс у Лондоні, телефон, пошта, години роботи, номер компанії й форма заявки.

Запуск

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

Мобільна версія

Адаптив перевірений на всьому діапазоні ширин без горизонтальної прокрутки: на телефоні меню відкривається бургером.

Підсумок

За нами верстка головної за макетом Figma, 11 внутрішніх сторінок у тому ж стилі, власна тема WordPress з редагованим контентом, форма заявки на аудит, SEO-налаштування й запуск на хостингу замовника.