Adrian Bravo
Web Design & Dev
Client:
Adrian Bravo
Role:
Web Designer
Year:
2025
Portfolio website for an Art Director.
Web Design · Framer Development
This is a technical implementation project — a demonstration of build speed and execution in Framer, not a UX research case study.
Context
Adrian Bravo AKA "Mar bravo"
Adrian Bravo is a Colombian creative based in Madrid with an extensive background in advertising, film, and motion design — including recognition at Cannes, Young Lions, and Ojo de Iberoamérica.
He also has an independent music project, Mar Bravo, which adds a fifth creative dimension to his profile.
The challenge wasn't designing a portfolio. It was designing a coherent identity for someone who operates across four disciplines simultaneously without losing the thread of who he is.
My contribution
Web design and Framer development — collaboratively with Adrian. I led the information architecture and CMS structure. Adrian led creative direction and content curation.
Project Requierements
Communicate multidisciplinary profile without feeling scattered
Equal visual weight across all disciplines
Flexible CMS structure for different content types
Integrate Mar Bravo as a distinct creative identity
Mobile and desktop responsive
SEO configured for organic discoverability
Fast deployment — approximately one month
Key Decisions
Information architecture for a multidisciplinary profile
The core challenge was hierarchy — four disciplines, one coherent identity. The home was structured around three questions: who is Adrian, what does he do, and what has he been recognized for.
CMS structure for flexible content
The Works section needed to handle video, images, GIFs, music, and Spotify integration within a consistent structure. Each CMS entry was built with modular components — flexible enough per project, coherent across all of them.
Separating identity from work
Mar Bravo — Adrian's music project — was integrated as its own discipline on the home page rather than a separate site. Unified portfolio, distinct creative identity.
Customizing a template with intent
Starting from a Framer template was an efficiency decision, not a shortcut. Customization focused on navigation logic, CMS architecture, content hierarchy, and rich media integration.
SEO and discoverability
Visibility was part of the design from the start — meta titles, Open Graph tags, sitemap, semantic headings, alt text, and descriptive URL slugs. For a freelancer launching independently, being found matters as much as looking good.
Solution
