Sitio corporativo · UX/UI · Marketing deportivo

ZSports

ZSports es la empresa líder en servicios deportivos de Perú, con presencia en Latinoamérica a través de socios locales — conecta marcas, propiedades deportivas y talento a través de tres líneas de negocio. El proyecto consistió en diseñar la interfaz y experiencia del sitio que presenta sus servicios (Lab, Sports Marketing, Escuelas de Fútbol) y sus casos de éxito con marcas y clubes.

imagen principal — producto en contexto, full bleed
Cliente ZSports
Año 2022
Mi rol UX/UI Designer
Servicios UX · UI · Diseño responsive

El proyecto

Un sitio para una empresa que mueve tres negocios deportivos distintos bajo una sola marca

ZSports es la empresa líder de servicios deportivos en Perú, con más de 10 años de trayectoria y presencia regional en Latinoamérica a través de socios locales, trabajando en la profesionalización de la industria deportiva.

Mi trabajo se enfocó exclusivamente en el diseño de interfaz y experiencia (UI/UX) del sitio — no participé en su construcción — organizando tres líneas de negocio muy distintas (Lab, Sports Marketing, Escuelas de Fútbol) y sus casos de éxito en una sola narrativa de marca.

El reto

Tres negocios deportivos distintos contados como una sola historia.

Usuario

Marcas buscando patrocinio deportivo, jóvenes buscando formación en gestión deportiva, y familias buscando una escuela de fútbol — tres públicos, un solo sitio.

Producto

Lab (educación y emprendimiento), Sports Marketing (marcas y propiedades deportivas) y Escuelas de Fútbol — servicios con objetivos y procesos de venta distintos.

Restricción

Mantener la energía visual de una marca deportiva sin perder claridad sobre qué hace cada línea de negocio.

Entender antes de diseñar

Antes de diseñar, revisé las tres líneas de negocio de ZSports — Lab, Sports Marketing y Escuelas de Fútbol — y cómo se presentaban sus casos de éxito con marcas y clubes.

01

Cada línea de negocio (Lab, Sports Marketing, Escuelas de Fútbol) tiene un público y un objetivo de conversión distinto, pero compartían la misma jerarquía visual en el sitio.

02

Los casos de éxito (como Sporting Cristal & MG Motors) eran una prueba social fuerte, pero no tenían un formato consistente que facilitara compararlos.

03

Iniciativas como el 'Mapa de Startups Deportivas LATAM' mostraban el peso de ZSports en la industria, pero quedaban escondidas fuera de la navegación principal.

ZSports no vende un solo servicio — construye la industria deportiva de la que esos servicios forman parte.

imagen — auditoría de pantallas / mapa de uso

Decisiones que definieron el sitio

01

Tres líneas de negocio, tres entradas claras

Diseñé el menú 'Servicios' como punto de entrada explícito a Lab, Sports Marketing y Escuelas de Fútbol, cada uno con su propia página — en vez de mezclarlos en una sola sección.

Cada visitante llega buscando una sola de las tres cosas.

visual — flujo de aprobación progresivo
antes
después
visual — tabla como espacio de trabajo
02

Casos de éxito con un formato repetible

Diseñé un formato único para presentar casos como 'Sporting Cristal & MG Motors', pensado para poder sumar nuevos casos sin rediseñar la sección.

La prueba social necesitaba escalar tan rápido como los casos reales de la empresa.

03

La trayectoria de la marca, visible en la navegación

Llevé el hito de '+10 años' y el 'Mapa de Startups Deportivas LATAM' al menú principal, en vez de dejarlos como contenido secundario.

La trayectoria y el impacto en la industria son parte del argumento de venta, no un extra.

visual — hilo de contexto en el detalle

Exploración

Probé distintas formas de ordenar tres negocios con objetivos tan distintos (educación, marketing deportivo, escuela de fútbol) sin que el sitio se sintiera fragmentado.

arrastra →
v1 — un solo menú de servicios sin jerarquía
Mezclaba Lab, Sports Marketing y Escuelas de Fútbol como si fueran variantes de lo mismo.
v2 — tres microsites independientes
Cada negocio quedaba claro, pero se perdía que todos son ZSports.
v3 — un dashboard de servicios en el home
Visualmente denso — competía con la energía de marca que ya tenía el sitio.
v4 — un menú 'Servicios' con tres rutas propias
La dirección final: un solo punto de entrada, tres páginas con identidad y objetivo propios.

El producto

Un sitio que conecta tres negocios deportivos bajo una sola marca: cada servicio con su propia página, unido por los casos de éxito y la trayectoria de ZSports en la industria.

pantalla completa — panel principal
detalle — tabla editable
mobile — aprobación

El menú 'Servicios' se convierte en un desplegable en mobile, manteniendo las tres rutas igual de accesibles.

detalle — estados
detalle — filtros
video — microinteracción

Una identidad tan enérgica como el deporte.

Trabajé sobre la identidad ya existente de ZSports (verde vibrante, tipografía deportiva, fotografía de eventos reales), llevándola a un sistema aplicable a sus tres líneas de negocio.

visual — anatomía de componente y estados
Color

Verde vibrante como base de marca, reservando color y energía visual para cada servicio sin perder consistencia entre secciones.

Tipografía

Titulares condensados y en mayúsculas, con la misma energía que la identidad de eventos deportivos de ZSports.

Casos de éxito

Un formato de tarjeta reutilizable para cada caso (marca, propiedad deportiva, resultado), pensado para crecer con nuevos clientes.

Responsive

El menú de tres servicios y los casos de éxito rediseñados para mantenerse igual de navegables en mobile que en desktop.

Resultado

Un sitio donde una marca, un futuro gestor deportivo y una familia buscando una escuela de fútbol encuentran, cada uno, su propio camino — sin competir entre sí.

El formato de casos de éxito se volvió el patrón reutilizable para sumar nuevas marcas y propiedades deportivas.

La trayectoria de +10 años y el Mapa de Startups Deportivas LATAM pasaron de contenido secundario a parte visible de la navegación principal.

Lo que me dejó este proyecto

01

Cuando una empresa agrupa negocios con públicos distintos bajo una sola marca, cada línea necesita su propia puerta de entrada, no una mezcla de todo en un menú genérico.

02

Los casos de éxito escalan mejor cuando se diseñan como un formato repetible desde el principio, no como piezas únicas por cliente.

03

Diseñar solo la capa de UI/UX para una marca con tanta energía visual propia exige respetar esa identidad, no suavizarla en nombre de la "limpieza" del diseño.

¿Tienes un proyecto en mente?

Hablemos →
Siguiente proyecto

Ver más