Jose Trave
Concepto, producto y marca

Pit

Mantén la canción, haz match, di lo que sientes. 18 segundos del prototipo.
Rol
Diseñador de producto y marca
Equipo
Propio, hecho con Claude Code
Plataformas
Prototipo web móvil
Resultado
Prototipo navegable, datos de demo

Una app de conciertos donde la canción te presenta. Un concepto propio: producto, marca y un prototipo navegable, moldeado en parte por el feedback al compartirlo en público.

Ojos en el escenario

En los conciertos, muchos miramos más la pantalla que el escenario, y nos vamos sin conocer a la persona a dos metros que se volvió loca con el mismo estribillo.

Las apps de citas empiezan por una cara. Pit empieza por la canción que te toca esta noche, en esta sala. Si también le toca a otra persona, ya tenéis algo que deciros.

Pit es un concepto propio: un prototipo navegable con datos de demo, sin backend y aún sin usuarios, así que aquí no hay métricas.

Cada concierto es una sala

Escaneas tu entrada y el setlist previsto se descarga en el móvil. Solo ves a quien está en este concierto, esta noche. El evento es la red social.

Lista de eventos de Pit con el concierto de esta noche arriba

Una canción, a propósito

Mantienes pulsada la canción que te toca. Si alguien más en la sala la mantiene también, aparece la etiqueta MATCH. No puedes cambiar tu elección para forzar un match, así que un match significa algo.

El setlist de esta noche con un botón para mantener la canciónUna etiqueta MATCH en la canción tras elegirla dos personas

El móvil al bolsillo

Tras el match, Pit te pide guardar el móvil, y los demás ven que lo has hecho. El prestigio viene del móvil en el bolsillo, no del scroll.

Pantalla Phone in Pocket

Diseñado en público

Compartí Pit en X mientras lo construía. Alguien preguntó qué pasa si dos personas eligen la misma canción y nunca se encuentran. Llegamos a una sola vibración cuando tu match entra en la sala, nunca dos veces por persona. Entró en el prototipo ese mismo día.

Pantalla de match con el aviso de llegadaPantalla Phone in Pocket con el aviso de llegada

Una tira de cinta

En el backstage todo se etiqueta con cinta americana y rotulador. El logo es ese objeto, y el nombre es el lugar: el suelo justo delante del escenario.

Cinco pasos del logo de Pit: la palabra, la mano, la cinta, el corte, pegada
La palabra, la mano, la cinta, el corte, pegada a -3°.

La misma cinta marca los momentos que lo merecen, MATCH, LIGHTS OUT, MY SONG, uno por pantalla, para que sea lo único hecho a mano en una interfaz tranquila.

IA en el proceso

Prototipado en HTML, CSS y JavaScript con Claude Code: cerca de 100 rondas de captura, una línea de feedback, render. Podía probar una mala idea en el móvil y tirarla en la misma hora.