A Google Ads agency site that sells as clearly as its ads
okam
London, GB
August 26, 2024
Marketing
Corporate
UI/UX Design
Webflow Development
CMS
Custom Code
Client-First
Snapshot (AEO)
The project in four lines
okam, a UK team of ex-Google specialists running Google Ads for small, ambitious businesses for one flat monthly fee.
An ads agency has to convert its own traffic and explain technical offers like a CSS in a few seconds.
A Webflow site with a pixel-art brand, flat-fee pricing, an e-commerce landing page and a custom CSS savings calculator.
Visitors see the price, the offer and the savings before they book a call, on desktop and mobile.
Numbers
The project in four lines
3 funnels
agency homepage, e-commerce and Premium CSS landing pages
£40 vs 20%
live calculator comparing okam CSS with Google's default fee
1 flat fee
£1,000 a month pricing shown up front, no sales call needed
Redesign + build
Figma design rebuilt and developed in Webflow
The challenge
Our services
Heading
An ads agency has to convert its own traffic
okam buys traffic for a living, so its own site is judged on the same thing as its clients' campaigns: does it turn visitors into calls.
- Three audiences. Service businesses, e-commerce brands and Google Shopping advertisers each needed their own message.
- A technical product. A Comparison Shopping Service is hard to explain; the savings had to be visible, not described.
- Trust without an account manager. A small team with flat pricing needed to show the price and the process up front.
01 · Calculator
Show the savings, don't describe them
On the Premium CSS page, visitors move a slider to set their monthly ad spend. The calculator instantly compares Google's default CSS, which keeps 20% of every click, with okam's flat £40 a month, and the bars grow as the spend grows.
- Custom script on a native range input
- Ad spend from £500 to £20,000 a month
02 · Brand
A pixel-art agency that doesn't look like one
The homepage opens with a dithered pixel-art scene and a bold promise: the Google Ads people who respect your business. Client logos, the reasons to switch and the flat £1,000 a month price follow in the same retro style.
- Custom illustrations and monospace typography
- Price and booking button visible without scrolling far
03 · E-commerce
A landing page just for online stores
E-commerce brands get their own page that speaks their language: catalogue optimisation, Performance Max and ROAS. It explains why most products underperform, shows what £1,000 a month includes and offers a free audit next to the intro call.
- Separate entry point in the main navigation
- Intro offer pop-up: three months for the price of two
Mobile
Heading
Mobile
The same pitch in a pocket
On phones the pixel art sits above the headline, the booking button stays full width and pricing and FAQ stack into one easy column.
Under the hood
How the pieces connect
Heading
Heading
Heading
Heading
How the pieces connect
- Design: a pixel-art brand in Figma. Retro dithered illustrations and a monospace type system that stand out from typical agency sites.
- Build: Webflow and Client-First. A clean, reusable structure the team can extend with new landing pages.
- Funnels: three landing pages. The agency homepage, an e-commerce page with a free audit CTA and a Premium CSS page with a 30-day free trial.
- Custom code: CSS savings calculator. A slider recalculates Google's 20% CSS fee against okam's flat £40 fee and redraws the bar chart in real time.
- Content: CMS sliders and FAQ. Client logos, case results and answers to common objections, all editable in Webflow.
Client feedback
How the pieces connect
Very helpful in getting our website up to spec, very patient in helping us with compromises etc. Would recommend to anyone!
Questions about this project
FAQ
Heading
Can a Webflow site include a custom pricing calculator?
Yes. okam's Premium CSS page uses a small custom script on a range slider to compare Google's 20% CSS fee with okam's flat £40 a month in real time.
Can one Webflow site serve different audiences?
Yes. okam has a main agency homepage, an e-commerce landing page and a Premium CSS page, each with its own message and call to action.
Relevant projects
You might interested
Travel & Hospitality
Education
