Una web lista para inscribirse, para una red de academias de fútbol
Barça Academy México organiza campus, clínicas y academias durante todo el año en distintas ciudades de México. Rediseñamos y reconstruimos por fases su web con WooCommerce, para que las familias encuentren un programa cerca y se inscriban online.
Barça Academy México: una web con la que las familias pueden actuar
El cliente
Barça Academy México, operada por Catalunya Sports, lleva la metodología de entrenamiento del FC Barcelona a jóvenes jugadores de todo México, con entrenadores oficiales, campus y clínicas de temporada, academias durante todo el año y un programa residencial de alto rendimiento en Querétaro.
El proyecto
Asumimos una web WordPress y WooCommerce envejecida, la actualizamos y la aseguramos, y después la rediseñamos y reconstruimos en tres fases: la web principal, las landing pages de clínicas y academias, y las páginas internas de cada programa con sus precios. Seguimos cerca del equipo y le ayudamos siempre que necesita algo nuevo.
El reto
La academia vende plazas para programas en distintas ciudades de México, pero su web funcionaba sobre una instalación de WordPress y WooCommerce desactualizada, con una librería de bloques obsoleta que había que migrar antes de poder cambiar nada más.
Cada programa tiene sus propias fechas, sede, edades y precios. El equipo de marketing necesitaba publicar nuevos campus y clínicas cada temporada sin depender de un desarrollador, y los padres, casi siempre desde el móvil, necesitaban encontrar el programa adecuado e inscribirse rápido.
La marca, además, pone el listón alto. La web tenía que sentirse inconfundiblemente Barça sin dejar de ser rápida, clara y fácil de mantener.
Nuestro enfoque
Empezamos estabilizando lo que había y después reconstruimos la web fase a fase, para que la academia siguiera recibiendo inscripciones en todo momento.
Primero, estabilizar
Llevamos la web a un entorno de pruebas, actualizamos el software, migramos la librería de bloques obsoleta y revisamos la seguridad y el rendimiento antes de empezar el rediseño.
Diseño en Figma, entrega por fases
Diseñamos la nueva web en Figma para escritorio y móvil, y la entregamos en tres fases: la web principal y la navegación, las landing pages de clínicas y academias, y las páginas internas de cada programa.
Bloques nativos en el editor
Integramos nuestros componentes en el editor Gutenberg como bloques nativos: cabeceras, imagen y texto en una a tres columnas, horarios, precios y llamadas a la acción. El equipo monta una nueva página de campus con el editor que ya conoce, y cada página sigue siendo rápida.
Pensada para los padres en el móvil
La navegación, los menús y los recorridos de inscripción se diseñaron primero para pantallas pequeñas, con fechas, sedes y precios claros en cada programa y acceso directo a la cuenta.
Imagen Barça, con control flexible
El degradado de colores Barça se activa por título o por diapositiva de la cabecera, y el equipo elige los colores de cada diapositiva, así cada campaña se ve Barça sin necesitar nuevo diseño.
Siempre a mano
Desde el lanzamiento, la academia vuelve a nosotros cuando necesita algo nuevo, y lo presupuestamos, lo construimos y lo publicamos rápido.
Los resultados
Lo que Barça Academy México tiene hoy.
Una plataforma moderna y segura
WordPress y WooCommerce al día, con la librería de bloques migrada y la seguridad revisada.
Programas fáciles de encontrar
Campus, clínicas, academias y la residencia tienen un camino claro desde la portada.
Temporadas publicadas por el equipo
Marketing crea y actualiza las páginas de cada programa con componentes reutilizables.
Inscripción pensada para el móvil
Fechas, sedes, precios y la cuenta de usuario se ven claros en el teléfono.
La imagen Barça, bajo control
Degradados y colores de marca que el equipo aplica por página y por diapositiva.
Un partner siempre a mano
Seguimos cerca del equipo, listos para ayudar cuando la academia necesita algo nuevo.
Por fases y con el equipo siempre cerca
Trabajamos directamente con el equipo de la academia, entre España y México, con revisiones en Figma y un entorno de pruebas. Reconstruir por fases permitió que la web siguiera recibiendo inscripciones mientras cada etapa se diseñaba, se construía y se aprobaba. Cuando el equipo necesita algo nuevo, vuelve a nosotros, y lo presupuestamos, lo construimos y lo publicamos rápido.
Lo que entregamos
Lo que entregamos
- Auditoría, actualizaciones y revisión de seguridad
- Migración de la librería de bloques
- Diseño en Figma para escritorio y móvil
- Componentes a medida como bloques nativos de Gutenberg
- WooCommerce y área de cliente
- Landing pages de clínicas y academias
- Páginas de programas con horarios y precios
- Formulario de suscripción a la newsletter
- Controles de color de marca en títulos y cabeceras
- Peticiones de cambio bajo demanda
¿Tienes programas en muchas sedes?
Creamos webs en las que tu equipo publica nuevas fechas, sedes y precios por su cuenta, y en las que tus clientes se inscriben en pocos toques. Hablemos.