The Logo Brand · 2026
The site needed to feel as expressive as the work the studio creates — while still being easy to navigate, responsive, and practical to use. I worked primarily as the developer, while also contributing to visual design, UX structure, interactions and animations.
The brief
The Logo Brand is a creative agency working across brand strategy, design and growth. The website needed to communicate that breadth while feeling like a distinctive brand experience.
The challenge wasn't simply to make another agency portfolio. It was to create a website that could carry a strong visual personality without letting the visuals get in the way of the experience.
How expressive can an agency website be while remaining easy to use?
01 / Visual direction
The design direction leaned heavily into large typography, repetition, movement, strong visual statements and project-led storytelling. Those elements give the site its personality, but each one still has to help the user understand where they are and where they can go.
The opening experience introduces the agency through a simple idea, expressive typography and illustration rather than a conventional service statement.
Visual language · hierarchy · brand expression
Instead of reducing projects to uniform thumbnails, the system gives different pieces room to retain their own visual character while keeping them recognizable and browsable.
Project storytelling · visual variety · discoverability
The service structure uses alternating visual states to turn a list of capabilities into something that feels like part of the brand experience.
Information architecture · interaction · rhythm
The pro-bono section turns the agency's values into an actual part of the experience, giving the message room to breathe without breaking the visual language.
Narrative · purpose · call to action
06 / Content system
The website also carries the studio's own thinking, interviews and cultural point of view. That makes content another expression of the brand rather than an isolated blog section.
Video, editorial posts and social storytelling sit inside the same visual world, giving the studio a way to keep communicating between major project launches.
Content design · editorial rhythm · culture
Pages such as Medium Rare shift the tone without abandoning the underlying grid, typography and navigation system.
Editorial design · consistency · variation
Article cards and editorial layouts keep the content legible while preserving the same expressive relationship between typography, image and space.
Reading · hierarchy · editorial layout
10 / Building it
The design couldn't simply be handed off as static screens. It had to become a working system in Framer: reusable components, responsive layouts, interactive states, animations and a production website.
11 / Responsive design
A highly art-directed desktop experience can fall apart quickly on mobile. Large type becomes oversized, interactions become awkward and navigation needs to simplify.
The goal was to preserve the same brand character in a different context: clearer hierarchy, simplified interaction and the same expressive visual language.
12 / What I learned
A strong visual identity doesn't automatically create a good interface.
Animation works best when it communicates, reinforces or delights.
Implementation exposes decisions through real interaction, responsiveness and performance.
I worked within a team, contributing to shared creative direction while owning primary development responsibility.
Design it. Build it. Make it work.
Visit The Logo Brand /