Skip to main content
Marketing Agency Website — Marketing website design case study by Neelaka Ganegoda

Marketing

Marketing Agency Website

Marketing Agency Website case study — Marketing web design and UI/UX project by Neelaka Ganegoda.

Role

Web DesignStrategy

Year

2024

Sector

Marketing

Updated

Duration

1 Week

Tools

A marketing and advertising agency needed a new website to lead with in client pitches, one that communicated their creative confidence and personality before a prospect had read a single word.

The agency operated in a market where every competitor claimed to be creative and results-driven. The problem was not aesthetics. It was positioning. The site had to do the work of a first impression in a context where decisions about whether to make contact happen in a matter of seconds.

  1. 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.

  2. 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.

  3. 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.

  1. 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.

  2. 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.

  3. 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.

The Brief

The agency knew what they didn’t want: another credentials-first website that looked like every other creative firm in the market. What they needed was a site that communicated who they were before the reader finished scrolling the hero.

The scope was a single landing page. No inner pages, no portfolio section, no about page. Whatever the design did, it had to do it in one shot.

Research

Before any visual work began, I ran a competitor audit covering local agencies and a broader set of internationally recognised creative firms. The pattern was consistent: most led with the same confident-creative-results-driven language, backed by a portfolio grid and a contact form. Differentiation was scarce.

The audit shaped the central design question: if everyone is saying the same thing, what does a site look like that shows it instead?

Design Process

The landing page went through multiple iterations before the direction settled. Early concepts explored a more restrained editorial approach. Later passes pushed toward something bolder: faster pacing, larger type, less conventional section layouts. Feedback was relayed back through the agency after each round, and the direction sharpened with each pass.

The final concept used scale and contrast as primary tools. Large typographic statements anchor each section. The colour system was kept tight and high-contrast: no gradients, no decorative texture, nothing that didn’t earn its place.

Copy direction was developed alongside the layout rather than handed in after. The two inform each other: a bold layout needs language that matches its confidence, and the reverse is equally true.

Key Decisions

The decision to lead with personality rather than credentials was a deliberate trade-off. The safer option was a hero statement with proof points, the structure prospective clients are trained to scan. The chosen direction bet on the idea that the right kind of client would respond to taste before they responded to a service list.

Micro-interactions were designed in the first pass rather than added as an afterthought. That distinction matters. It changes how the site reads from a considered product to a designed surface, and for a creative agency, that difference is the message.

What I’d Do Differently

All client feedback came to me secondhand, filtered through the agency. I received interpretations of what the client said, not the client’s actual words. That makes it genuinely difficult to understand whether a direction change reflects a real concern or a misreading of the brief.

If I were doing this again, I’d push to be in the room at key feedback points. Direct access to the client at the brief stage and at first presentation would have given me a clearer understanding of their actual voice, which is precisely what personality-led design depends on.

I also didn’t design for mobile. That is a real gap. First impressions from prospective clients increasingly happen on a phone, and a site that only works on desktop is only doing half its job.

Low Fidelity

Marketing Agency Website low-fidelity wireframe 1

High Fidelity

Marketing Agency Website high-fidelity wireframe 1

A complete landing page design delivered as a Figma handoff. The visual system covered typography, colour, components, and interaction patterns. The project did not proceed to development after the design engagement ended.

Finance Brand Identity & Website