LifeBank App.
LifeBank App.
A mobile wallet concept designed end to end — user flows, wireframes, a friendly iOS interface and a clickable prototype ready to be tested with users.
Un concepto de billetera móvil diseñado de principio a fin: user flows, wireframes, una interfaz iOS amigable y un prototipo navegable listo para probar con usuarios.
Fintech is a high‑trust, crowded category. The brief: design a wallet app where cards, transfers, service payments and transaction history feel simple and approachable — and prove it with a prototype people can actually test.
El fintech es una categoría saturada y de alta confianza. El reto: diseñar una billetera donde tarjetas, transferencias, pagos de servicios e historial se sientan simples y cercanos, y demostrarlo con un prototipo que la gente pueda probar.
- User flows and wireframes mapping the whole journey: splash → onboarding → login / registration → home → add card → transfers.User flows y wireframes que mapean todo el recorrido: splash → onboarding → login / registro → home → agregar tarjeta → transferencias.
- A friendly visual language: deep blue and aqua palette, rounded components and 3D illustrations to make money feel less intimidating.Un lenguaje visual cercano: paleta azul profundo y aqua, componentes redondeados e ilustraciones 3D para que el dinero se sienta menos intimidante.
- 13 iOS screens: onboarding, login with Touch ID, registration, home with balance and cards, transfers (contacts, detail, confirmation) and add card with live card preview.13 pantallas iOS: onboarding, login con Touch ID, registro, home con saldo y tarjetas, transferencias (contactos, detalle, confirmación) y agregar tarjeta con vista previa en vivo.
- Success states and feedback for every key action, so users always know a transfer or a new card went through.Estados de éxito y feedback en cada acción clave, para que el usuario siempre sepa que su transferencia o tarjeta quedó lista.
- Clickable prototype with defined transitions, ready for user testing.Prototipo navegable con transiciones definidas, listo para pruebas con usuarios.
User flows & wireframes
User flows y wireframes
Clickable prototype
Prototipo navegable
Tap or click the buttons on the screen, just like in the app. Tap anywhere else to see where you can go.Toca o haz clic en los botones de la pantalla, como en la app. Toca en cualquier otro lugar para ver a dónde puedes ir.
Onboarding & access
Onboarding y acceso
Home & transfers
Home y transferencias
Cards
Tarjetas
A complete, testable product story in a single project — and a snapshot of how I approach UI: flows first, then consistent components, then polish.
Una historia de producto completa y testeable en un solo proyecto, y un reflejo de cómo abordo el UI: primero los flujos, luego componentes consistentes y al final el pulido.