Kiaora — сайт і SEO-платформа для digital-агенції
Наша місія: побудувати сайт для Kia Ora Digital — SEO-агенції з клієнтами у Великій Британії, США, Новій Зеландії та Австралії — здатний рости не лінійно, а експоненційно: сотні сторінок під галузі й міста, десятки кейсів і блог поверх однієї візуальної системи.
Цифри, що продають з першого екрану
Мегаменю замість плоского списку послуг
Kia Ora Digital працює в чотирьох країнах і пропонує понад десяток напрямків — від класичного SEO до LLM-оптимізації. Перше завдання було не дизайнерське, а структурне: показати весь цей обсяг, не перетворюючи навігацію на стіну посилань.
- Дворівневе мегаменю розводить Services і Platforms по колонках, а блок «What's new» перетворює навігацію на ще один канал для промо контенту.
- SEO і Paid Search винесли в окремі пункти першого рівня — продукт агенції читається як дві самостійні експертизи, а не розмита пропозиція «ми робимо маркетинг».
- Структуру заклали під масштабування: Case Studies, Industries і Tools — це не сторінки, а шаблони, у які контент-команда підставляє нові кейси й галузі самостійно.
Сторінка «Про нас», що працює як відділ продажів
У B2B-агенції рішення «з ким працювати» частіше ухвалює людина, а не алгоритм. About Us зібрали так, щоб відповісти на це рішення за перші тридцять секунд прокрутки.
- Цифри — 500+ клієнтів, 20x середній ROI, 95% утримання, 1m+ опрацьованих ключових слів — стоять одразу під вступним блоком, до будь-яких обіцянок у тексті.
- Живі фото команди з посадами замість абстрактного «наші експерти» — агенція, з якою можна списатись у LinkedIn напряму.
- Карта присутності в UK/Europe, США, Новій Зеландії й Австралії разом із бейджами APAC Search Awards знімає головне заперечення міжнародного клієнта — «а ви взагалі великі?».
100+ кейсів в одному переюзаному шаблоні
Замість того, щоб верстати кожен кейс окремо, ми спроєктували повторювану структуру: картка в каталозі й розгорнута сторінка збираються з одного набору блоків.
- Картка кейсу завжди показує дві цифри результату — трафік і дохід — поруч з обкладинкою: сканиться очима швидше за будь-який заголовок.
- Розгорнута сторінка розкладена на TL;DR, Challenge, Strategy, Results і Takeaways — каркас, у який контент-менеджер вставляє новий кейс без участі дизайнера.
- Нумеровані картки стратегії (01, 02, 03) переносять логіку рішення в саму верстку, а не ховають її у суцільному тексті.
Один шаблон, сотні сторінок під галузі й міста
Головний драйвер органічного трафіку для самої агенції — програмні SEO-сторінки. Ми спроєктували два шаблони, здатні розмножуватись на десятки галузей і локацій без участі дизайнера.
- Сторінка галузі (SEO для готелів, юристів, роздрібу...) збирається з одного гнучкого шаблону — заголовок, вигоди, FAQ і CTA підлаштовуються під контент, не ламаючи сітку.
- Локальні сторінки на кшталт «SEO Melbourne» повторюють ту саму структуру для міста: локальна статистика, карта, обличчя офісу — патерн, готовий тиражуватись на кожен ринок присутності.
- Обидва шаблони діляться однаковими proof-блоками з головної (кейси, партнери, цифри) — довіра до бренду не губиться навіть на сторінці, куди читач потрапив із пошуку, а не з навігації.
Другорядні сторінки, які теж продають
У B2B-агенції немає «неважливих» сторінок — партнерський каталог і блог працюють на конверсію так само, як і головна.
- Партнерська сітка (Shopify Plus, BigCommerce, SEMrush, Yotpo та інші) — це і довіра-контент, і посилання на офіційні партнерства, що виправдовують преміальний прайс агенції.
- Блог зібрали навколо теми, що хвилює аудиторію просто зараз — AI-пошук і SearchGPT — замість типових «SEO-порад на 2025 рік».
- Контактна форма стоїть поруч із мапою офісу в Мельбурні — без зайвих полів, які відсіюють ліда ще до відправки.
Той самий сайт, зібраний заново для екрана в долоні
Кожен шаблон — головна, кейс, індустрія, локація — переверстали під мобільний viewport окремо, а не просто стиснули колонки.
- Мегаменю на десктопі перетворюється на повноекранне мобільне меню — жодна з 12+ послуг не губиться.
- Довгі десктопні секції (партнери, FAQ, індустрії) на мобільному розбили на компактні картки з вертикальним скролом замість горизонтального стиснення.
- Фірмова кольорова система — чорний, жовтий, кремовий — і трикутники-вирізки лишаються впізнаваними на будь-якій ширині екрана.
Не лендінг, а система, у якій контент-команда сама тягне зростання
Головна, About, кейси, індустрії, локації, партнери, блог і контакти зібрані на одному наборі компонентів — тому кожна нова сторінка для нового ринку чи галузі займає години, а не тижні дизайну.
Хочете такий сайт для свого бізнесу?Портфоліо
Кейси, над якими ми працювали — ще декілька в дорозі.
Дізнайся вартість проєкту
Ми не просто проєктуємо макети — будуємо продуктивні продукти.
Розкажи про свою ідею чи ціль проєкту, і ми
запропонуємо масштабоване рішення під твої цілі.