All work

05 · Case study

Katch Media

A revenue-first marketing agency.

Katch Media runs Meta and Google ads for businesses that want a steady flow of enquiries. The site says so in its first line, proves it with client work, and only asks for a conversation from founders who are a fit.

Industry
Marketing and ads
Platform
Website and landing pages
What I did
UI/UX design, website, landing pages, development
Live
katchmedia.co
Katch Media home page: A revenue-first digital marketing company
( 01 )

About the project

The agency's promise is one goal: more customers for your business. The site avoids agency clichés (“not 10 social media posts a month”) and leads with the outcome.

I designed the website and landing pages. Hand-drawn highlights and arrows give a serious, results-first brand a human voice.

Promise firstthe brief
Proof before pitchthe structure
Filter out the wrong fitthe goal
( 02 )

How an idea becomes an experience ☕

The goal

Turn a sceptical founder into a “Pitch your business” conversation, and let the wrong fit filter themselves out.

  1. 01
    Discovery

    Coffee Before Figma

    Before opening Figma, we sit down over a coffee and talk.

    What are we building? Who is it for? What problem are we solving? What does success look like?

    On Katch MediaAn agency that sells results, and a site that must turn founders into conversations.

  2. 02
    Research

    Find the Beans

    We look for the best beans before we brew.

    We study competitors, users, trends and references to understand what works, what doesn't, and where we can do something different.

    On Katch MediaHow agencies usually sell (deliverables and promises), and how Katch can sound different.

  3. 03
    Strategy

    Get the Blend Right

    Now we work out the right mix.

    We map the user journey, information architecture and key interactions, turning a messy idea into a clear plan.

    On Katch MediaPromise, proof, problem, method, start: one story from top to bottom.

  4. 04
    Wireframes

    Sketch the Cup

    No fancy latte art yet. Just getting the shape right.

    We create wireframes and explore different layouts and flows before spending time on the final visual design.

    On Katch MediaLayouts for the hero, the client proof and the four-step start explored before styling.

  5. 05
    UI Design

    Add the Flavour

    Now the personality comes in.

    Typography, colours, imagery, motion and visual details come together to give the product its character.

    On Katch MediaDeep teal and lime on paper grey, with hand-drawn marks for a human voice.

  6. 06
    Design System

    Set Up the Machine

    Good experiences need a system behind them.

    We build reusable components, styles and design rules so everything stays consistent as the product grows.

    On Katch MediaButtons, cards and highlight marks set once and reused on every landing page.

  7. 07
    Prototype

    Bring It to Life

    A static design starts coming alive.

    We prototype interactions, transitions and micro-animations to experience the product before development.

    On Katch MediaVideo testimonial cards and hand-drawn highlights planned to give the page life.

  8. 08
    Development

    From Counter to Customer

    Time to take it from the counter to the customer.

    The designs are developed into a responsive, functional product while keeping the original experience intact.

    On Katch MediaBuilt as a responsive website with landing pages.

  9. 09
    QA

    Taste & Tweak

    We taste everything before serving it.

    We test responsiveness, interactions, usability and visual details, then refine whatever doesn't feel right.

    On Katch MediaEvery page checked on phones and desktop, then refined.

  10. 10
    Launch

    Ready to Serve

    The experience is ready for the real world.

    We launch, monitor performance and make sure the final product feels as good in reality as it did in Figma.

    On Katch MediaLive at katchmedia.co.

( 03 )

Who it is for

Founder with a proven product

who
Owner ready to invest in paid ads
wants
A steady, predictable flow of enquiries.
difficulty
Some weeks there are enquiries, some weeks there are none.
what I designed
A section that names the lead flow problem, client stories as proof, and a four-step way to start.

Founder who is not ready

who
Wants results without a budget or testing
wants
Quick wins with no commitment.
difficulty
Would waste the agency's time, and their own money.
what I designed
A plain “who we're not right for” list, so the wrong fit chooses to leave before the call.
( 04 )

User flow

The one action the site wants, Pitch your business, is green. It is in the nav and repeated down the page.

How we do itWhat we doGradbudRN ConnectPatrick's Edu CareCheckMyCarPortfolioPricingLet's talkPitch your businessHome

Scroll sideways to see the whole flow

StartPage or stepScreen detailPath to a result
( 05 )

Visual design

Palette

  • Deep teal#092C33
  • Lime#CCF102
  • Paper#F2F2F2
  • Ink#282828
  • White#FFFFFF

Type

Revenue-First

Inter · 800 · headlines

We help businesses get consistent leads and customers using paid ads.

Inter · 400 · body and interface

Selected screens

Trust the work: four client stories, each a video card with a headline result and a See Strategy and Cost button
Proof up front: four client stories, each with its own case study page.
What we actually do and How we do it: calls, messages, form enquiries and bookings, delivered through Meta and Google
The offer in plain language: calls, messages, forms and bookings.
Getting started in four steps, then who the agency works best with and who it is not right for
Four steps to start, and a clear list of who it is not for.
( 06 )

Build and platform

Built with

  • Website
  • Landing pages
  • Responsive design
  • Video testimonial cards

What I handled

  • Product and UI design for the website
  • Landing pages for campaigns
  • Page structure: promise, proof, problem, method, start
  • Front-end build and responsive behaviour
( 07 )

Outcome

What shipped, and where you can see it.

  • A live agency site built around one goal: more customers
  • Client proof, with four case-study pages linked from the home page
  • A plain list of who the agency is, and is not, right for
  • Landing pages for campaigns

Want a product like this?

Free intro call, fixed quote.