UX Designer — Barcelona

Design.
Film.
Motion.

Human-centered design at the intersection of automotive HMI, digital interfaces, and cinematic storytelling. A background in lighting and image capture — applied to the screens of tomorrow's vehicles.

View Work Scroll to explore
UX Design·HMI & Infotainment·Automotive UX·Cinematography·Lighting Design·Brand Experience·Visual Storytelling· UX Design·HMI & Infotainment·Automotive UX·Cinematography·Lighting Design·Brand Experience·Visual Storytelling·

Case Studies

Automotive HMI · Internship · 2024

CUPRA

Designing the in-car experience — infotainment interfaces, lighting UX, and interior digital touchpoints for a premium automotive brand.

E-commerce UX · Brand Design · 2025–Present

The Instinct

Building a streetwear brand from zero — UX strategy, e-commerce experience design, and full digital presence, solo.

Screenplay · Visual Direction · Cinematography

Short Film

The other side of the eye — cinematography, lighting direction, and visual storytelling. The discipline that trained how I design.

Where design meets the lens

I'm Joan, a UX Designer based in Barcelona with an unusual background: before designing interfaces, I studied cinematography, lighting, and image capture. That eye for composition, light psychology, and visual storytelling is now the foundation of everything I design.

At CUPRA I applied that perspective directly — designing HMI interfaces and lighting experiences where every color and visual hierarchy has emotional weight. The same principles that make a great shot make a great screen.

I also built The Instinct from zero — a live streetwear brand with full visual identity, e-commerce, and 1,200+ sessions. One person, every decision.

4
Years in design & multimedia
6mo
Internship at CUPRA
1.2K
Sessions on The Instinct
Frames per story
🎬
Short Film
Watch my short film
Cinematography, lighting and visual storytelling — the other side of my design eye.

Built from two worlds

2021 — 2025
Degree in Multimedia
UX Design · Interaction Design · Cinematography · Digital Media · Visual Communication
Bachelor's Degree
2019 — 2021
Higher Degree — Lighting, Image Capture & Treatment
Cinematography · Studio Lighting · Color Grading · Image Post-production
CFGS
2017 — 2019
Technological Baccalaureate
Technology track · Applied sciences · Technical foundations
Baccalaureate

What I work with

Figma
Design & Prototype
Adobe XD
Design
Illustrator
Visual Design
Premiere / After Effects
Film & Motion
HTML / CSS / JS
Frontend
Shopify
E-commerce
User Research
UX Method
Benchmarking
UX Method
Lighting Design
Film & HMI
Color Theory
Visual Perception

Available for opportunities

Let's talk