Boca Juniors Academy es la escuela de fútbol que Sportunity opera en Miami bajo licencia del club argentino Boca Juniors, combinando la identidad y la historia del club con un programa formativo real para niños y jóvenes. El proyecto consistió en diseñar la interfaz y experiencia de un sitio de 28 pantallas que combina contenido de marca (historia del club, La Bombonera, ídolos) con contenido comercial y operativo (sedes, programas, staff, franquicia, inscripciones).
Un sitio que tenía que ser, a la vez, un homenaje al club y una escuela real donde inscribirse
Boca Juniors Academy es la escuela de fútbol que opera bajo licencia del club argentino Boca Juniors, con sede confirmada en Edgewater, Miami. El sitio combina el legado del club con la operación real de una escuela: sedes, programas, staff y proceso de inscripción.
Mi trabajo se enfocó exclusivamente en el diseño de interfaz y experiencia (UI/UX) de las 28 pantallas del sitio — no participé en su construcción — organizando contenido de marca (historia, ídolos, hinchada) y contenido operativo (sedes, programas, franquicia) en una sola navegación clara.
Un club con más de un siglo de historia y una escuela con inscripciones abiertas hoy.
Familias evaluando dónde inscribir a sus hijos, hinchas del club buscando contenido de marca, e interesados en franquiciar la escuela — tres motivaciones muy distintas llegando al mismo sitio.
28 pantallas repartidas entre contenido de legado del club (Historia, La Bombonera, Las camisetas, Escudos, Su hinchada, Ídolos) y contenido operativo de la escuela (Sedes, Staff, Programas, Franquicia, Oferta laboral).
No diluir la fuerza de marca del club real detrás de la escuela, sin que el sitio se sintiera como un fan-site sin propósito comercial.
Antes de diseñar, revisé cómo se equilibraba el contenido de legado del club (historia, ídolos, hinchada) frente al contenido operativo de una escuela real (sedes, programas, inscripciones).
El contenido de legado del club — Historia, La Bombonera, Las camisetas, Ídolos — era extenso y con fuerte peso emocional, pero corría el riesgo de opacar el objetivo comercial: inscribir alumnos.
La escuela tiene una sede confirmada y operativa en Edgewater, Miami, pero esa información concreta quedaba mezclada entre contenido de marca sin jerarquía propia.
El sitio necesitaba dos audiencias con caminos distintos y explícitos: 'Inscríbete Ya' para familias, y 'Franquicia' para interesados en replicar el modelo de negocio.
El club le presta al sitio su historia — pero el sitio tenía que vender, sobre todo, una escuela real con sedes y horarios.
Agrupé Historia, La Bombonera, Las camisetas, Escudos, Su hinchada e Ídolos bajo un submenú 'Sobre Nosotros', separándolo del contenido operativo de la escuela en la navegación principal.
El legado del club merecía su propio espacio, sin competir pantalla a pantalla con la información de inscripción.
Ubiqué el botón 'Inscríbete Ya' en el header de las 28 pantallas, junto a 'Iniciar Sesión', para que el objetivo comercial estuviera siempre a un clic de distancia sin importar en qué sección del club estuviera el usuario.
Un visitante puede llegar leyendo sobre Maradona y terminar inscribiendo a su hijo en la misma sesión.
Diseñé 'Sedes' (con la ubicación real de Edgewater, Miami) y 'Franquicia' como pantallas independientes y explícitas, en vez de dejarlas como párrafos dentro de 'Quienes Somos'.
Una familia necesita saber dónde queda la sede; un inversor necesita saber cómo franquiciar — ninguna de las dos cosas debía estar escondida.
Probé distintas formas de organizar 28 pantallas entre contenido de club y contenido de escuela, sin que una audiencia tuviera que navegar contenido pensado para la otra.
arrastra →Un sitio de 28 pantallas donde el legado del club vive en su propio submenú, y la operación real de la escuela — sedes, programas, inscripción, franquicia — queda siempre a un clic de distancia.
El submenú 'Sobre Nosotros' y el resto de la navegación se convierten en un menú desplegable en mobile, manteniendo 'Inscríbete Ya' visible en todo momento.
Trabajé sobre la identidad azul y oro de Boca Juniors, aplicándola de forma consistente tanto al contenido de legado (Historia, Ídolos) como al contenido operativo de la escuela (Sedes, Programas, Franquicia).
Azul y oro del club como base de toda la identidad, reservando el oro para llamados a la acción como 'Inscríbete Ya'.
Un formato de línea de tiempo para la Historia del club (desde 1905) y un formato de grilla para los perfiles de Ídolos como Maradona.
Sedes, Staff y Programas con un formato más directo y funcional, distinto al tono narrativo del contenido de legado.
Las 28 pantallas — desde la línea de tiempo de Historia hasta el formulario de Oferta laboral — adaptadas para mantenerse legibles en mobile.
Un sitio donde un hincha puede perderse leyendo sobre Maradona, y una familia puede encontrar en dos clics la sede más cercana para inscribir a sus hijos.
El submenú 'Sobre Nosotros' quedó como el patrón para separar contenido de marca de contenido operativo en futuras secciones del sitio.
Mantener 'Inscríbete Ya' fijo en el header, incluso dentro del contenido más narrativo del club, ayudó a que el objetivo comercial nunca se perdiera de vista.
Cuando un sitio combina el legado de una marca con un negocio operativo real, cada uno necesita su propio espacio en la navegación — mezclarlos le resta claridad a ambos.
Un llamado a la acción comercial (como 'Inscríbete Ya') funciona mejor cuando queda fijo y visible, incluso dentro de las secciones más narrativas o emocionales del sitio.
Diseñar la capa de UI/UX de una marca deportiva con historia real exige tratar ese legado con el mismo cuidado que el contenido comercial, sin que ninguno de los dos se sienta secundario.
¿Tienes un proyecto en mente?
Hablemos →