Slipwave

Slipwave

Categoría

Categoría

UX Research / UI Design

UX Research / UI Design

Duración

Duración

Dos semanas

Dos semanas

Herramientas

Herramientas

Figma, ChatGPT, Leonardo AI

Figma, ChatGPT, Leonardo AI

Contexto

Contexto

La música nos acompaña en muchos momentos de nuestra vida, desde un paseo en solitario hasta la experiencia colectiva de un festival. Forma parte de nuestra identidad y de cómo vivimos y recordamos cada instante. Aunque hoy existe una enorme variedad de estilos musicales para todo tipo de personas, descubrir nueva música o géneros alejados del mainstream sigue siendo un reto. Esto provoca que muchas bandas emergentes y artistas menos conocidos queden en un segundo plano. Además, no siempre compartimos gustos musicales con nuestro entorno cercano, lo que dificulta ampliar referencias dentro de un mismo género y hace que, en muchas ocasiones, acabemos escuchando siempre a los mismos artistas.

La música nos acompaña en muchos momentos de nuestra vida, desde un paseo en solitario hasta la experiencia colectiva de un festival. Forma parte de nuestra identidad y de cómo vivimos y recordamos cada instante. Aunque hoy existe una enorme variedad de estilos musicales para todo tipo de personas, descubrir nueva música o géneros alejados del mainstream sigue siendo un reto. Esto provoca que muchas bandas emergentes y artistas menos conocidos queden en un segundo plano. Además, no siempre compartimos gustos musicales con nuestro entorno cercano, lo que dificulta ampliar referencias dentro de un mismo género y hace que, en muchas ocasiones, acabemos escuchando siempre a los mismos artistas.

Slipwave es una plataforma musical que permite a los usuarios escuchar a sus artistas y estilos favoritos mientras descubren nueva música emergente a través de comunidades integradas. La experiencia combina la reproducción musical con la interacción social, ofreciendo chats para compartir recomendaciones y un reproductor enriquecido con letras y videoclips. Además, Slipwave incorpora una tienda de productos oficiales y entradas para conciertos, un sistema de recompensas con descuentos y una capa de inteligencia artificial que aporta información y curiosidades sobre la música que se está escuchando. Todo ello con un enfoque claro: poner la música y el descubrimiento en el centro de la experiencia.

Slipwave es una plataforma musical que permite a los usuarios escuchar a sus artistas y estilos favoritos mientras descubren nueva música emergente a través de comunidades integradas. La experiencia combina la reproducción musical con la interacción social, ofreciendo chats para compartir recomendaciones y un reproductor enriquecido con letras y videoclips. Además, Slipwave incorpora una tienda de productos oficiales y entradas para conciertos, un sistema de recompensas con descuentos y una capa de inteligencia artificial que aporta información y curiosidades sobre la música que se está escuchando. Todo ello con un enfoque claro: poner la música y el descubrimiento en el centro de la experiencia.

Metodología

Design Thinking

1.Empatizar

Problema

A pesar de la gran cantidad de música disponible actualmente, descubrir nuevos artistas o géneros fuera del circuito mainstream sigue siendo un proceso complejo y poco accesible para muchos usuarios. Los sistemas de recomendación tienden a reforzar siempre los mismos gustos, lo que limita el descubrimiento real y deja a muchos artistas emergentes en un segundo plano.

Objetivo

El objetivo de Slipwave es facilitar el descubrimiento musical más allá de lo mainstream, creando una experiencia que conecte a los usuarios con nuevos artistas y géneros de forma natural y social. La plataforma busca romper la repetición de recomendaciones, fomentar la exploración musical y dar visibilidad a artistas emergentes, poniendo siempre al usuario en el centro de la experiencia.

Solución

Combinar reproducción, comunidad y descubrimiento. A través de comunidades y espacios de interacción, los usuarios pueden compartir gustos y recomendaciones , ampliando sus referencias de manera orgánica. La experiencia se apoya en un reproductor enriquecido e inteligencia artificial, creando un entorno dinámico donde descubrir música se convierte en algo sencillo, social y estimulante.

Combinar reproducción, comunidad y descubrimiento. A través de comunidades y espacios de interacción, los usuarios pueden compartir gustos y recomendaciones, ampliando sus referencias de manera orgánica. La experiencia se apoya en un reproductor enriquecido e inteligencia artificial, creando un entorno dinámico donde descubrir música se convierte en algo sencillo, social y estimulante.

Encuestas y entrevistas

A través de las encuestas y las entrevistas pude conocer mejor los gustos y hábitos de consumo de los usuarios. Este análisis me permitió obtener insights clave para desarrollar la aplicación de forma alineada con sus necesidades reales.

Uno de los hallazgos más relevantes fue el rechazo general hacia algoritmos musicales poco estables o repetitivos, así como la importancia de la música como tema habitual de conversación y como herramienta para conectar con otras personas. Además, algunos usuarios aportaron ideas especialmente valiosas, como la posibilidad de resetear el algoritmo para eliminar recomendaciones que ya no encajan con sus gustos, reforzando la sensación de control sobre la experiencia.

User persona, Buyer persona y Arquetipo

La creación del user persona, buyer persona y arquetipo me ayudó a entender mejor a quién estaba diseñando y desde qué motivaciones se relaciona con la música. Estas herramientas me permitieron identificar necesidades reales, comportamientos, expectativas y frustraciones, evitando tomar decisiones basadas únicamente en suposiciones personales. Gracias a este trabajo, pude alinear las decisiones de diseño con los objetivos del usuario y del producto, priorizando funcionalidades y enfoques que realmente aportan valor. Además, el uso de arquetipos me ayudó a definir un tono, una personalidad y una experiencia coherente en toda la plataforma, reforzando la conexión emocional con el usuario final.

  • User persona

  • Buyer persona

  • Arquetipo

2.Definir

Benchmark

Benchmark

Para el benchmark analicé YouTube Music y Spotify como principales referentes del sector. Ambas plataformas destacan por ofrecer interfaces intuitivas, opciones como la visualización de letras, la creación de listas de reproducción ilimitadas y la posibilidad de descargar música para escuchar sin conexión en sus versiones premium. Además, facilitan la difusión de nuevos artistas y, en algunos casos, integran información adicional o acceso a entradas para conciertos.


Sin embargo, en ambas soluciones la experiencia gratuita presenta importantes limitaciones. La presencia de anuncios largos o restricciones en la reproducción genera fricción en el uso, mientras que sus algoritmos de recomendación tienden a ser inestables y repetitivos, reduciendo la sensación de descubrimiento real. Este análisis me permitió detectar oportunidades claras para plantear una experiencia más equilibrada y centrada en el usuario en Slipwave.

Para el benchmark analicé YouTube Music y Spotify como principales referentes del sector. Ambas plataformas destacan por ofrecer interfaces intuitivas, opciones como la visualización de letras, la creación de listas de reproducción ilimitadas y la posibilidad de descargar música para escuchar sin conexión en sus versiones premium. Además, facilitan la difusión de nuevos artistas y, en algunos casos, integran información adicional o acceso a entradas para conciertos.


Sin embargo, en ambas soluciones la experiencia gratuita presenta importantes limitaciones. La presencia de anuncios largos o restricciones en la reproducción genera fricción en el uso, mientras que sus algoritmos de recomendación tienden a ser inestables y repetitivos, reduciendo la sensación de descubrimiento real. Este análisis me permitió detectar oportunidades claras para plantear una experiencia más equilibrada y centrada en el usuario en Slipwave.

DAFO

DAFO

Este análisis me permitió identificar los principales retos y oportunidades del proyecto. Entre las debilidades destaqué la necesidad de una infraestructura técnica potente para almacenar y reproducir música y videoclips en alta calidad, así como la dificultad inicial de ampliar el catálogo mediante acuerdos con artistas y discográficas. Como amenazas, consideré la presencia de la piratería y la competencia de plataformas que no están centradas exclusivamente en la música, pero que atraen a un gran volumen de usuarios. Frente a ello, Slipwave se apoya en fortalezas claras como la creación de comunidades a través de servidores y chats, la venta de productos y entradas que refuerzan el uso de la plataforma, y la conexión directa entre artistas y usuarios. Además, identifiqué oportunidades como la generación de comunidades musicales globales, la creación de eventos en directo vía streaming y el uso de inteligencia artificial para enriquecer la experiencia con curiosidades y contenido contextual entre canciones.

Este análisis me permitió identificar los principales retos y oportunidades del proyecto. Entre las debilidades destaqué la necesidad de una infraestructura técnica potente para almacenar y reproducir música y videoclips en alta calidad, así como la dificultad inicial de ampliar el catálogo mediante acuerdos con artistas y discográficas. Como amenazas, consideré la presencia de la piratería y la competencia de plataformas que no están centradas exclusivamente en la música, pero que atraen a un gran volumen de usuarios. Frente a ello, Slipwave se apoya en fortalezas claras como la creación de comunidades a través de servidores y chats, la venta de productos y entradas que refuerzan el uso de la plataforma, y la conexión directa entre artistas y usuarios. Además, identifiqué oportunidades como la generación de comunidades musicales globales, la creación de eventos en directo vía streaming y el uso de inteligencia artificial para enriquecer la experiencia con curiosidades y contenido contextual entre canciones.

3.Idear

MoSCoW

La priorización de funcionalidades mediante el método MoSCoW me permitió organizar las necesidades del proyecto según su impacto real en la experiencia del usuario y en el valor del producto. Como Must, identifiqué la necesidad de un algoritmo capaz de recomendar música nueva y artistas poco conocidos, así como la creación de filtros para mejorar la efectividad de los mixes. También consideré imprescindible permitir el uso de tags personalizados para generar listas de reproducción rápidas, incorporar una inteligencia artificial que ofrezca información y curiosidades sobre la música escuchada, y habilitar servidores comunitarios donde los usuarios puedan hablar y compartir intereses musicales.

En el bloque Should, prioricé funcionalidades orientadas a aumentar la interacción y la fidelización, como un sistema de puntos por reseñas positivas, notificaciones sobre conciertos o eventos de artistas favoritos y la posibilidad de mostrar canciones que desaparecen de la plataforma, manteniendo al menos su referencia visible para el usuario. Por último, en Could / Won´t, agrupé ideas con potencial a medio y largo plazo, como la ampliación de eventos más allá de los conciertos (meet & greet, ensayos o estrenos), la reserva de entradas exclusivas para la plataforma, la creación de páginas personalizables para artistas, la promoción de productos dentro del entorno digital y un sistema para guardar y volver a ver streamings.

Card sorting y arquitectura de la información

El card sorting y la definición de la arquitectura de la información me permitieron estructurar los contenidos de Slipwave de forma clara y coherente, alineando la navegación con el modelo mental de los usuarios. Gracias a este proceso pude agrupar funcionalidades y secciones de manera lógica, priorizando la facilidad de acceso a los contenidos principales y reduciendo la carga cognitiva. Esto sentó una base sólida para el diseño de la interfaz, asegurando una experiencia intuitiva y fácil de entender desde el primer contacto con la plataforma.

4.Prototipar

Moodboard

Para el moodboard opté por una paleta dominada por tonos naranjas, asociados a la energía, la vitalidad y la emoción que transmite la música, utilizando los negros como elemento de contraste para reforzar la jerarquía visual y la legibilidad. Esta combinación me permitió crear una atmósfera intensa y dinámica, equilibrada con un toque futurista que aporta personalidad y coherencia al diseño de la interfaz. El objetivo fue construir una identidad visual potente, actual y alineada con la experiencia musical que propone Slipwave.

Marca gráfica

Para la creación de la marca de Slipwave utilicé la inteligencia artificial como herramienta de apoyo en la fase inicial, tanto por necesidades de rapidez como por el interés en explorar su potencial dentro de este tipo de procesos creativos. A partir de este primer punto de partida, trabajé el símbolo y lo integré con el logotipo, buscando una identidad coherente y reconocible.

La tipografía Righteous fue clave en la construcción de la marca, ya que aporta un carácter moderno, dinámico y enérgico, alineado con el universo musical y el enfoque innovador del proyecto. El resultado es una identidad visual actual, con personalidad propia y preparada para convivir en un entorno digital y tecnológico.

Colores

#F37E53

#367A6D

Logotipo

5.Testear

User Testing

El user testing me permitió validar decisiones de diseño y detectar oportunidades claras de mejora en la experiencia. Durante las pruebas surgió de forma recurrente la necesidad de incorporar una opción para visualizar la letra de las canciones mientras se están escuchando, así como la posibilidad de consultar próximos conciertos y eventos en la ciudad del usuario. Estos aprendizajes fueron clave para ajustar la propuesta y reforzar una experiencia más completa, útil y alineada con las expectativas reales de los usuarios.

6.Implementar

Futuribles para MVP2

Futuribles para MVP2

Slipwave ha sido un primer contacto con el desarrollo del producto, por lo que en esta fase el prototipo se centra en el menú principal y el reproductor. Como evolución futura, me gustaría completar el resto de secciones de la aplicación, ampliando funcionalidades clave como las comunidades, la gestión de eventos y la tienda integrada. Además, planteo seguir iterando sobre el sistema de recomendaciones y la personalización de la experiencia, incorporando nuevos flujos y mejoras basadas en el feedback de los usuarios. A nivel visual y de interacción, también sería interesante profundizar en microinteracciones, animaciones y estados del reproductor para reforzar la sensación de inmersión y coherencia, con el objetivo de construir una plataforma musical más completa, sólida y escalable.

Slipwave ha sido un primer contacto con el desarrollo del producto, por lo que en esta fase el prototipo se centra en el menú principal y el reproductor. Como evolución futura, me gustaría completar el resto de secciones de la aplicación, ampliando funcionalidades clave como las comunidades, la gestión de eventos y la tienda integrada. Además, planteo seguir iterando sobre el sistema de recomendaciones y la personalización de la experiencia, incorporando nuevos flujos y mejoras basadas en el feedback de los usuarios. A nivel visual y de interacción, también sería interesante profundizar en microinteracciones, animaciones y estados del reproductor para reforzar la sensación de inmersión y coherencia, con el objetivo de construir una plataforma musical más completa, sólida y escalable.

Conclusiones

Slipwave ha supuesto mi primer proyecto completo trabajando con Figma, lo que me permitió adquirir una base sólida en la creación de design systems y en el desarrollo de prototipos funcionales. A lo largo del proceso reforcé conocimientos previos de UX, aplicando metodologías centradas en el usuario y aprendiendo a tomar decisiones de diseño más estructuradas y coherentes. Este proyecto no solo me ayudó a mejorar a nivel técnico, sino también a entender la importancia de iterar, priorizar y validar ideas, sentando una base clara para futuros proyectos de producto digital.


Create a free website with Framer, the website builder loved by startups, designers and agencies.