A Booking-Ready Website for a Football Academy Network
Barça Academy México runs camps, clinics and year-round academies in cities across Mexico. We redesigned and rebuilt its WooCommerce website in phases, so families can find a programme near them and enrol online.
Barça Academy México: A Website Families Can Act On
The Client
Barça Academy México, operated by Catalunya Sports, brings the FC Barcelona training methodology to young players across Mexico, with official coaches, seasonal camps and clinics, year-round academies and a residential high-performance programme in Querétaro.
The Project
We took over an ageing WordPress and WooCommerce site, updated and secured it, then redesigned and rebuilt it in three phases: the core site, the landing pages for clinics and academies, and the internal programme pages with pricing. We stay close to the team and help whenever they need something new.
The Challenge
The academy sells places for programmes in cities across Mexico, but its website ran on an outdated WordPress and WooCommerce setup, with a retired block library that had to be migrated before anything else could change.
Every programme has its own dates, venue, age groups and prices. The marketing team needed to publish new camps and clinics each season without a developer, while parents, mostly on their phones, needed to find the right programme and book it quickly.
The brand also sets a high bar. The site had to feel unmistakably Barça while staying fast, clear and easy to maintain.
Our Approach
We started by stabilising what was there, then rebuilt the site one phase at a time so the academy could keep taking enrolments throughout.
Stabilise First
We moved the site to a staging environment, updated the software, migrated the retired block library and reviewed security and performance before any redesign work began.
Designed in Figma, Delivered in Phases
We designed the new site in Figma for desktop and mobile, then delivered it in three phases: the core site and navigation, the clinic and academy landing pages, and the internal programme pages.
Native Blocks in the Editor
We built our components into the Gutenberg editor as native blocks: heroes, image and text in one to three columns, schedules, pricing and calls to action. The team builds a new camp page with the editor it already knows, and every page stays fast.
Built for Parents on Mobile
Navigation, menus and booking routes were designed for small screens first, with clear dates, venues and prices on every programme page and a direct path to the account area.
On-Brand, With Flexible Control
The Barça colour gradient can be switched on per heading or per hero slide, and the team can set colours slide by slide, so every campaign looks like Barça without new design work.
Always Within Reach
Since launch, the academy comes back to us whenever it needs something new, and we scope it, build it and release it quickly.
The Results
What Barça Academy México has today.
A Modern, Secure Platform
Up-to-date WordPress and WooCommerce, with the retired block library migrated and security reviewed.
Programmes Easy to Find
Camps, clinics, academies and the residency each have a clear route from the homepage.
Seasons Published In-House
The marketing team creates and updates programme pages from reusable components.
Mobile-First Booking Routes
Dates, venues, prices and the account area are clear on a phone.
The Barça Look, Under Control
Brand gradients and colours the team applies per page and per slide.
A Partner Within Reach
We stay close to the team, ready to help whenever the academy needs something new.
Delivered in Phases, With the Team Close at Hand
We worked directly with the academy’s team, between Spain and Mexico, through Figma reviews and a staging site. Phasing the rebuild meant the live site kept taking enrolments while each stage was designed, built and approved. When the team needs something new, it comes back to us, and we scope it, build it and release it quickly.
What We Delivered
What We Delivered
- Site audit, updates and security review
- Block library migration
- Figma design for desktop and mobile
- Custom components as native Gutenberg blocks
- WooCommerce and account area
- Clinic and academy landing pages
- Programme pages with schedules and pricing
- Newsletter sign-up form
- Brand colour controls for headings and hero slides
- Change requests on demand
Running Programmes in Many Locations?
We build websites that let your team publish new dates, venues and prices on its own, and let your customers book in a few taps. Let's talk.