Quien viene a jugar
Desde la web de su club puede crear una cuenta, reservar una cancha, seguir sus próximos juegos, inscribirse a torneos y actualizar su perfil.
← Volver a proyectosEn pre-lanzamiento
Caso de estudio / Producto digital
Menos administración.
Más cancha.
Diseñé y desarrollé Nuvaset para reunir en un solo lugar lo que un club de pádel resuelve cada día: reservas, jugadores, pagos y torneos. Cada club puede gestionar su operación y tener una web propia, sin perder su identidad.
Visitar nuvaset.com
- Mi participación
- Concepto, diseño UX/UI, identidad y desarrollo del producto
- Enfoque
- Producto · UX/UI · Branding
- Estado actual
- Pre-lanzamiento y validación con clubes
01 / El reto de diseño
Una agenda llena.
Demasiadas herramientas.
Gestionar un club no debería quitarle tiempo al juego.
Cuando las reservas llegan por WhatsApp, los pagos viven en una hoja de cálculo y los torneos se organizan aparte, el equipo tiene que reconstruir a mano lo que pasa en el club. Una consulta sencilla puede convertirse en varias búsquedas y mensajes.
A partir de ese problema diseñé Nuvaset: quería reducir pasos repetidos y hacer visible la información que el personal necesita para actuar. La propuesta no era imponer una misma cara a todos los clubes, sino darles una base común que cada uno pudiera hacer suya.
02 / Arquitectura de información
Tres perspectivas.
Un mismo sistema.
Organicé Nuvaset alrededor de tres personas: quien juega, quien atiende el club y quien administra la plataforma. Dibujé recorridos distintos para cada una, porque reservar una cancha, resolver una llegada y configurar un club requieren información y decisiones diferentes.
Creé una estructura multi-club para que todos trabajen sobre el mismo producto sin mezclar sus datos ni su operación. Cada sede cuenta con su propia web para jugadores y con un espacio de gestión para el equipo.
Quien opera el club
Necesita ver qué ocurre hoy en las canchas y resolverlo rápido: registrar una reserva, recibir jugadores, iniciar partidos y dar seguimiento a pagos, torneos y personal.
Quien gestiona Nuvaset
Cuenta con un panel aparte para dar de alta clubes, gestionar accesos y supervisar el servicio sin entrar en la operación diaria de cada sede.
03 / Decisiones de UX/UI
La siguiente acción,
siempre clara.
Diseñé las pantallas para que cada persona pudiera reconocer qué está pasando y qué puede hacer después. Ordené la información por prioridad y usé estados visibles para evitar que una tarea importante se perdiera entre opciones.
En la agenda puse al frente las llegadas, los partidos próximos y la ocupación de las canchas. Para móvil simplifiqué la reserva en pasos cortos: elegir fecha y preferencias, revisar horarios y confirmar.
Imagen 1 de 5. La experiencia del jugador
Diseñé el acceso, el perfil y la reserva para que el jugador pueda resolver lo esencial desde su teléfono.
Una reserva.
Cuatro decisiones.
- 01Fecha
- 02Preferencias
- 03Horario
- 04Confirmación
De una reserva a la operación diaria
Conecté las reservas online y presenciales con el check-in, los perfiles de jugadores y las notificaciones. Así, el personal puede seguir una reserva desde que se crea hasta que comienza el partido. Integré los pagos con Mercado Pago y separé las credenciales de cada club.
Torneos, paso a paso
Para los torneos tuve que ordenar muchas piezas: categorías, precios, cupos, inscripciones, cuadros y disponibilidad de canchas. Convertí esa configuración en un recorrido guiado y después trabajé el seguimiento de partidos y resultados para que también fuera claro para los jugadores.
04 / Diseño y construcción
Diseñar también es
hacer que funcione.
Empecé por definir el problema y las funciones que debía resolver. Después tracé la arquitectura y los flujos, diseñé las interfaces para escritorio y móvil, creé la identidad y preparé la web de presentación.
Llevé esas decisiones al producto: trabajé en frontend, integración con servicios, reglas de negocio y pruebas. También revisé seguridad, despliegue y planificación comercial. Al probar una reserva completa, ajusté las pantallas según el recorrido y las reglas que necesitaban cumplir.
Del diseño al producto
Conectar lo que se ve
con lo que se usa.
Llevé los recorridos que diseñé a una versión funcional, con datos y reglas que ya se pueden mostrar y probar con clubes.
- 01
Definir la experiencia
Tracé los recorridos de jugadores y del equipo del club según las decisiones y la información que necesita cada uno.
- 02
Construir la operación
Implementé reservas, pagos y gestión con sus datos, permisos e integraciones correspondientes.
- 03
Probar y refinar
Realicé pruebas de los recorridos, corregí fallas y preparé demos. La validación con clubes continúa durante el pre-lanzamiento.
IA en mi proceso
Un asistente para
llevar las ideas a la práctica.
Usé herramientas de IA para contrastar ideas, resolver dudas técnicas y acelerar tareas de implementación. Me sirvieron especialmente al pasar de los flujos diseñados al código y al revisar posibles errores.
Yo definí el problema, las prioridades y los criterios de diseño; también revisé y probé lo que se implementaba. Cuando una propuesta no encajaba con el uso del club o con la identidad de Nuvaset, la ajusté antes de integrarla.
Con qué lo construí
Cada herramienta, una función.
- Asistencia al desarrollo
Codex
Lo usé para implementar partes del producto, integrar servicios y revisar código. Yo definí las tareas, probé cada resultado y decidí qué incorporar.
- Exploración y resolución de dudas
ChatGPT
Me ayudó a ordenar ideas y comparar opciones cuando tenía que resolver un flujo o entender una decisión técnica.
- Identidad y gráficos vectoriales
Adobe Illustrator
Dibujé y ajusté los elementos vectoriales de la marca para que funcionaran en la interfaz y en otros formatos.
- Edición y composición visual
Adobe Photoshop
Edité imágenes y compuse piezas para presentar Nuvaset con una dirección visual consistente.
- Interfaz y aplicación
Next.js · React · TypeScript
Construí la web de los clubes y los paneles de gestión con componentes reutilizables. Usé Next.js para organizar las pantallas y TypeScript para cuidar los datos y los cambios del código.
- Datos, cuentas y archivos
Supabase · PostgreSQL
Organicé los datos de clubes, jugadores y reservas en PostgreSQL. Con Supabase resolví autenticación, archivos y actualizaciones en tiempo real, manteniendo separados los datos de cada club.
- Pagos por club
Mercado Pago
Integré Checkout Pro con credenciales independientes para cada club y validé las notificaciones de pago mediante webhooks firmados.
- Comunicación del producto
Resend
Preparé el envío de correos relacionados con acciones de la plataforma, como confirmaciones y avisos que acompañan la reserva fuera de la pantalla.
- Publicación
Vercel
Publiqué Nuvaset en su propio dominio para poder mostrarlo, probarlo y recoger observaciones durante las demos con clubes.
- Control de versiones
Git · GitHub
Registré los cambios y mantuve un historial de versiones para volver sobre decisiones y seguir afinando el producto.
Seguridad y arquitectura multi-club
Separé la información de cada club con Row Level Security y permisos por rol. También distinguí las cuentas de jugadores de las del equipo operativo y añadí MFA a la administración interna.
Añadí validaciones en servidor, webhooks firmados y cifrado de credenciales sensibles. Las operaciones críticas se ejecutan de forma transaccional para evitar estados incompletos. Revisé estas decisiones mientras desarrollaba el producto, junto con la interfaz.
05 / Estado y aprendizaje
Un producto real.
Una evolución abierta.
Desplegado y en pre-lanzamiento.
Ahora realizo demos y pruebo situaciones de uso con clubes para detectar fricciones antes de incorporar a los primeros pilotos. Con lo que observo en cada sesión, decido qué recorrido necesita el siguiente ajuste.
Este proyecto me enseñó a mirar cada decisión desde ambos lados: cómo la entiende una persona y qué necesita el sistema para cumplirla. Cambiar un paso en una pantalla puede implicar revisar datos, permisos o pagos; por eso diseño y desarrollo avanzaron juntos.