Kiaora
website and SEO platform for a digital agency
Our mission: build a website for Kia Ora Digital — an SEO agency serving clients across the UK, the US, New Zealand, and Australia — capable of growing not linearly but exponentially: hundreds of pages for industries and cities, dozens of case studies, and a blog on top of a single visual system.
Numbers that sell from the first screen
A mega menu instead of a flat list of services
Kia Ora Digital operates across four countries and offers more than a dozen service lines — from classic SEO to LLM optimization. The first task wasn't design at all, it was structural: show the full scope without turning the navigation into a wall of links.
- A two-tier mega menu splits Services and Platforms into columns, while a "What's new" block turns the navigation itself into another channel for promo content.
- SEO and Paid Search were pulled out as separate top-level items — the agency's offering reads as two distinct areas of expertise, not a vague "we do marketing."
- The structure was built to scale from day one: Case Studies, Industries, and Tools aren't pages, they're templates the content team can populate with new cases and industries on their own.
An About page that works like a sales department
In B2B agencies, the "who do we work with" decision is usually made by a person, not an algorithm. We built About Us to answer that decision within the first thirty seconds of scrolling.
- The numbers — 500+ clients, 20x average ROI, 95% retention, 1M+ keywords processed — sit right under the intro block, before any claims made in the copy.
- Real team photos with job titles replace the abstract "our experts" — an agency you could message directly on LinkedIn.
- A presence map across the UK/Europe, the US, New Zealand, and Australia, alongside APAC Search Awards badges, removes an international client's biggest objection — "are you even a real, sizeable agency?"
100+ case studies in one reusable template
Instead of building each case study by hand, we designed a repeatable structure: both the catalog card and the full page assemble from the same set of blocks.
- Every case card shows two result numbers — traffic and revenue — right next to the cover image, scannable faster than any headline.
- The full page breaks down into TL;DR, Challenge, Strategy, Results, and Takeaways — a framework the content manager can fill with a new case without a designer involved.
- Numbered strategy cards (01, 02, 03) move the logic of the solution into the layout itself instead of burying it in a wall of text.
One template, hundreds of pages for industries and cities
The agency's own main driver of organic traffic is programmatic SEO pages. We designed two templates able to multiply across dozens of industries and locations without a designer's involvement.
- An industry page (SEO for hotels, lawyers, retail...) assembles from one flexible template — headline, benefits, FAQ, and CTA adapt to the content without breaking the grid.
- Local pages like "SEO Melbourne" repeat the same structure for a city: local stats, a map, the office's faces — a pattern ready to replicate across every market the agency serves.
- Both templates share the same proof blocks from the homepage (case studies, partners, numbers) — brand trust doesn't drop off even on a page a reader lands on straight from search rather than navigation.
Secondary pages that sell too
In a B2B agency there's no such thing as an "unimportant" page — the partner catalog and the blog work for conversion just as much as the homepage does.
- The partner grid (Shopify Plus, BigCommerce, SEMrush, Yotpo, and others) is both trust content and a link to official partnerships that justify the agency's premium pricing.
- The blog was built around a topic the audience cares about right now — AI search and SearchGPT — instead of generic "SEO tips for 2025."
- The contact form sits right next to a map of the Melbourne office — no extra fields to filter out a lead before they even submit.
The same site, rebuilt from scratch for a screen in your hand
Every template — home, case study, industry, location — was re-laid-out for the mobile viewport individually, not just squeezed into fewer columns.
- The desktop mega menu becomes a full-screen mobile menu — none of the 12+ services get lost.
- Long desktop sections (partners, FAQ, industries) were broken into compact, vertically-scrollable cards on mobile instead of just compressing them horizontally.
- The brand's color system — black, yellow, cream — and its cut-corner triangles stay recognizable at any screen width.
Not a landing page, but a system the content team can scale on its own
Home, About, case studies, industries, locations, partners, blog, and contact are all built on one shared set of components — so every new page for a new market or industry takes hours, not weeks of design.
Want a site like this for your business?
we'll price it
Describe the project in the brief or message us on Telegram. Within a day we'll come back with an estimate, timeline and plan — free, no strings attached.
- 01Estimate in 24 hours
- 02Fixed price
- 03NDA on request
