Por qué este nombre
«Dedícalo Play» no es casual — cada palabra tiene peso.
El naming fue el primer reto estratégico. Necesitaba un nombre que cargara significado por sí solo antes de que el usuario abriera la app.
- Dedícalo — mantiene el equity de marca del ecosistema musical existente. Los usuarios que conocen Dedícalo.es entienden de inmediato el universo. No partimos de cero.
- Play — doble significado intencionado: play como reproducir música y play como jugar. Una sola palabra activa los dos pilares del producto.
- play.dedicalo.es — el subdominio refuerza la jerarquía de marca. Es un hijo del ecosistema, mejora el SEO de dominio raíz y genera coherencia total.
Identidad visual
Una paleta que comunica fiesta, música y competición.
Cada color tiene una función semántica. El sistema debe funcionar en entornos oscuros — discotecas, fiestas, reuniones nocturnas — donde se usa el producto.
Negro como fondo dominante
Refleja el entorno nocturno de uso. Maximiza el contraste y reduce la fatiga ocular en partidas largas. Referencia directa al vinilo.
ContextoNaranja + Rojo = acción
Naranja activa urgencia sin agresividad. Rojo señala acciones críticas: puntos, tiempo límite, eliminación. La combinación evoca energía musical y calor de fiesta.
UX emocionalVerde Spotify = confianza
Reutilizo el verde de Spotify de forma deliberada. Cuando el usuario lo ve, asocia música real, streaming y legitimidad de marca.
AsociaciónAnálisis y proceso UX
Primero entendí el espacio. Luego diseñé la solución.
El proceso arrancó con benchmark honesto: ¿qué juegos musicales existen, qué los hace adictivos y qué fricción generan? Solo después tomé decisiones de diseño.
Benchmark competitivo
Analicé Kahoot, SongPop, Heardle y Quiz Spotify. Todos hacen que el usuario adivine canciones ajenas. Nadie usaba la música propia como mecánica central.
ResearchInsight clave
La emoción más fuerte no es adivinar canciones genéricas — es que tu grupo demuestre quién tiene mejor cultura musical. El sabotaje multiplica esa tensión. Ahí estaba la oportunidad.
InsightJourney map
Mapeé el flujo completo. Encontré 3 puntos de fricción críticos: crear sala, unirse sin cuenta y entender las reglas en menos de 10 segundos.
UX ResearchPrincipio de diseño
Cero fricción en los primeros 30 segundos. Unirse a una partida activa solo requiere un código PIN de 6 dígitos. Sin registro obligatorio en la entrada.
Decisión UXMobile-first estricto
El 100% de las partidas se juegan desde el móvil en entornos ruidosos. Cada elemento debía ser funcional con el pulgar y visible con música de fondo.
ContextoTesting con usuarios reales
Tres sesiones de prueba con grupos reales. Hallazgo clave: nadie leía instrucciones. Redesigné el flujo para que las reglas se enseñaran jugando, no explicando.
TestingMecánicas de juego
Adivina. Sabotea. Gana llegando primero a la meta.
Restricción de diseño clara: cualquier persona debe entender cómo funciona antes de que empiece la primera canción. La interfaz es el tutorial.
- Paso 1 — Crear sala: el anfitrión abre la app, elige playlist y modo de juego. Sin Spotify, sin cuenta externa. La app genera un PIN de 6 dígitos y — opcional — envía la sala a la TV vía Chromecast/AirPlay o navegador de Smart TV.
- Paso 2 — Escuchar y adivinar: la música suena en el player integrado (o en la TV). Los jugadores responden en su móvil: artista, año o pregunta meta según el modo.
- Paso 3 — Sabotear y escalar: acumula puntos, activa sabotajes contra el líder y escala en el ranking. Gana quien llegue primero a la meta.
Pulse
¿Quién canta? Adivina el artista antes de que acabe el tiempo.
Timeline
Coloca la canción en la línea del tiempo según su año de lanzamiento.
Chaos
Preguntas meta sobre el juego mismo. El caos es parte de la estrategia.
✦ Nueva versión 2026 · Música online + TV
Cero cuentas externas. Reproducción online integrada y modo TV.
La primera versión requería Spotify Premium para el anfitrión. Reescribí la capa de reproducción por completo: ahora la música vive dentro del propio producto — servida en streaming, sin registro, sin app externa — y la sala puede lanzarse directamente en la TV para que todos vean marcador, ronda y cuenta atrás en pantalla grande.
Reproductor online integrado
El motor de audio corre dentro de la propia app: streaming servido desde el CDN, catálogo curado y controles unificados. Ya no hace falta Spotify Premium ni ninguna cuenta de música — se abre, se elige playlist, suena.
Sin credenciales externasModo TV — la sala en pantalla grande
El anfitrión abre play.dedicalo.es en el navegador de la Smart TV o hace cast desde el móvil. La TV se convierte en el tablero: marcador, canción actual, cuenta atrás y ranking. Los invitados solo miran la TV y responden en su móvil.
Invitados — solo el PIN, nada más
Los invitados entran con un PIN de 6 dígitos. Sin cuenta, sin app, sin instalación. Miran la TV o el móvil del anfitrión, responden en su pantalla y ven puntos en tiempo real. La fricción de entrada es prácticamente nula.
Cero fricciónPlaylists curadas dentro de la app
Catálogo fijo y curado, servido desde el propio producto. El anfitrión elige el género antes de crear la sala — sin buscar, sin filtrar, sin cuenta externa.
Flujo de reproducción — versión 2026
✦ Nueva versión 2026 · Onboarding guiado
Crear una sala te enseña a jugar. Sin manual, sin tutorial escondido.
La fricción del anfitrión era el mayor punto de caída. Rediseñé el flujo de creación de sala como un onboarding paso a paso: cada pantalla explica una decisión, muestra el resultado y avanza. El primer usuario entiende el juego mientras configura la sala.
Elige género
Selector visual con las 12 playlists curadas. La app te previsualiza tono y ejemplo de canción para que el anfitrión aterrice el ambiente antes de invitar a nadie.
Paso guiadoElige modo de juego
Pulse (adivinar artista), Timeline (colocar año) o Chaos (preguntas meta). Cada modo se explica con un ejemplo en pantalla — no hay que leer texto largo para entender la mecánica.
Educa al jugarAjustes de partida
Duración, sabotajes activados/desactivados, longitud del clip, reglas de desempate. Todos los ajustes vienen con default probado en partidas reales — el anfitrión puede empezar sin tocar nada.
Defaults inteligentesGenera PIN e invita
Al terminar el flujo, la app muestra el PIN de 6 dígitos, un QR y el link corto. El anfitrión decide cómo compartir — WhatsApp, TV, mostrar la pantalla — y la sala arranca.
Compartir en un tap"Cómo jugar" — sección educativa
Un mini-tutorial pensado para leer en 30 segundos.
Antes, los invitados llegaban a la partida sin entender las reglas. La nueva sección "Cómo jugar", accesible desde cualquier pantalla, explica en 4 tarjetas visuales:
- Qué se puntúa — acierto rápido, orden en el ranking, bonus por sabotajes.
- Los 3 modos — Pulse, Timeline y Chaos, cada uno con un GIF de ejemplo.
- Los sabotajes — cómo se activan, contra quién y qué efectos tienen.
- La meta — condiciones para ganar la partida y desempates.
Catálogo de canciones
Scripts propios para importar canciones reales de Spotify.
El catálogo no usa una base de datos externa ni CMS manual. Un pipeline de scripts Node.js extrae las canciones de playlists públicas de Spotify y las guarda en un JSON local que la app consume directamente.
- extract-spotify-catalog.mjs: llama a la Spotify Web API, itera los tracks de cada playlist curada y extrae título, artista, año, portada y URI reproducible.
- import-scraped-playlists.mjs: procesa el output del script anterior y genera el archivo
dedicalo-song-catalog.full.clean.jsonque se sirve como asset estático. - Sin backend en runtime: el catálogo es un JSON estático servido desde Vercel. Cero coste de base de datos, cero latencia de lectura en partida.
- Evita repeticiones: el sistema registra qué canciones se han escuchado en cada sesión y no repite artistas ni tracks en la misma partida.
Pipeline de importación
Anti-repetición por sesión
sessionStorage registra qué tracks y artistas se han reproducido. Si se agotan, el pool se resetea limpiamente y la partida siempre tiene canciones frescas.
UX de juegoStack técnico
Herramientas elegidas con criterio, no por moda.
Cada herramienta tiene una justificación de negocio. No usé nada por tendencia: usé lo que resolvía el problema con el menor tiempo de implementación y el mayor impacto.
Decisiones técnicas clave
Cada decisión tiene una justificación de producto.
No elegí cada tecnología por tendencia. Cada pieza del stack resuelve un problema real con el menor tiempo de implementación y el mayor impacto en la experiencia de juego.
Retirar Spotify como dependencia
La v1 requería Premium del anfitrión. Cada 100 sesiones perdíamos ~30% en el paso de login. En v2026 movimos la reproducción a un player integrado — cero cuenta externa, cero fricción, +40% en tasa de partida completada.
Modo TV como pantalla principal
Detectada la necesidad en 3 partidas reales: todos miraban el móvil del anfitrión. Con el modo TV la sala tiene un "tablero central" — marcador, canción, ronda — visible por todos sin depender de un dispositivo.
Onboarding como tutorial
El primer usuario no leía instrucciones. En v2026 el flujo de crear sala explica cada mecánica mientras se configura. La primera partida sale bien sin necesidad de tutorial aparte.
Realtime sobre Supabase
Sincronización de sala y puntuaciones en tiempo real. Latencia por debajo de 200 ms medido en partidas europeas. Auth simplificado sin custom backend.
PIN sin registro
Los invitados entran con un código de 6 dígitos. Sin cuenta, sin instalación. Reducir la fricción de entrada fue la decisión de UX más impactante del proyecto — se mantuvo intacta en la v2026.
Catálogo servido en el propio producto
Canciones pre-preparadas y servidas desde el CDN. Cero coste de licencias externas en runtime. Carga instantánea, sin API keys que gestionar.
Mi rol en el proyecto
Diseñé, construí y lancé el producto de forma independiente.
UX/UI Design
Investigación, wireframes, sistema de diseño, componentes interactivos y prototipo funcional. Figma como herramienta principal.
Arquitectura técnica
Definición del stack, diseño de Firestore, flujos de datos, endpoints de API y estrategia de despliegue en Vercel.
Integraciones y APIs
Spotify Web Playback SDK (PKCE), Firebase RT DB, Google Sign-In, scripts de importación de catálogo y Suno para audio generativo.
Lanzamiento y branding
Naming, identidad visual, materiales de comunicación, dominio play.dedicalo.es y estrategia de difusión inicial.
¿Listo para jugar?
Dedícalo Play está en producción en play.dedicalo.es. Crea una sala, invita a tus amigos y demuestra quién tiene mejor cultura musical.