All posts
Studio / Design

Building The Narrative Agency's Website: A Site That Gets Out of the Story's Way

ZKO blog tile: Design

The Narrative Agency builds brand storytelling and communications work for its own clients, which puts a particular kind of pressure on any studio asked to build its website. A comms agency's site is effectively a portfolio of restraint: it has to demonstrate good judgement about story and message on every page, because that judgement is the product they sell.

We built the site around a simple rule: let the work carry the page. That sounds obvious written down and is genuinely hard to hold to in practice, because the easy version of an agency site fills every scroll with typographic flourishes and animated transitions that end up competing with the case studies they are meant to showcase. We stripped the interface back to a small set of confident type and layout choices and left the visual energy to the client work itself.

Structurally, the site is built around case studies as the primary unit rather than a conventional services page followed by a portfolio grid. Visitors land on story led work first, with positioning and services folded in around it rather than fronting the homepage. That ordering was a deliberate bet: an agency whose whole discipline is storytelling should be judged by the stories it has actually told, not by a paragraph describing its process.

The build itself is straightforward by design, fast loading pages, clean typography, no unnecessary dependencies, because a site about narrative clarity undermines its own pitch if it is slow or fussy to use. Good agency websites are often the ones you barely notice as a piece of engineering. That was the target here.

Typography carries more of the weight than usual on a site like this. With imagery kept deliberately sparse, the type system had to do the job that photography or illustration would normally handle elsewhere, setting tone and pace as a visitor scrolls through case studies. We spent longer on that type hierarchy, headings, pull quotes, body copy, than on almost any other part of the build, because on a site this stripped back, a wrong size or weight is far more visible than it would be on a busier layout.