Case Study — 2021

Casa
Beethoven

Reinventing a 100-year-old music institution through a digital-first platform — heritage meets contemporary product design.

UX/UI & Frontend Designer
Casa Beethoven, Barcelona
LAUS Bronze 2022
Overview

Casa Beethoven is a historic sheet music store on La Rambla, Barcelona — over 100 years of cultural legacy. The project redefined its digital presence, transforming it into a contemporary platform for musicians, composers, and music enthusiasts while preserving its irreplaceable identity.

🏆
LAUS Bronze Award 2022
Excellence in Digital Design & Visual Identity
Project Presentation
Casa Beethoven — full project walkthrough Casa Beethoven · 2021

"A century of music,
reimagined for the next generation."

Challenge

Modernisation
without losing the soul.

An outdated business model, low digital adoption, decreasing relevance against online competitors, limited catalog accessibility, and a disconnected younger audience. The core challenge was finding the balance between modernisation and preserving the emotional, artisanal, and historical essence that made Casa Beethoven unique.

My Role
  • UX Research & Strategy 01
  • Competitive Analysis 02
  • Information Architecture 03
  • Visual Direction & Design System 04
  • Responsive UI Design 05
  • Interactive Prototyping 06
  • Frontend Implementation 07
Sheet Music Library
Casa Beethoven — homepage on iMac and mobile
Desktop and Mobile version Casa Beethoven · 2021
Research & UX Strategy

Listening before
designing.

A complete UX research phase — quantitative surveys, in-depth interviews, competitive benchmarking, SWOT analysis, and cultural research — gave us deep understanding of musicians' needs, purchasing behaviours, and real transformation opportunities.

01
Historical legacy deeply valued
Users valued Casa Beethoven's emotional and cultural heritage above all — modernisation had to honour, not erase, that connection.
02
Hybrid model demand
Strong interest in a physical-digital model. Musicians still preferred reading scores physically but were open to complementary digital experiences.
03
Community opportunity
Clear demand for a platform connecting composers, musicians, and music culture — not just a shop, but an ecosystem.
04
Catalog accessibility
Catalog organisation and discoverability were the biggest pain points — finding scores by instrument, genre, or author was nearly impossible.
Illustration System

Hand-drawn
engraving spirit.

The visual system incorporated custom illustrations inspired by traditional engravings — bridging Casa Beethoven's 100-year heritage with a contemporary editorial aesthetic. Each piece was designed to feel like a historical artefact reimagined for the digital era, appearing across the homepage, history timeline, and editorial storytelling sections.

Tienda
Tienda
Trompeta
Trompeta
Voz
Voz
Rock
Rock
Bajo
Bajo
Beethoven
Beethoven
Partitura
Tarjeta
Director
Director
Escritor
Escritor
Guitarra
Guitarra
Guitarrista
Guitarrista
Tienda
Tienda
Trompeta
Trompeta
Voz
Voz
Rock
Rock
Bajo
Bajo
Beethoven
Beethoven
Partitura
Tarjeta
Director
Director
Escritor
Escritor
Guitarra
Guitarra
Guitarrista
Guitarrista
User Profile
Casa Beethoven — user profile on iMac and mobile
User profile — personal collections, recent scores, followed authors Casa Beethoven · 2021
Process

From research
to live product.

A full-stack design process — research to frontend — delivering a platform that balanced cultural preservation, contemporary UX, and technical implementation across desktop and mobile.

01
UX ResearchUnderstand & Define
Surveys, interviews, benchmarking, SWOT analysis, and business research built a complete picture of the users, the culture, and the opportunity.
02
Information ArchitectureStructure & Navigation
Site map, user journeys, usage scenarios, and a categorisation system around authors, genres, instruments, and curated collections.
03
Visual DirectionIdentity & Design System
Editorial serif headlines, clean functional sans-serif, geometric compositions inspired by musical notation, and a visual system in blue, orange, black, and white. Custom illustrations inspired by traditional engravings.
04
Product DesignUI & Prototyping
Fully responsive desktop and mobile interfaces — homepage, library, composer profiles, user profiles, and interactive historical storytelling — prototyped with animations in Figma.
05
Frontend ImplementationHTML / CSS / JS
Participated directly in frontend development using HTML, CSS, Bootstrap, JavaScript, and jQuery — contributing to responsive layouts, UI components, and interactive prototypes.
Homepage
Casa Beethoven — historical storytelling and homepage
Desktop and Mobile version Casa Beethoven · 2021
Composer Profiles
Casa Beethoven — composer profile Xavier Francesc Pagès
Composer profile — biography, scores, agenda
Author profiles built for discovery and depth.

Each composer page combines biographical storytelling, a curated score library, agenda listings, and a follow system — creating a living reference for musicians and enthusiasts.

Composer profiles — scores, biography, discography, agenda Casa Beethoven · 2021
Historical Experience — Nuestro Legado
Casa Beethoven — historical storytelling screen spread
Interactive history — 1778 / 1792 · La creación de Casa Beethoven Casa Beethoven · 2021
Author Library — Full System
Casa Beethoven — full author pages system
Author system — Rolling Stones, Bruce Springsteen, Bob Marley, Michael Jackson, Hanz Zimmer... Casa Beethoven · 2021
Outcome

Heritage
meets digital.

A living digital ecosystem for music discovery and cultural preservation — recognised internationally for its balance of UX rigour, visual identity, and editorial direction.

🏆
LAUS Bronze Award
2022 · Digital Design Excellence
Visual Identity & Editorial Experience
01
Full-stack design delivery
From UX research to frontend implementation — end-to-end ownership across the entire product.
02
Digital music ecosystem
A platform combining sheet music marketplace, library, composer profiles, and community features.
03
Heritage preserved, experience elevated
100 years of cultural identity translated into a contemporary digital product without losing its soul.
04
LAUS Bronze Award 2022
Recognised for excellence in digital design, visual identity, and editorial experience.
Recognition

Awarded for
design excellence.

Award LAUS Bronze Award 2022
Category Digital Design & Visual Identity
Year 2021 (project) · 2022 (recognition)
Stack HTML · CSS · Bootstrap · JS · jQuery
IBERU — Iberdrola
IBERU — Iberdrola
IBERU — Iberdrola