Panel Cashless

Panel Cashless

Rediseño completo del panel cashless donde los organizadores de eventos configuran y monitorizan su sistema de pagos. Diseñado desde cero, en colaboración directa con desarrollo y validado con organizadores reales.

Categorías
Research · Producto · Gestión de eventos
Fecha
1 nov 2024
Cliente
woutick!
Rol
UX/UI Designer (única diseñadora)

El punto de partida

Todo comenzó con un mensaje. El dueño del producto de woutick! me contactó por recomendación de un antiguo cliente. Woutick es una empresa de ticketing y gestión de eventos que necesitaba reconstruir su sistema cashless desde cero — la plataforma anterior se había quedado corta para el volumen y la complejidad que manejan en festivales y conciertos.

Me incorporé como única diseñadora UX/UI trabajando en modalidad freelance. La dinámica era intensa: dailies con desarrollo para validar viabilidad técnica y reuniones semanales con el PO para alinear decisiones de producto.

Un hallazgo importante desde el primer día: no había diseño base en Figma. Tuve que construir todo desde cero usando las plataformas en producción como única referencia. Me dieron acceso a un evento real activo para entender cómo funcionaba el sistema en uso, qué información priorizaban los organizadores y qué fricciones aparecían en la operativa diaria.

Panel Cashless — El punto de partida (1/2)
Panel Cashless — El punto de partida (2/2)

Organizar la complejidad

El panel nuevo debía incluir muchas más herramientas: estadísticas, devoluciones, control de accesos, recargas con múltiples modalidades, gestión de taquillas, barras, foodtrucks, empleados, stock, fianzas, marca blanca… Cada módulo tenía sus propios estados, permisos y casuísticas.

Empecé creando un sitemap para visualizar la arquitectura completa. Organicé el sidebar agrupando herramientas existentes con las nuevas, buscando que la navegación fuera lógica incluso para usuarios que ya tenían hábitos formados con el sistema anterior.

Panel Cashless — Organizar la complejidad

Tiempo real, históricos y modo oscuro

Otro reto importante: ¿cómo manejar datos en vivo durante un evento activo y consultar históricos después? Mezclarlos habría generado confusión. Creé una vista de tiempo real separada del histórico, con indicadores claros del estado del evento y filtros temporales que permitían comparar tramos sin perder contexto.

El panel se diseñó responsive para adaptarse a diferentes contextos de uso y con modo oscuro para reducir fatiga visual en jornadas largas de monitoreo nocturno. Cada módulo, accesible desde sidebar, se diseñó con la misma anatomía: header con acciones rápidas, tabla principal, filtros laterales y drawer de detalle.

Panel Cashless — Tiempo real, históricos y modo oscuro (1/2)
Panel Cashless — Tiempo real, históricos y modo oscuro (2/2)

Validación y resultado

Los organizadores que ya usaban woutick! participaron en reuniones de feedback a lo largo del proceso. Compartieron frustraciones con el sistema anterior y necesidades específicas que no estaban cubiertas. Sus aportaciones fueron decisivas para priorizar funcionalidades y resolver dudas de diseño.

Entregué el diseño completo del panel cashless, actualmente en fase de desarrollo: wizard de configuración, dashboard con tiempo real, módulos completos de gestión, responsive y modo oscuro. Documentación de componentes y especificaciones para desarrollo.

Lo que me llevo

  1. 01

    Diseñar sin documentación previa obliga a construir y documentar simultáneamente. Es más trabajo, pero el resultado es un sistema mejor organizado.

  2. 02

    La comunicación diaria con desarrollo no es opcional en productos complejos. Cada decisión tiene implicaciones técnicas y es mejor descubrirlas temprano.

  3. 03

    Los usuarios reales son la mejor herramienta para desbloquear decisiones difíciles. Cuando los usuarios coinciden en una necesidad, la discusión termina.