Case Study · September 2023
Barcelona Travel Guide — Editorial Web
I created a narrative travel website that captures Barcelona through storytelling, imagery, and a simple guided structure.
Role
UX & Dev
Context
University Project
Focus
Narrative Website
This project was a personal exploration of Barcelona, designed to capture the city’s spirit through editorial storytelling and imagery.
I built a clean, intuitive layout with sections such as Explore, Culture, Food & Drink, and Stay, guiding users through the city’s beaches, Gothic streets, and Catalan identity.
01 — Visual Identity
A city-led palette with cultural energy
The visual identity was influenced by FC Barcelona’s club colours, using deep red, blue, yellow, and black to create a bold editorial feel.
02 — The Challenge
Turning a place into a structured digital journey
- Content — Balancing practical information with personal storytelling
- Structure — Organising varied travel themes into a clear route
- Visuals — Creating atmosphere without overwhelming the text
- Navigation — Helping users move through the city narrative easily
03 — The Outcome
A narrative website shaped around discovery
- UX — Simple sections built around common travel interests
- Design — Strong imagery and confident city-inspired colours
- Build — A responsive HTML and CSS site
- Tone — Personal writing that invites users into the experience