Case study · Digital marketing agency

A Digital Marketing Agency Website With Its Services, Work and Prices in the Open

Every marketing agency promises growth. A business owner comparing three of them can’t tell the promises apart, so they look for the next best signal, how well the agency markets itself. Marqly’s site is built to pass that test loudly, with the work and the prices where anyone can see them.

Client
Marqly
Industry
Digital marketing agency
Audience
Owners and marketing leads of growing businesses
Scope
Agency website UX and UI design
The brief

If an Agency Can’t Sell Itself, Why Hire It to Sell for You?

The Problem

Agency sites tend to stop at the promise. Growth, results, data-driven, the words repeat from one site to the next, while the services, the work and the price sit behind a contact form. A business owner with no way to tell agencies apart picks the cheapest, or none.

The Goal

Give the agency the look of a confident campaign. Then back it up in the order a sceptical owner asks, what you do, what you’ve done, what it costs and how to start.

Who it’s for

Owners and marketing leads at small and growing businesses comparing agencies for advertising, SEO, content or email. They want to see real work and a price before they agree to a call.

The visual system

Black and Lime, Turned All the Way Up.

Black and deep olive grounds give the page an after-dark confidence. One electric lime does the rest, on every button, highlight, marquee and the featured plan. A cobalt label sits on each plan. Light grey and white sections between the dark ones give the eye somewhere to rest.

  • Electric lime#A3DC2FButtons, highlights and marquees
  • Black#000000Hero, about, testimonial and contact grounds
  • Deep olive#141F02Services ground and dark cards
  • Cobalt#2F4CDCPlan labels
  • Soft grey#EFF1EDPricing and FAQ cards
  • White#FFFFFFLight sections and text on dark
Typeface

Syne

Syne at full weight, set large enough to read from across the room.

Digital Marketing Agency

The hero, with the k picked out in lime.

The decisions

How the Design Solves It

Why the page is built in this order.

A Claim With Swagger

Digital Marketing Agency fills the hero in a wide, heavy typeface on black, with the k in lime and a glow behind it. Next to the main button, a row of client faces shows that others have already hired the agency. Then comes a full-width team photo with a lime play button.

Services as One List

Online advertising, SEO, content marketing, email marketing and data analysis sit in one numbered list on deep olive, each with a line of detail and an arrow. The hovered row turns lime. Nothing hides in a dropdown.

Work and Faces as Proof

Four selected projects follow in dark cards, from website development to affiliate marketing, each with its tags. Then a ring of client faces surrounds one review. Proof first, price second.

Prices, Questions, Then the Form

Three plans sit in the open with a monthly and yearly switch, the standard one filled in lime. Four common questions come next. Only then does a huge get in touch appear, over a form with five fields.

The walkthrough

Eleven Sections, Built Like a Campaign

Click through the sections to see each one in the design and the doubt it answers.

  1. Digital Marketing Agency in a wide heavy typeface on black with a lime glow, a view our works button and a count of trusted customers.

  2. A full-width black and white photo of the team at work, with a lime play button for the showreel.

  3. A large headline with productivity highlighted in lime, beside three dark cards for strategy, results and a data-driven approach.

  4. A lime marquee, then a short story with mission and vision tabs, three figures and a photo of the team planning.

  5. Five numbered services on deep olive, from online advertising to data analysis, each with a line of detail and an arrow; the hovered one turns lime.

  6. Four selected projects in dark cards with lime titles, photos and tags, and a view all button.

  7. Made the biggest players happy, with one review in the centre of a ring of client faces on black.

  8. A lime marquee, then three plans with illustrations, prices and features, the middle one filled in lime, and a monthly and yearly switch.

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

  10. A huge get in touch over a lime star and a grid floor, with a short form for name, email, phone, company and the project.

  11. The logo, a short line and social links, two columns of links and the contact details on a light ground with a lime glow.

Hero — Confidence in one screen

Want an agency site that sells as hard as you do?

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