EsEn

01 / 16Music · SalsaClub

UI/UX · Brand-driven web design · 2026

Son Havana

View of the Son Havana project

A salsa and Cuban son club in Medellín, designed from start to finish: from the brand to the booking process. A website that feels just like the club and a design system with tokens in W3C DTCG format.

Visit Son Havana

Client
Son Havana
Type
Web + Design System
Sector
Music · SalsaClub
Role
UX/UI design
Case cover: giant "SON HAVANA" title on a midnight blue background, featuring the project details, timeline, scope, and tools, along with a mockup of the homepage with a tropical illustration promoting the La Dimension event.
"The Brief" section titled "Make a website feel like the club," with descriptive text and four tabs: industry, location, platform, and objective.

Process

"From Dance Floor to Design System" section, featuring five numbered steps (Discover, Define, System, Design, Handoff) and a list of design objectives highlighted in yellow.
A walkthrough of the homepage, section by section, featuring stacked mockups of the hero, bookings, merch, gallery and reservations, each with its own tag.
Brand guide titled “One Brand, Many Surfaces,” featuring a color palette with swatches, typography, grid and spacing, interface components, iconography, and photography.
Design Tokens section: "One Source of Truth" in W3C DTCG, featuring a code editor that displays the son-havana.tokens.json file.
Closing “A loud brand that still converts” with the project results and three key metrics: 1-tap, 1 kit, and DTCG.