Saltar al contenido
Volver a los casos

Vesti

Vesti: diseño de una experiencia de compra y gestión de entradas digitales

Product design · UX/UI · E-ticketing
Composición de teléfonos con pantallas de Vesti para descubrir eventos, comprar y gestionar entradas digitales

Investigación, arquitectura de flujos y diseño de más de 72 pantallas para simplificar la compra, nominación y transferencia de e-tickets.

  • 2 mesesduración del proyecto
  • 160 horasdedicación documentada
  • 72+pantallas diseñadas

El desafío

Comprar una entrada no termina en el pago. El usuario también necesita comprender qué está comprando, revisar cargos y complementos, encontrar su ticket, identificar su estado y compartirlo con otra persona cuando corresponda. En Vesti, el desafío consistió en convertir esas tareas en recorridos predecibles, con jerarquías claras y acciones fáciles de reconocer en mobile y escritorio.

El trabajo se concentró en dos flujos:

  • Compra de tickets desde la exploración de eventos hasta la confirmación del pago.
  • Nominación y transferencia de e-tickets desde la sección Mis tickets.

Qué hicimos

Investigación y evaluación

El proceso incluyó entrevistas a stakeholders, análisis de necesidades y revisión de comentarios de usuarios. La evaluación abordó la usabilidad con principios heurísticos de Nielsen, además de contraste y accesibilidad. Este diagnóstico permitió localizar fricciones y establecer prioridades antes de diseñar.

Benchmark competitivo

El benchmark de enero de 2024 comparó Vesti con Eventbrite, Puntoticket, Ticketplus, Ecopass, Passline, Fever y Welcu. El análisis identificó oportunidades en la experiencia general y la funcionalidad, y registró capacidades existentes como la aplicación móvil y las entradas nominativas.

Arquitectura de los recorridos

Se modelaron los user flows para hacer visibles las decisiones, alternativas y estados de término. En compra, se conectaron exploración, categorías, página del evento, selección de tickets y productos, checkout y acceso con cuenta o como invitado. En transferencia, se ordenaron la selección del ticket, el medio de nominación y los canales disponibles para compartirlo.

Wireframes e interfaz

Los wireframes de mediana definición permitieron iterar la estructura, la jerarquía y la carga informativa antes de pasar al diseño visual. La interfaz final utiliza una estética oscura, acentos magenta, tarjetas modulares y llamados a la acción persistentes para mantener visible el siguiente paso.

Una solución para cada momento

La portada facilita descubrir eventos por ubicación, búsqueda, destacados o categorías. La página de evento concentra la información necesaria para evaluar la propuesta, mientras que el flujo de compra separa tickets, complementos, resumen y confirmación. Finalmente, la pantalla del e-ticket reúne estado, código QR, asignación, descarga y transferencia en un mismo lugar.

Resultados

Las ventas de productos sugeridos aumentaron un 76% y el ticket promedio creció un 28%, según los resultados comerciales compartidos posteriormente por el cliente. Estos indicadores acompañan la propuesta de compra que integra entradas y complementos dentro de un mismo recorrido.

El proyecto definió por completo los dos flujos prioritarios y produjo más de 72 pantallas. El trabajo permitió:

  • Comprender mejor las necesidades y expectativas de los usuarios de Vesti.
  • Identificar oportunidades de mejora en la usabilidad y accesibilidad de la aplicación.
  • Diseñar recorridos más claros para comprar, nominar y transferir entradas.
  • Unificar la experiencia mobile y desktop mediante una dirección visual consistente.
  • Dejar una base de wireframes y pantallas de alta definición preparada para validación e implementación.

Galería

  • Portada de Vesti en un notebook con búsqueda por ubicación, eventos destacados y categorías
    La experiencia desktop organiza la exploración por ubicación, búsqueda, eventos destacados y categorías.
  • Composición de wireframes de Vesti para explorar eventos, comprar complementos y confirmar entradas
    Los wireframes permitieron revisar la jerarquía, el contenido y los estados del recorrido antes del diseño visual.
  • Secuencia de pantallas móviles del flujo de compra de Vesti desde la selección de entradas hasta la confirmación
    El flujo separa la selección de entradas, los complementos, el resumen y la confirmación de compra.

Estamos listos para colaborar en tu próximo proyecto digital

Cuéntanos qué necesitas resolver. Respondemos en menos de 24 horas hábiles con una primera lectura del problema.