← Todos los proyectos

UX/UI · 2025

Hootver

Un solo panel para crear eventos, vender entradas y entender el negocio.

Rol
Lead UI/UX Designer
Duración
2 meses
Equipo
1 diseñador
Herramientas
Figma, Adobe CC
Pantalla de bienvenida de Hootver con su mascota, un búho morado

01 / Problema

Eventos gestionados con procesos manuales y herramientas dispersas

Controlar asistentes, entradas vendidas, pedidos y facturación dependía de procesos manuales. Sin un dashboard centralizado había poca visibilidad operativa, errores repetidos y una experiencia ineficiente para los administradores.

Tampoco existía una plataforma que integrara en un solo sistema la creación de eventos, las promociones, los descuentos, el balance financiero y el control general del negocio.

¿Cómo diseñar una plataforma que reduzca la fricción operativa y permita una gestión integral de eventos desde una sola experiencia digital?

02 / Investigación

Auditoría e investigación

Investigación de usuarios

Analicé las necesidades operativas de plataformas de ticketing y gestión de eventos. Estos fueron los puntos principales:

  • Falta de centralización
  • Procesos repetitivos manuales
  • Baja trazabilidad de pedidos
  • Dificultad para gestionar promociones
  • Ausencia de visibilidad financiera clara

Análisis competitivo

Tomé como referencia Ticketmaster, Eventbrite y sistemas internos de ticketing del sector. Encontré oportunidades para mejorar:

  • Jerarquía visual
  • Simplicidad de navegación
  • Claridad en dashboards
  • Optimización de formularios
  • Experiencia administrativa completa

03 / Decisiones

Decisiones estratégicas

Centralizar en un dashboard

Prioricé un dashboard administrativo modular sobre varias herramientas separadas, para reducir tiempos operativos y reunir los procesos clave en una sola plataforma.

Web-first, no mobile-first

El usuario final puede consultar desde el móvil, pero las tareas complejas como facturación, pedidos y gestión de eventos ocurren en escritorio. Por eso diseñé primero una experiencia web robusta y después la adaptación móvil.

Wireframes de baja fidelidad: primero la estructura, después la interfaz.

04 / Design system

Un sistema basado en tokens

Establecí tokens reutilizables para colores, espaciados, tipografía y componentes, para garantizar consistencia y eficiencia en toda la plataforma.

Toca un color para copiar su valor

Color con función

  • Purple Hoot: acciones y elementos interactivos
  • Light Purple: fondos suaves y respiración visual
  • Ultra Dark Purple: contraste alto y jerarquías importantes
  • Yellow Hoot: métricas, alertas y datos relevantes

Tipografía

Cocon Pro para titulares con carácter e Inter V para la lectura de datos, con tamaños de 48, 30, 16 y 14 px.

Escala de espaciado

4
8
16
24
32
48
64

Grid de 12 columnas con márgenes laterales de 96 px.

Componentes reutilizables: botones, navegación, tablas y tarjetas.

05 / Pantallas

La plataforma, módulo por módulo

06 / Resultado

Resultado y aprendizajes

−24%

Reducción estimada en tiempos operativos manuales

Impacto esperado, estimado en el diseño.

El diseño dejó la base de una plataforma escalable que integra los procesos operativos en un solo sistema, con mayor control de asistentes, entradas y pedidos, y mejor trazabilidad en promociones y balance financiero.

Complejidad vs. simplicidad

Una plataforma robusta no tiene que ser una experiencia compleja. La solución estuvo en simplificar procesos críticos con arquitectura clara, jerarquía visual y componentes consistentes.

Ciclos de feedback

La mejora más importante no estaba en agregar funciones, sino en reducir fricción y facilitar decisiones. Un dashboard exige pensar primero en el negocio y luego en la interfaz.

Ver la presentación completa en Behance