Melomanie
App

Info

MAD 2025

UX/UI Design • Product Design • Mobile Experience • Visual Identity • Interaction Design

Client Melomanie

Role Lead Product Designer & Art Director

Overview

Melomanie App is a digital platform designed to transform the way music lovers discover, organize, and experience music.

The project focused on creating an intuitive experience capable of connecting discovery, community, and personalization within a single visual and functional ecosystem. Every interaction was designed to reduce friction while encouraging the exploration of new artists, events, and content tailored to each user's interests.

Through a combination of product design, user experience, and visual identity, the application creates a contemporary environment where music becomes the central element connecting people, emotions, and culture.

The result is a digital solution that balances simplicity, performance, and visual expression, delivering a seamless experience that accompanies users from initial discovery to ongoing engagement with the platform.

Melomanie · Case Study
Case Study · 2026
Product Design · UX · Branding

El amor
no se ve
se escucha

Melomanie es una app de citas que empareja personas por su identidad musical, no por su mejor foto.

PlataformaiOS · App nativa
Alcance25 pantallas · Design system
Año2026 · Concepto

01El problema

Menos apariencia y mucho más afinidad

El mercado entrenó a millones de personas a decidir en 400 milisegundos: una foto, un gesto, swipe. La conversación llega vacía y el match se apaga igual de rápido.

El problema no es la falta de gente. Es la falta de contexto. Nadie sabe quién es el otro hasta que ya descartó a quien encajaba.

01
Swipe infinito
Volumen sobre intención. Cuanto más deslizas, menos significa cada elección.
02
Matches vacíos
La foto optimizada esconde a la persona. Conectas con un filtro, no con alguien.
03
Conexiones superficiales
Sin terreno común real, el match nace sin tema, sin chispa y sin futuro.

02La oportunidad

LA MÚSICA ES EL DATO MÁS ÍNTIMO QUE COMPARTIMOS A DIARIO Y EL TEST DE COMPATIBILIDAD MÁS HONESTO Y REAL QUE EXISTE

Lo que escuchas revela tu energía, tu nostalgia, tu forma de sentir. Dos bibliotecas que vibran igual ya tienen de qué hablar antes del primer mensaje.

El streaming dejó un rastro emocional riquísimo y desaprovechado por las citas. Ahí estaba el espacio en blanco: convertir el gusto musical en el motor de la compatibilidad.


En sus manos

La app vive donde vive la música: en tu gente

Melomanie no se queda en la pantalla: se cuela en el coche, en la previa, en el festival. Donde tu gente comparte auriculares, la app ya está sonando.


Insight

No buscamos a alguien que se nos parezca. Buscamos a alguien que suene como nosotros


03Estrategia de producto

Una sola apuesta: la música primero, todo lo demás después

El posicionamiento se construyó alrededor de una decisión incómoda y deliberada: la foto no es lo primero que ves. Primero ves cómo suena una persona.

Esto define el onboarding, el algoritmo, el descubrimiento y hasta el chat, donde se envía una canción antes que un “hola”.

Principio 01
Identidad sobre apariencia
Cada perfil arranca por su Music DNA. La cara acompaña, no lidera.
Principio 02
Calidad sobre cantidad
Menos perfiles, más relevantes. Ordenados por sintonía real, no por proximidad.
Principio 03
La música rompe el hielo
La conversación empieza con un track compartido. El terreno común ya está puesto.

04La marca

Melomanie

De melomanía: la pasión sana por la música. Un nombre que es a la vez confesión y comunidad.

La identidad nace de la noche: la pista, el neón, el directo. Un negro absoluto como lienzo y un fucsia que late como un sintetizador. Una marca que no susurra, vibra.

Melomanie
Paleta
#000000
Midnight
#FF1FA8
Neon Fuchsia
#FFFFFF
Pure White
Tipografía display
Space Grotesk
Titulares · UI · números
Tipografía texto
Inter
Cuerpo · interfaz · legibilidad

05La decisión de UX que define el producto

Music DNA™

Convertimos años de escucha en el retrato de cada persona: ocho atributos que dibujan cómo siente la música.

Es la unidad de compatibilidad de Melomanie. No comparamos rostros: superponemos frecuencias. El porcentaje de sintonía nace de aquí, y le da a cada match una razón de ser.

Music DNA · Reveal
El resultado del onboarding, no un dato escondido

06Sistema visual

Negro de medianoche · fucsia de neón · silencio alrededor

Un sistema construido para la noche: superficies oscuras que dejan respirar la fotografía y el color, jerarquía tipográfica condensada y un único acento que se reserva para lo que importa, la sintonía, el match, la acción.

La onda de partículas funciona como firma viva de la marca: la música, hecha luz, recorre cargas, perfiles y momentos clave.

Componentes
Onda de partículas
Music DNA
Data-viz

07El flujo principal

Descubrir, vibrar, conectar

Un recorrido de tres tiempos donde la música conduce cada paso: se descubre por sintonía, el match se celebra como una colisión de bibliotecas, y la conversación empieza con una canción.

01 · Descubrir
02 · Explorar
03 · Vibrar
04 · Conectar

Envía una canción en lugar de un SIMPLE HOLA

El gesto que resume la app: el chat de Melomanie pone la música en el centro de la primera impresión.


Sonido
Sintonía
Identidad
Noche
Deseo

08Diferenciación

Donde Tinder optimiza la foto, Melomanie revela a la persona

Tinder · Bumble
Melomanie
Empareja por foto
Empareja por Music DNA
Swipe infinito
Sintonía ordenada
“Hola” en frío
Empiezas con una canción
Apariencia
Identidad e intención

09Resultado

Una app que se siente como una pista a las 2AM

El sistema completo, 25 pantallas, branding, design system y prototipo navegable, entrega una experiencia coherente de principio a fin: del splash de neón al primer track compartido.

Melomanie no es otra app de citas con otro filtro. Es una tesis de producto: la compatibilidad se escucha.


Fin del caso de estudio
Melomanie

REAL MUSIC · REAL PEOPLE

Product Design · UX/UI · Branding · 2026