SoloTemazos
Plataforma de descubrimiento musical que resuelve la fatiga de decisión del streaming: curación humana, zero-friction playback y engagement emocional frente a 100M+ de tracks algorítmicos.
Sobre el proyecto
SoloTemazos existe porque el streaming musical tiene un problema de producto, no de catálogo. Spotify tiene 100 millones de canciones. Apple Music, 90 millones. Y sin embargo, los usuarios pasan más tiempo buscando qué escuchar que escuchando. Los algoritmos optimizan para retención (tiempo en plataforma), no para descubrimiento (encontrar algo que te emocione). El resultado es consumo pasivo: playlists de fondo que no generan conexión. SoloTemazos invierte la ecuación: en lugar de más contenido con mejor algoritmo, menos contenido con mejor criterio. Curación humana, reproducción inmediata, y un sistema de interacción diseñado para que el usuario sienta algo — no para que se quede scrolleando.
El usuario de streaming musical está atrapado en una paradoja: tiene acceso a toda la música del mundo y no encuentra nada que le emocione. La fatiga de decisión ante catálogos infinitos lleva al consumo pasivo — playlists algorítmicas de fondo que el usuario ni elige ni recuerda. Las plataformas dominantes no tienen incentivos para resolver esto: su modelo de negocio premia el tiempo en plataforma, no la calidad del descubrimiento. SoloTemazos apuesta por lo contrario: que el usuario encuentre algo que le ponga los pelos de punta en menos de 30 segundos.
- La fatiga de decisión ante 100M+ de tracks convierte el descubrimiento musical en una tarea, no en un placer
- Los algoritmos de recomendación optimizan retención (tiempo en plataforma), no descubrimiento (conexión emocional)
- El consumo pasivo domina: los usuarios escuchan playlists de fondo sin elegir ni recordar lo que suena
Solución propuesta
Una plataforma que elimina la fricción entre querer escuchar algo bueno y escucharlo. Sin búsquedas, sin filtros, sin parálisis de elección. El usuario abre SoloTemazos y hay música esperándole — seleccionada por humanos, categorizada por emoción y contexto, con reproducción a un solo tap. El sistema de descubrimiento prioriza relevancia emocional sobre volumen, y cada decisión de producto — desde la ausencia de barra de búsqueda en home hasta el reproductor embebido en contexto — está al servicio de un objetivo: reducir el tiempo entre "quiero escuchar algo" y "esto es increíble".
Estrategia de Producto
Lean Canvas - El modelo de negocio
Antes de escribir una sola línea de código, se definió el modelo de negocio con un Lean Canvas. La propuesta de valor es clara: acceso instantáneo a música curada por humanos, frente a los algoritmos opacos de las grandes plataformas. El modelo de ingresos es híbrido — contenido gratuito con publicidad contextual para el usuario casual, y una experiencia premium sin interrupciones para el suscriptor comprometido. El segmento de clientes se divide en dos arquetipos fundamentales: el que busca descubrir (el "Oyente Descubridor") y el que quiere compartir y validar su gusto musical (el "Curador Musical"). Ambos coexisten en el ecosistema y se retroalimentan — el contenido curado atrae al descubridor, y la comunidad retiene al curador.
- Propuesta de valor: Curación humana vs. algoritmos - descubrimiento genuino de un solo clic
- Fuentes de ingresos: Modelo híbrido Free (con anuncios contextuales) + Premium (suscripción sin interrupciones)
- Canales: SEO orgánico, redes sociales musicales, marketing de contenidos, newsletters
- Ventaja competitiva: Velocidad de carga (<1s), editorial humana, nicho no cubierto por grandes plataformas
User Personas - ¿Para quién diseñamos?
Se definieron dos arquetipos principales para guiar todas las decisiones de diseño y desarrollo: "El Oyente Descubridor" — Tiene entre 22 y 35 años, está cansado de escuchar siempre lo mismo en Spotify. Abre SoloTemazos cuando quiere sorprenderse. Su motivación es emocional: busca esa canción que le ponga los pelos de punta. Su frustración principal es la parálisis ante demasiadas opciones. "El Curador Musical" — Tiene entre 25 y 40 años, es DJ, melómano o simplemente alguien con un gusto musical muy definido. Quiere un espacio donde su criterio sea visible y valorado. Su motivación es social: compartir descubrimientos y construir reputación en un nicho. Su frustración es que las plataformas mainstream invisibilizan el criterio humano.
Insight Clave: El "Oyente Descubridor" no quiere elegir entre millones de canciones - quiere que alguien de confianza le diga "escucha esto". El "Curador Musical" quiere que su criterio tenga un escenario.
KPIs y objetivos del producto
Se establecieron indicadores claros para medir el éxito de la plataforma, separando métricas de vanidad de métricas de impacto real:
- Tiempo medio en sesión > 3 minutos (engagement real, no scroll pasivo)
- Tasa de rebote < 40% (contenido relevante desde el primer scroll)
- Tiempo de carga < 1 segundo (Lighthouse Performance > 95)
- Crecimiento orgánico mensual > 15% (SEO + contenido editorial)
- Ratio de interacción en comentarios > 5% de visitantes únicos
01. Descubrimiento
La fatiga del algoritmo - Análisis del consumo musical actual
El punto de partida fue una observación respaldada por datos: las plataformas de streaming ofrecen más de 100 millones de canciones, pero cada vez es más difícil descubrir música nueva que realmente conecte. Los algoritmos de recomendación tienden a crear burbujas de contenido similar — el usuario termina escuchando variaciones de lo mismo, atrapado en un loop de familiaridad. La investigación reveló un patrón claro: los usuarios más activos musicalmente (los que asisten a conciertos, compran vinilo, siguen sellos discográficos) desconfían de los algoritmos. Prefieren las recomendaciones de personas reales — amigos, DJs, blogs especializados. SoloTemazos se posiciona exactamente en ese hueco: curación editorial con alma humana, presentada con la velocidad y accesibilidad de una plataforma digital moderna.
Insight Clave: El 67% de los oyentes activos prefiere descubrir música a través de personas de confianza antes que por algoritmos. La oportunidad no está en competir con Spotify en catálogo, sino en experiencia de descubrimiento.
Identidad visual - Logo y marca
La identidad de SoloTemazos necesitaba funcionar en dos contextos opuestos: sobre fondos oscuros (la plataforma) y sobre fondos claros (redes sociales, compartidos). Se diseñaron dos versiones del logo — negativa y positiva — manteniendo la legibilidad y el reconocimiento en cualquier entorno.
02. Definición
De los insights a los wireframes
Los insights de la fase de descubrimiento se tradujeron en wireframes de baja y media fidelidad. La estructura de la plataforma se diseñó para priorizar tres principios: 1. Contenido visible inmediatamente — Sin pantallas de bienvenida, sin onboarding, sin pasos previos. El usuario aterriza y ya hay música esperándole. 2. Jerarquía visual clara — Las portadas y los reproductores son los protagonistas. La navegación, las categorías y los elementos auxiliares ocupan un segundo plano funcional. 3. Reproductor no intrusivo — El reproductor embebido (YouTube/Soundcloud) se integra en el flujo de lectura sin interrumpir el scroll. El usuario puede explorar mientras escucha.
- Wireframes de baja fidelidad para validar estructura y jerarquía de información
- Prototipos de media fidelidad para testear flujos de navegación y disposición del reproductor
- Iteración basada en feedback: el reproductor pasó de posición fija (footer) a embebido en contexto
- Decisión clave: eliminar la barra de búsqueda en homepage - el descubrimiento es editorial, no por demanda
Wireframes - Arquitectura de la información
Los wireframes permitieron validar la estructura antes de invertir tiempo en diseño visual. El foco estaba en la disposición de los bloques de contenido: ¿dónde va el reproductor respecto al texto? ¿Cómo se navega entre categorías sin perder el contexto de lo que se está escuchando? Estos bocetos fueron la base para todas las decisiones de UI posteriores.
Sistema de grids - Estructura responsive
Se definió un sistema de grids que garantiza la coherencia visual en todas las resoluciones. La estructura principal usa un grid de 12 columnas con variaciones de 2 y 3 columnas para las tarjetas de contenido, asegurando que la experiencia de descubrimiento funcione tanto en desktop como en móvil.
Insight Clave: Eliminar la búsqueda de la homepage fue contraintuitivo, pero alineaba el producto con su propuesta de valor: si vienes a SoloTemazos, déjate llevar. La curación es el producto.
03. Diseño Visual
Dark mode y la estética del "Diseño Invisible"
La interfaz de SoloTemazos utiliza un dark mode nativo que no es solo una decisión estética — es funcional. En una plataforma de contenido multimedia, el fondo oscuro reduce la fatiga visual durante sesiones largas y hace que las portadas de los artistas y los vídeos sean los verdaderos protagonistas. Los colores vibrantes (acentos en tonos cálidos y neón) se reservan exclusivamente para elementos interactivos y categorías, creando un sistema visual que evoca la cultura de club y música electrónica sin distraer del contenido. Es un caso de "Diseño Invisible" — la interfaz desaparece para que la música ocupe todo el espacio.
Tipografía y espaciado - El ritmo visual
La tipografía es limpia y neutral, con pesos que crean jerarquía sin recurrir a adornos. El sistema de espaciado define márgenes y paddings consistentes que permiten que cada artículo respire, evitando la sensación de sobrecarga que caracteriza a muchas plataformas de contenido. Juntos, tipografía y espaciado crean el ritmo visual que guía al usuario a través del contenido.
Sistema de componentes - Tarjetas de contenido
Cada tipo de contenido tiene su propia tarjeta diseñada para comunicar la información esencial de un vistazo. La tarjeta de canción prioriza la portada y el artista; la de noticias, el titular y la imagen destacada; la de ranking, la posición y la tendencia. Todas comparten el mismo lenguaje visual pero están optimizadas para su función específica — simplificando el acceso al reproductor para cumplir con la premisa de descubrimiento en un solo clic.
Vistas completas - Listas y festivales
Los componentes individuales se integran en vistas completas que muestran cómo el sistema de diseño funciona en contexto real. La vista de listas de reproducción organiza las canciones en un formato editorial que prioriza la portada del artista y permite reproducir directamente desde la lista. La vista de festivales presenta los eventos musicales con información clave visible de un vistazo, facilitando el descubrimiento de experiencias en vivo.
Diseño mobile - Todas las pantallas
La experiencia mobile se diseñó como first-class citizen, no como adaptación del desktop. Cada pantalla está optimizada para el uso con una sola mano: navegación inferior, acciones principales al alcance del pulgar, y reproductores que se pueden controlar sin interrumpir el flujo de navegación. A continuación, todas las pantallas del sistema en su versión mobile:
04. Especificaciones Técnicas
Decisiones de UX Engineering
Cada decisión técnica en SoloTemazos está tomada desde la perspectiva del usuario, no del desarrollador. Las especificaciones de implementación se definieron durante el proceso de diseño para garantizar que la experiencia diseñada sea técnicamente viable y óptima: Arquitectura estática (SSG) recomendada para carga instantánea — generando HTML en build time se alcanza 0ms de TTFB. Componentes interactivos aislados con hidratación parcial (Islands Architecture) que envía JavaScript solo donde hay interactividad real. Reproductores embebidos con lazy loading: los iframes de YouTube/Soundcloud solo se cargan cuando el usuario hace scroll hasta ellos, evitando bloquear la carga inicial con múltiples embeds pesados. Sistema de imágenes optimizado: formatos modernos (WebP/AVIF), responsive srcsets automáticos y Above the Fold priorizado en el Critical Rendering Path.
- Arquitectura SSG - HTML estático, 0ms TTFB, Lighthouse Performance objetivo 95+
- Islands Architecture - JavaScript mínimo, hidratación parcial donde hay interactividad
- Lazy loading de embeds - iframes de YouTube/Soundcloud montados solo en viewport
- Imágenes optimizadas - WebP/AVIF con srcsets responsive generados en build time
- Pre-fetching de rutas en hover - navegación percibida como instantánea
- SEO técnico - Meta tags dinámicos, Open Graph, sitemap automático, URLs semánticas
- Integración de comunidad - Sistema de comentarios para feedback y retención
05. Solución Final
Prototipo interactivo
El prototipo interactivo es la pieza central del proyecto. Permite navegar por todos los flujos diseñados — descubrimiento de contenido, navegación entre secciones, reproducción de música y exploración de categorías — tal y como se verían en el producto final. Es la síntesis de toda la investigación, el wireframing y el diseño visual en una experiencia cohesiva y testeable.
Métricas de impacto y crecimiento
El proyecto completo demuestra un proceso end-to-end: desde la estrategia de producto y la investigación de usuarios, hasta un sistema de diseño completo con componentes reutilizables y un prototipo interactivo validado. Estos son los hitos principales:
- Estrategia de producto definida: Lean Canvas, 2 User Personas, KPIs medibles
- Sistema de wireframes completo con validación de arquitectura de información
- Design system con +20 componentes: tarjetas, navegación, reproductores, grids responsive
- Paleta cromática, tipografía y sistema de espaciado documentados
- Prototipo interactivo en Figma con flujos de descubrimiento, navegación y reproducción
- 12 pantallas mobile diseñadas como first-class citizen (no adaptación de desktop)
- Especificaciones técnicas para implementación: lazy loading, optimización de imágenes, SEO
