ESPAI BARÇA

01 · MANY AUDIENCES, ONE SITE

A stadium rebuilt while the team plays elsewhere, plus a new arena, a training campus and a whole neighbourhood around it. Members want to know about their seats, neighbours about the works, partners about visibility, fans about the experience. The architecture starts from them: a user path per audience, with content ordered by what each one needs first.

02 · THE «+» AS A SYSTEM

The identity had a central «+» inside the crest. On screen it became the structure: it frames images, marks sections and sorts information. The system was documented for development: type scale, colour guidance, CTAs, icons, paddings, patterns and breakpoints. Built as tokens from the start, alongside the final designs, so the system can grow with the brand.

03 · FROM VIDEO GAME TO READING ROOM

The first sketch was a fully modelled 3D Espai Barça you could travel through, almost like a video game. Budget took the 3D. Then accessibility entered the brief, and I set the bar against Barcelona City Council’s guidelines: the animated transitions and the most editorial layouts went too. What stayed, on every page, was what matters to the people who actually need the information: contrast, hierarchy and type sizes built for reading. Simpler, on purpose.

04 · MOTION WHERE IT COUNTS

With animation stripped from the interface, motion moved to the moments that carry the story: a hero built from an image sequence that also works on mobile, and the film that launched the site.

05 · BUILT IN SPRINTS

Three sprints, desktop and mobile: About the project, the new experience, sustainability, news, partners, the spaces (Spotify Camp Nou, Palau Blaugrana, Estadi Johan Cruyff, Campus Barça), FAQs and a listening channel for members. Handed to development page by page, reviewed in the build.