Marketing
Agency Advertising Site
Overview
An advertising agency needed a website that made the right first impression on prospective clients — confident, creative, and immediately different from every other agency they'd looked at that week.
The Challenge
Agencies are notoriously hard to design for. Everyone claims to be creative and results-driven. The challenge was to find a genuine visual and tonal voice that made this agency's personality legible from the first scroll.
Pain Points
- 01
No visual differentiation
Every competitor used the same confident-creative-results-driven language. A new colour palette alone wasn't going to cut through.
- 02
Personality is hard to design
The agency's culture and voice existed in conversations, not on a page. Translating that into a visual system without flattening it was the core challenge.
- 03
Cold prospects make fast decisions
Prospective clients were evaluating multiple agencies in a single sitting. There was very little time to earn their attention.
Solutions
- 01
Personality-led visual language
Instead of leading with credentials, the site leads with culture — bold type, fast transitions, and a tonal voice that signals taste before the reader even reads a word.
- 02
Copy and design developed in parallel
Copy direction was established alongside the visual work, not handed over at the end. The result is a site where the words and the layout reinforce each other.
- 03
Considered micro-interactions
Hover states were designed in the first pass, not added as an afterthought. They make the site feel deliberate — which is exactly the impression a creative agency needs to give.
Process
Strategy First
The design process started with a positioning workshop: what do the best clients of this agency have in common, and what do they want to feel when they land on the site?
The answer was confidence — in the agency’s taste, in their process, in their ability to deliver. Everything visual and tonal had to reinforce that.
Voice & Tone
Copy direction was developed alongside the visual design rather than after it. The two inform each other — a bold layout needs bold words, and vice versa. The result is a site that feels cohesive rather than designed-then-written.
Design
The layout uses scale and contrast aggressively. Large typographic statements anchor each section. Transitions between sections are fast and deliberate — the site should feel like it moves with purpose.
The colour system uses a tight, high-contrast palette. No gradients, no texture, no decoration that doesn’t earn its place. Confidence through restraint.
The Details
Hover states and micro-interactions were designed as part of the first pass, not added at the end. They make the site feel considered — which is exactly the impression the agency needed to give.
Wireframes
Low Fidelity
High Fidelity
Gallery
Outcome
A website that the agency now leads with in new business pitches — described by one prospective client as the reason they decided to make contact before looking at anyone else.
Next Project
Finance Services Site
