Case study · SEO agency

Making SEO Visible on an SEO Agency’s Own Website

SEO is mostly invisible work, and that’s exactly why owners distrust it. They’ve paid for rankings before and couldn’t tell what they got. Serplio’s site makes the work visible, service by service and person by person, before it asks anyone to sign up for a retainer.

Client
Serplio
Industry
SEO agency
Audience
Owners and marketing managers of growing businesses
Scope
Agency website UX and UI design
The brief

Owners Can’t Judge Work They Can’t See, So the Page Shows It Step by Step.

The Problem

SEO is sold on rankings and traffic, and most agency sites stop at the promise. An owner who can’t tell what on-page, technical or keyword work involves, or who will do it, assumes the worst. The budget stays where it is.

The Goal

Make one plain promise and put the proof right under it. Explain each kind of SEO in words an owner uses, beside a photo of the people doing it. Introduce the specialists by name, answer the common questions, and finish with a short form next to a phone number.

Who it’s for

Owners and marketing managers at small and mid-sized businesses who want more customers from search. Many have been burned by vague SEO before, and they want to see what they’re paying for.

The visual system

A Night-Sky Page With Cobalt Signposts.

Black and night-blue grounds, sprinkled with small stars, give the agency a serious, after-hours feel. Cobalt marks every button, highlight and the disciplines marquee. On the light sections, deep navy carries the headlines. Soft grey gives long sections room.

  • Cobalt#2F4CDCButtons, highlights and the marquee
  • Deep navy#0B1651Headlines on light sections
  • Black#000000Hero, services, team and contact grounds
  • Soft grey#EFF1EDAbout, stats and FAQ grounds
  • Ice blue#EFF0FDFooter ground
  • White#FFFFFFCards and text on dark
Typeface

Syne

Syne in lowercase for the hero, which makes a technical service sound approachable.

we help grow your businesses with SEO

The hero line, kept in lowercase.

The decisions

How the Design Solves It

Four moves that turn SEO from a promise into something an owner can inspect.

A Plain Promise With Proof Beside It

We help grow your businesses with SEO, in large lowercase type beside a team photo. Directly under the discover more button sit five stars and a rating of 4.8 out of 5, based on 1K client reviews. The claim and the proof land in the same glance.

Each Kind of SEO, Explained

On-page SEO, technical SEO, keyword research and content creation alternate left and right on a split dark ground. Each gets an icon, a short description and a pill-shaped photo of the team at work. Owners see the work and the people in one place.

Specialists by Name

Mildred Buckley, Tina Cromer, John Walker and Virginia Hill appear in black and white portraits with their roles, from digital marketer to SEO specialist. Above them, a ticked list promises a dedicated account manager for each account. An owner knows who is behind the work.

Contact Without the Hunt

Phone, email and address sit in cobalt circles beside a short form with a service dropdown. Owners who prefer to call can call. Everyone else picks a service and writes.

The walkthrough

Thirteen Sections, Each One Showing a Little More of the Work

Every section below links to the design, with the doubt about SEO it’s there to answer.

  1. We help grow your businesses with SEO in large type on night blue, beside a team photo, with a 4.8 out of 5 review rating under the button.

  2. A team photo beside a promise to make your business stand out, with stand in cobalt and an about company button.

  3. A row of client logos on a dark band with soft contour lines.

  4. A white circle with 10K+ trusted customers beside four cobalt figures for users, years, projects and happy customers.

  5. On-page SEO, technical SEO, keyword research and content creation alternate on a split dark ground, each with an icon, a description and a rounded photo.

  6. A cobalt marquee of disciplines, then a photo beside four ticked reasons, from ten years of experience to 2k+ projects.

  7. Connecting people with brands, with cards for boosting sales and driving growth beside an office photo.

  8. Four specialists in black and white portraits with their names and roles, and a view all team button.

  9. Four common questions in an accordion, from updates to cancelling and pricing, with the first one open.

  10. Phone, email and address in cobalt circles beside a short form for name, email, phone, service and message.

  11. Three articles with photos, authors and reading times, and a view all button.

  12. Let’s create something great on black with cobalt stars and a round let’s talk button.

  13. The logo set large on pale blue, then the copyright and a row of links.

Hero — What they do

Want a site that makes your invisible work easy to buy?

Start a Project Like This
Your project

Two Ways We Can Build One Like This for You

For your client or for your own business, the thinking is the same. The route in is different.

For agencies

Pages Like This, Under Your Brand

We design and build to your client’s brief and hand it over as your work. Your client never hears our name.

  • Planned around your client’s buyer, section by section
  • Built in WordPress, ready for you to present
  • NDA on request, no contact with your client
For business owners

A Site Planned Around Your Buyer

We map the questions your customers ask before they buy, then design and build a WordPress site that answers them in order.

  • One clear action, in view from the first screen to the last
  • Proof and pricing placed where doubts arise
  • A site your team can update without us

Let’s Talk About Your Project

We book a call to scope the work. You get a proposal to approve, and we begin.

Hafijur R, founder of Coderlift
Hafijur R Founder, Coderlift
Contact Form