Agency site – branding + portfolio system
Abstract
A responsive website designed for Johannes Leonardo, focusing on presenting agency work through a cohesive and scalable digital system.
Problem
Agency websites must balance: strong visual identity, clear presentation of work, scalability for future content. Many fail by becoming either overly experimental or overly templated.
Design Goals
Create a distinct visual identity aligned with the agency
Build a flexible system for showcasing projects
Maintain clarity and usability
Concept Development
The design centers on controlled visual expression, allowing the agency’s work to take priority while reinforcing brand identity through typography, spacing, and motion.
Experience Design
Project-focused navigation
Minimal friction between browsing and viewing work
Emphasis on imagery and case studies
Technical Implementation
Modular layout system for projects
Scalable content architecture
Responsive design for varied screen sizes
Outcome
The site functions as both a portfolio and a brand platform, supporting growth while maintaining consistency.






