Flujos y Design System para torneos deportivos

Diseño UX/UI · Mapeo de Flujos · Design System

2024 Inicio
Equipo 1 diseñadora UX/UI, equipo de desarrollo
Rol Diseñadora UX/UI

Una idea clara. Flujos y diseño por construir.

MatchMinders es una plataforma innovadora para crear, gestionar y participar en torneos de deportes favoritos — desde fútbol y tenis hasta e-sports y más. El equipo llegó con una visión clara del producto, pero sin flujos definidos ni sistema de diseño que pudiera guiar el desarrollo hacia una experiencia consistente y escalable.

Pantalla del sitio web de MatchMinders que invita a desatar el espíritu competitivo creando y gestionando torneos de deportes favoritos como fútbol, tenis, básquetbol y e-sports.

El Desafío

El equipo tenía la idea y la motivación, pero necesitaba traducir esa visión en una experiencia de usuario concreta y coherente. Los desafíos eran múltiples y urgentes.

El reto fue organizar y diseñar toda la experiencia para dos perfiles con necesidades radicalmente distintas: el Organizador y el Jugador.

Sin flujos definidos

Cada función existía como idea, pero sin un mapa claro de cómo se conectaban entre sí, generando riesgo de inconsistencias durante el desarrollo.

Dos perfiles muy distintos

Organizadores y jugadores tienen objetivos radicalmente diferentes, requiriendo flujos y experiencias diseñadas de forma independiente para cada perfil.

Sin Design System

Sin una biblioteca de componentes ni tokens definidos, cada pantalla se construiría desde cero, sin coherencia visual ni consistencia de comportamiento.

Complejidad operativa

La gestión de torneos implica inscripciones, pagos, rankings y comunicaciones — todo integrado en una sola experiencia fluida y sin fricciones.

Flujos de Usuario

Antes de diseñar cualquier pantalla, se mapearon los flujos completos de los dos perfiles principales de la plataforma.

Organizador

Crea y gestiona torneos

1 Crear torneo (deporte, formato, reglas)
2 Publicar y configurar inscripciones
3 Recibir participantes y cobrar
4 Gestionar partidos y comunicar novedades
5 Publicar resultados y rankings
Jugador

Descubre y participa

1 Explorar torneos por deporte y ciudad
2 Ver detalles del torneo y requisitos
3 Inscribirse y pagar de forma segura
4 Recibir confirmación y detalles del partido
5 Seguir resultados y clasificación

El Enfoque

Se priorizó mapear los flujos completos de ambos perfiles antes de diseñar ninguna pantalla, para asegurar coherencia en toda la experiencia.

El diseño se estructuró en tres pilares:

Mapear antes de diseñar

Definir los flujos completos para Organizador y Jugador antes de diseñar ninguna pantalla, para asegurar coherencia y reducir re-trabajo.

Sistema desde la base

Construir el Design System en paralelo con las interfaces, asegurando que cada componente sea reutilizable, consistente y escalable desde el primer día.

Diseñar para dos audiencias

Adaptar la experiencia a los objetivos específicos de cada perfil, sin perder la cohesión visual y funcional de la plataforma.

La Solución

MatchMinders ofrece una experiencia diferenciada y fluida para organizadores y jugadores, respaldada por un Design System sólido que asegura coherencia en toda la plataforma.

Crear Torneos
Flujo guiado para que los organizadores configuren un torneo completo en minutos.

Gestión de Inscripciones
Control centralizado de participantes, listas de espera y comunicaciones.

Pagos Integrados
Cobro de inscripciones en línea con los métodos de pago más usados.

Descubrir Torneos
Los jugadores encuentran torneos cercanos con filtros por deporte, ciudad y formato.

Design System
Biblioteca de componentes y tokens que unifica la experiencia visual en toda la plataforma.

Rankings en Tiempo Real
Resultados y clasificaciones actualizados durante y después de cada torneo.

Impacto

MatchMinders pasó de una idea a una plataforma con flujos claros, interfaces definidas y un sistema de diseño escalable listo para guiar el desarrollo.

Flujos organizados Experiencias claras y diferenciadas para Organizador y Jugador.

Design System funcional Componentes reutilizables y tokens definidos que aseguran coherencia en toda la plataforma.

Base para el desarrollo El equipo técnico contó con una guía visual y funcional clara para construir la plataforma.

Plataforma escalable Un sistema diseñado para crecer con nuevos deportes, formatos y funcionalidades.

De la idea a la pantalla: flujos, interfaces y sistema de diseño que convierten una visión en un producto real.

Compañía MatchMinders
Diseñadora UX/UI
Erika Pinedo

- Todos los derechos reservados -

Otros Proyectos

Ver todos
Plataforma PlayerSnap para gestión de activos digitales deportivos.

PlayerSnap

Plataforma de Gestión de Activos Multimedia para Deportes

UX/UI

Diseño UX/UI de un SaaS impulsado por IA para organizaciones deportivas, que centraliza la gestión, análisis y distribución de contenido multimedia en tiempo real.

Plataforma ERP Parrotfy para PYMEs.

Parrotfy

Organización y Control para Empresas en Crecimiento

UX/UI

Diseño de producto para un ERP enfocado en pymes que integra finanzas, inventarios, facturación y gestión de proyectos en una sola plataforma.

Plataforma BlueSphere de ciberseguridad para pymes.

BlueSphere

Plataforma de Ciberseguridad para Pymes

UX/UIBranding

Diseño UX/UI de una plataforma cloud-native que integra monitoreo SOC 24/7, gestión de vulnerabilidades y resiliencia operativa para pymes.