Diseñadora de Producto

Mafer Leon

Me interesa el lugar donde el comportamiento humano y el diseño se encuentran. Trabajo en productos donde la claridad importa más que la complejidad.

2 Proyectos UX/UI Design

Proyectos

Mafer Leon
Sobre mi

Mafer Leon

Vengo de administración, finanzas y compras. Llegué al diseño porque viví lo que pasa cuando las herramientas no están pensadas para las personas. Mezclo visión de negocio con empatía real por el usuario.

playlist

Chai Latte

Algunas mañanas cuestan más que otras. Esta playlist nació de una de ellas. Tranquila, enfocada, sin prisa. Quizás a ti también te funcione.

Escuchar en Spotify
Mafer Leon
Diseñadora de Producto

Mafer Leon

UX/UI · Madrid, España · Disponibilidad remota

Verificada por Ironhack

Sobre mí

Soy Maria Fernanda, aunque todos me conocen como Mafer. Vengo del mundo de administración, finanzas y compras y llegué al diseño de experiencia porque viví en carne propia lo que pasa cuando las herramientas no están pensadas para las personas que las usan. Como purchasing assistant en una multinacional, trabajé todos los días con sistemas internos que hacían el trabajo más difícil en lugar de más fácil. Eso me cambió la mirada.

Mi formación en Growth Marketing me dio el puente: ahí descubrí cómo el comportamiento del usuario, los datos y las decisiones de diseño se conectan para generar impacto real en un negocio. Desde entonces no dejé de tirar de ese hilo.

Hoy estoy construyendo mis habilidades de UX/UI a través de proyectos prácticos, con una ventaja que valoro mucho: entiendo el lado del negocio, conozco las frustraciones del usuario interno y sé pensar en sistemas. Me gusta mezclar mi visión de negocio, la cercanía con el usuario real y las ganas de diseñar cosas que de verdad funcionen.

Lo que aporto

Años de trabajo en atención al cliente, compras y entornos internacionales en tres países han moldeado mi enfoque del diseño — con empatía, estructura y una comprensión profunda de las necesidades reales de las personas.

Mi Recorrido

TENZ Performance Club
Case Study - 🏆 Mejor proyecto Ironhack Enero 2026

TENZ Performance Club

Product Thinking Proyecto Real Deporte y Comunidad UX Research

Una comunidad que crecía sin casa digital

En 2 semanas diseñamos la experiencia digital de una comunidad deportiva real en Madrid. El cliente tenía un objetivo claro: la plataforma digital debía actuar como funnel hacia la merch. No solo comunidad sino también conversión. Mi rol: UX/UI Designer.

El crecimiento no estaba acompañado por una experiencia digital

No existe una plataforma que estructure la experiencia
Difícil convertir interés → participación → compra
Falta de herramientas para sostener disciplina

Research-driven + inmersivo

Proyecto final de bootcamp realizado junto a una compañera. Adoptamos un enfoque research-driven + inmersivo, comenzando desde el campo.

#FaseDetalles
1Investigación de CampoInmersión en una sesión de running de TENZ en Madrid
2EntrevistasUsuarios activos y deportistas en Madrid
3SíntesisIdentificación de patrones, necesidades y tensiones
4Definición del ProblemaReformulación desde experiencia, no solo interfaz
5Ideación → Mid-fiConcepto de plataforma digital alineada con negocio y comunidad

En el campo con TENZ

Nos unimos a una sesión de running de TENZ en Madrid para observar la dinámica del grupo, las interacciones sociales, y los momentos de fricción y motivación.

Sesión de campo
Sesión de campo

Lo que descubrimos

73%
buscan comunidad
62.5%
valoran ambiente y energía
#1
Fricción: gestión del tiempo
No llegan siendo atletas, el entorno los convierte.
Insight crítico de investigación

Para quién diseñamos

🏃
~30 años · Madrid
Poco tiempo libre, trabaja mucho, busca desconectar y conectar con gente que lo inspire a ser mejor. No es atleta profesional, pero quiere sentirse como uno.
Job to be done: Entrenar con reto y comunidad

Refuerzo de identidad a través de la experiencia digital

work. build. become.

No diseñamos solo una plataforma. Diseñamos algo que la gente quiera llevar puesto — digitalmente y en la vida real. Menos fricción en el journey, más mentalidad de club.

Minimalismo editorial Simetría y ritmo visual Narrativa aspiracional "The Club"

Producción visual

User Persona
User Journey Map
Mid-Fi
Aprendizaje clave
Este proyecto nos permitió entender que diseñar para una comunidad no es solo resolver lo inmediato, sino construir algo que viva y crezca con ella.
Este proyecto se presentó ante el stakeholder real de TENZ y fue seleccionado como mejor proyecto de la cohorte de enero 2026 en Ironhack.

Próximos Pasos

los siguientes pasos serían pruebas de usabilidad con usuarios reales de la comunidad, validación del flujo de conversión hacia merch, y iteración del sistema de identidad digital.

Galería de Diseño Visual

Pantallas de alta fidelidad y recursos visuales del case study TENZ.

UI Screens
UI Screens
Zoom
Flujo Merch
Zoom
Flujo Asistencia
Zoom
UI Screens
UI Screens
Zoom
TENZ
TENZ
Zoom
Lumix
Case Study

Lumix

Mafer Leon 2026 Fintech y Bienestar UX/UI Equipo de 4 · 2 semanas

No optimiza solo números. Reduce ansiedad financiera.

En 2 semanas, un equipo de 4 diseñamos un MVP mobile que cambia el enfoque de "control técnico" a "tranquilidad financiera". Mi rol: Product Designer.

El problema no era de números

Encuestamos a 85 personas. Los datos confirmaron que el problema no era técnico sino emocional.

64.7%
asocia dinero con ansiedad
56.5%
siente culpa al ver sus números
83.5%
solo usa apps bancarias
48%
dice que ahorrar da tranquilidad
41.2%
no sabe cuánto ahorra realmente
Ingresos estables ≠ seguridad financiera.
Insight clave de investigación

Más dashboards ≠ más control

Las apps financieras asumen que más datos = más tranquilidad. Encontramos lo contrario:

Ansiedad financiera invisible
Sensación constante de desorden
Exceso de dashboards, falta de claridad real
💡
Verónica
Joven asalariada, ingresos estables, ansiedad silenciosa. Evita revisar su cuenta. Quiere ahorrar pero no sabe cuánto puede. Busca tranquilidad, no complejidad. Necesita claridad emocional, no más datos.
Pregunta guía: ¿Esto realmente le reduce la ansiedad a Verónica?

De control técnico → a tranquilidad financiera

La estabilidad financiera no es solo matemática. Es percepción + claridad + proyección.

Transformar ingresos en progreso visible y tranquilidad real

Lumix

Lumix no es solo una app financiera. Es una herramienta para transformar ingresos en progreso visible y tranquilidad real. Integra: claridad visual, proyección financiera, automatización simple y seguridad emocional.

Claridad visual Proyección financiera Automatización simple Seguridad emocional

Funcionalidades clave

#FeatureDetalles
1Investigación y Encuesta85 encuestados — vínculo entre finanzas y salud emocional
2Definición del ProblemaAnsiedad invisible, exceso de dashboards, fragmentación
3User PersonaJoven profesional, inquietud financiera silenciosa
4Reencuadre de OportunidadMás allá de la matemática — de lo técnico a lo emocional
5Diseño del MVPHome limpio, calendario, flujos con lenguaje humano
6Prototipo y TestingPrototipo interactivo con foco en micro-hábitos
Site Map
Mid-Fi
User Persona

4 alumnos, 1 reto, 2 semanas

Un tema emocionalmente complejo. Bloqueos reales: demasiadas salidas posibles, tentación de hacerlo "todo", confusión entre wellness y fintech.

Cuando todo es posible, nada es claro.
Aprendizaje del equipo

Paramos. Volvimos a Verónica.

¿Qué dice Verónica?
¿Qué la bloquea realmente?
¿Qué le duele más: el gasto o la ansiedad?

Conclusión: Nuestro problema no era falta de herramientas. Era falta de tranquilidad.

Reducir. Menos features, menos dashboards.

Más claridad, más acompañamiento. Norte: Diseñar para reducir ansiedad, no para maximizar métricas.

Lo que aprendimos como equipo

La ideación necesita límites claros
El usuario es el filtro más potente
Volver al problema ahorra tiempo
Wellness sin foco se vuelve difuso
Claridad conceptual = claridad de producto
Si reducimos la fricción emocional al interactuar con las finanzas, aumentará la constancia financiera.
Hipótesis de impacto
Cierre
Lumix no busca que seas experto en finanzas. Busca que te sientas tranquilo con ellas.

Galería de Diseño Visual

Pantallas de alta fidelidad y recursos visuales del case study Lumix.

Lumix Mockup 1
Onboarding
Zoom
Lumix Mockup 2
Pantallas Principales
Zoom
Chat Lumix
Zoom
Ahorro y Metas
Zoom
Lumix Mockup 5
LUMIX
Zoom
Estudiando actualmente CPUX-F · Certificación en Diseño Centrado en el Humano Madrid, 2026 Abierta a oportunidades