Johannes Leonardo Site

A responsive website designed for Johannes Leonardo, focusing on presenting agency work through a cohesive and scalable digital system.

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.

Create a distinct visual identity aligned with the agency

Build a flexible system for showcasing projects

Maintain clarity and usability

The design centers on controlled visual expression, allowing the agency’s work to take priority while reinforcing brand identity through typography, spacing, and motion.

Project-focused navigation

Minimal friction between browsing and viewing work

Emphasis on imagery and case studies

Modular layout system for projects

Scalable content architecture

Responsive design for varied screen sizes

The site functions as both a portfolio and a brand platform, supporting growth while maintaining consistency.