Just.Listen: Un reproductor de música hecho para uno
Resumen
- Proyecto personal — reproductor de música local sin anuncios, sin tracking, sin bloat.
- UI de inspiración esqueuomórfica fuertemente influenciada por Teenage Engineering.
- Todo cabe en una pantalla de móvil — sin pestañas, sin menús, sin desorden.
- Construido con HTML, CSS y JS vanilla — intencionadamente sin frameworks.
El punto de partida
He probado muchas apps de música. Todas se quedan cortas en algo. Incluso las buenas se esfuerzan demasiado — recomendaciones, funciones sociales, un sinfín de ajustes. Parálisis por análisis, básicamente. A veces solo quieres reproducir tu música local sin que cien botones se interpongan.
Just.Listen es un proyecto personal que hice por diversión. Un ejercicio de mantener las cosas simples. Lo diseñé y construí yo mismo, del concepto al código. Sin stakeholders, sin plazos, sin métricas. Solo yo y mi biblioteca de música.
Limitaciones
Mi stack se limitaba a HTML, CSS y JS vanilla. Conozco Astro, pero era demasiado para esto. La restricción fue intencional — quería ver qué podía hacer con lo básico.
Proceso y decisiones
Como no necesitaba validar nada con nadie, salté la investigación y fui directo a construir. El diseño y el alcance ya estaban claros en mi cabeza. Sabía exactamente lo que quería: simple, enfocado, diferente.
Consideré añadir integración con YouTube Music. Sería útil, pero está fuera de mi conjunto de habilidades actual y no quería depender de IA para depurar algo que no pudiera entender completamente. Así que lo descarté.
Mantener las cosas simples era el objetivo principal. Cualquier función que no sirviera a ese objetivo era ruido. La parte más difícil fue frenarme de añadir más — ese impulso de seguir acumulando funciones es real, y hace falta disciplina para combatirlo.
Amigos y familiares ayudaron con las pruebas, que fue suficiente para un proyecto de este tamaño.
Oficio y ejecución
Soy un gran fan del estilo casi esqueuomórfico que Teenage Engineering usa en sus productos. Esa fue mi referencia visual principal. Quería que la interfaz se sintiera táctil e intencional, no como otro reproductor genérico.
El problema de diseño más difícil fue hacer que todo cupiera en una sola pantalla de móvil. Sin pestañas, sin scrolling entre secciones. El reproductor, la biblioteca, los controles — todo ahí a la vez. Hizo falta mucha iteración para conseguir la jerarquía correcta.
Las microanimaciones le dieron ese acabado pulido. Pequeños detalles que hacen que la app responda a lo que haces sin estorbar.
No hizo falta sistema de diseño aquí. El alcance era lo suficientemente ajustado como para que los componentes personalizados fueran la decisión correcta.
Resultados e impacto
Sin métricas, sin KPIs, sin encuestas de usuarios. Ese no era el objetivo.
Lo que obtuve fue confianza. Confianza para emprender proyectos similares con mayor alcance y más restricciones. Y un recordatorio de que puedes hacer algo visualmente diferente sin copiar a Spotify o Material Design — que es la habilidad que me llevo a mi próximo rol.
Reflexión
No cambiaría nada. Este fue un ejercicio puramente creativo, y cumplió su propósito.