Tu dinero, tus reglas. Diseño y desarrollo de una app iOS para gestionar suscripciones en el mercado español. El proyecto parte de investigación con usuarios reales y avanza hasta un MVP local-first preparado para App Store.
En España no existe una app de gestión de suscripciones pensada para el usuario español. Las alternativas suelen estar en inglés, pedir conexión bancaria o quedarse en un control reactivo cuando el cobro ya ha ocurrido.
Diseñé una encuesta de 7 preguntas y la distribuí entre personas de 20 a 45 años en España. En paralelo, preparé un guion de entrevistas cualitativas para profundizar en los comportamientos que la encuesta solo podía apuntar.
Los datos no fueron ambiguos: muchas personas siguen descubriendo cobros de Netflix, Spotify o Adobe al revisar el extracto bancario, siempre después de que ya les han cobrado.
El grupo mayoritario fue el reactivo consciente: sabe que debería controlarlo mejor, usa el banco como proxy y conoce la mayoría de sus suscripciones, pero no el total exacto.
Me gustaría tener un trackeo de las suscripciones que tengo, el precio y cuándo me va a llegar el pago para poder cancelarlas si quiero.
La cita describe, palabra por palabra, el MVP que terminé construyendo.
El core job quedó definido así: saber exactamente qué suscripciones tengo activas y cuánto cuestan para no pagar por servicios que no uso y sentir que controlo mi dinero.
La competencia más peligrosa no eran otras apps de suscripciones, sino la banca embebida y los controles del sistema operativo. La app del banco era el hábito dominante.
Las alertas pre-cobro se convirtieron en la feature diferenciadora. No el listado de suscripciones, sino avisar antes de que el usuario pague otra vez.
Los usuarios hablaban de las que se les olvidan, las que se quedan ahí o las que pagan sin darse cuenta. Lo destilé en un concepto: suscripciones fantasma, cobros recurrentes que siguen vivos aunque tú ya te hayas ido.
El concepto de cazar fantasmas definió el tono de toda la comunicación: cercano, útil y con un punto de humor que reduce la ansiedad financiera sin trivializarla.
El lenguaje de producto traduce un problema financiero abstracto en una acción concreta y fácil de recordar.
Tomé una decisión estética deliberada: que Mio no pareciera una app de finanzas. Nada de dashboards oscuros, gráficos de barras ni la paleta genérica de fintech azul sobre blanco.
El sistema se apoya en una tipografía dual: Parkinsans para la UI e Instrument Serif exclusivamente para valores monetarios. Cuando ves un número en serif, sabes que es dinero.
El sistema de tokens define la base visual de Mio: colores, tipografías, radios y espaciados. Cada decisión está tokenizada para garantizar consistencia y facilitar la evolución futura de la app.
Inicialmente dividí el detector en dos tarjetas. La información se diluía, así que volví a una sola tarjeta con más peso visual.
En el primer listado se veían igual que las mensuales. Como son las que más se olvidan, añadí un badge específico para reconocerlas a primera vista.
El gasto mensual empezó siendo el hero. La investigación corrigió la pantalla: las alertas pre-cobro subieron y el total bajó.
Migré de Instrument Sans a Parkinsans para dar a la interfaz una personalidad más redonda, cálida y distinguible.
Añadí puntos de cobro y un resumen mensual para convertir el calendario en una vista clara de cuánto queda de presupuesto.
Además de los tokens, el sistema se apoyó en una librería de componentes reutilizables para mantener consistencia entre botones, navegación y estados de interfaz a lo largo de la app.
Las reglas visuales evitan bordes de 1px, usan separación tonal entre superficies, un solo color de acento por pantalla y navegación inferior flotante con glassmorphism.
Portada del proyecto Mio, que resume la identidad visual de la app en una sola imagen: tipografía, color y tono de producto.
Las pantallas de Mio en contexto de dispositivo, mostrando cómo queda la aplicación en un iPhone real y validando las decisiones visuales sobre fondo negro.
Resumen visual de las pantallas más importantes del flujo: home, listado de suscripciones, detalle y calendario de cobros.
Los datos cambiaron decisiones de diseño semanas después de haberlos analizado. Cuando un usuario dice que las anuales siempre se quedan ahí, no estás leyendo feedback: estás leyendo una especificación de producto disfrazada de queja.
La estética de una app de finanzas personales importa más de lo que parece. Si la interfaz parece un panel de control industrial, la gente no la abre dos veces.