Desarrollo Web & UX

Teatre Nacional de Catalunya

Complete redesign of the Teatre Nacional de Catalunya digital platform with Drupal: dynamic calendar, optimized show pages and checkout in 2-3 clicks.

8 meses
6 especialistas
2025
Scroll
Services
Desarrollo DrupalUX/UI DesignAccesibilidad WCAG AAOptimización de RendimientoArquitectura de Contenidos
Before

The Challenge

The Teatre Nacional de Catalunya manages a calendar with high editorial rotation, traffic spikes during campaigns and premieres, and the critical need to guide users to ticket purchase in 2-3 clicks without getting lost. The editorial team required fast publishing with quality control (roles, reviews, scheduling), AA accessibility compliance and stable performance on mobile devices where most traffic comes from.

After

The Solution

We developed a task-centered UX redesign: calendar navigation with smart filters, show pages with clear visual hierarchy (dates, cast, prices, purchase CTA) and consistent calls to action throughout the journey. We implemented Drupal with reusable components, editorial workflows with preview and version control, and a solid performance foundation with cache strategy, media optimization, lazy loading and CDN preparation.

K

Technologies.

The tools that made this project possible

Drupal 10
Twig
Tailwind CSS
Varnish
Redis
Cloudflare

Results.

-37% LCP mobile
+18% Páginas/sesión
100% WCAG AA
2.4s LCP (antes 3.8s)

Process.

01

Discovery

UX audit of current site, purchase flow analysis and KPI definition

02

Architecture

Design of content types, taxonomies and editorial workflows

03

Design

UI/UX focused on conversion and WCAG AA accessibility

04

Development

Drupal implementation with reusable components and continuous testing

05

Optimization

Performance tuning, cache and preparation for traffic spikes

Your Next Project?

Let's Talk Results.

Tell us your challenge. We'll respond within 24h.

Start Conversation
ToolsGroup
Next Project

ToolsGroup

Enterprise & Growth Desarrollo WordPress · HubSpot · Desarrollo Laravel