RockTicket app

Por Daniel Tunjano
UX/UI Case Study
UX/UI Case Study

Lideré el diseño UX/UI de una plataforma de ticketing de nicho, centrada en conectar fans del genero con la escena local e internacionales, y visibilizar el talento de bandas emergentes eliminando la fricción entre el descubrimiento y la compra.


Alcance

UX Research, Diseño de Interfaz (UI), Prototipado de Alta Fidelidad, Landing Page de Lanzamiento.

Rol

Product Designer & Frontend Developer.

Stack

Figma, FigJam, Notion, Miro, Google Suite.


Contexto

Con el cambio de tendencias musicales en el mundo y específicamente en la región de Sudamérica, el genero Rock a quedado demasiado relegado a comparación de las décadas pasadas. El genero Rock a pasado de ser mainstream a casi ser underground . Por esto mismo las principales empresas de eventos y boletería promocionan otro tipo de géneros musicales. Los muchos fanáticos del Rock no tienen la facilidad de encontrar un sitio especializado y dirigido hacia el genero en donde promocione y exponga eventos y conciertos de bandas de Rock de todos los niveles.

Enfoque Estratégico

  • El Desafío: Las grandes tiqueteras entierran a las bandas locales bajo eventos masivos. El reto era diseñar una experiencia que no solo permitiera comprar boletas de forma eficaz, sino que funcionara como una herramienta de descubrimiento cultural para el género Rock.
  • Logro Clave: Diseño de un algoritmo visual de "Recomendados Locales" y un flujo de compra de 3 clics, logrando un equilibrio entre la utilidad transaccional y el apoyo a la comunidad artística.

El Problema

Los fans del rock a menudo pierden conciertos de bandas locales por falta de difusión, y los procesos de compra en apps genéricas suelen ser tediosos o carecen de una identidad que conecte con la cultura del género.

La Solución

Una interfaz que respira la identidad del género, permitiendo al usuario no solo comprar, sino descubrir y educarse sobre las bandas (historia y contexto) antes de asistir al evento.

Proceso de Diseño

A diferencia de una app genérica, RockTicket utiliza una estética de "Rock Moderno":

  • UX de Descubrimiento: Implementé secciones de "Bandas Emergentes Cerca de Ti" con pre-escucha de audio, integrando el descubrimiento musical directamente en el flujo de compra.
  • UI de Alto Impacto: Utilicé una paleta de colores vibrantes sobre fondos oscuros (Dark Mode por defecto) para reflejar la energía de los conciertos en vivo, manteniendo estándares de accesibilidad AA para entornos de baja luminosidad.

la aplicación RockTicket fue desarrollada con la premisa de abarcar una problemática actual y dar solución por medio de la percepción de la experiencia de usuario y interpretar los hallazgos de manera correcta en la interfaz de usuario, brindando funcionalidad y accesibilidad al usuario. El alcance de este proyecto esta establecido hasta el prototipo de alta fidelidad.

UX Insights

UX Insights

  • Modo Solo Visualizar: Diseñado para usuarios en fase de exploración, permitiendo navegar por la cartelera y banners de bandas sin necesidad de iniciar un proceso de compra, reduciendo la fricción inicial.
  • Narrativa de Banda: Incluí secciones de historia y descripción de cada agrupación dentro del detalle del evento. El objetivo es que el ticket no sea solo un acceso, sino el resultado de una conexión con la banda.
  • Selector de Posiciones: Implementé un sistema de selección y resumen de tickets en una sola pantalla para evitar saltos innecesarios, permitiendo al usuario asegurar su entrada de forma rápida y segura.
  • Enfoque en Bandas Locales: Ubiqué banners destacados para artistas emergentes, utilizando notificaciones de preventas personalizadas según las preferencias musicales del usuario.

Desarrollo Landing Page

Para el lanzamiento del producto, desarrollé una landing page utilizando React y Tailwind CSS.

  • Estrategia: La landing actúa como el punto de conversión principal para la adquisición de usuarios, mostrando las funcionalidades clave de la app de forma interactiva.
  • Performance: Optimizada para una carga rápida y totalmente responsive, asegurando que la estética visual de la app se mantuviera intacta en la web.

Lecciones Aprendidas

En el diseño para comunidades específicas, la estética es tan importante como la función. Aprendí que integrar el descubrimiento musical dentro de una plataforma transaccional no solo mejora la experiencia del usuario, sino que fortalece el ecosistema cultural del género.