logo-nombrelogo-nombrelogo-nombrelogo-nombre
  • Portafolio
  • Contacto
  • Español
✕

— CASO TODO1 · APP DE BANCA MÓVIL

Una sola plataforma.
Múltiples posibilidades.

Un proyecto de diseño end-to-end para construir una solución móvil flexible que pudiera ser adoptada por diferentes entidades financieras, permitiendo personalización visual, crecimiento funcional y una experiencia consistente para millones de usuarios potenciales.


Cliente

TODO1 Services

Rol

UX Research
Design System
UI Design
Prototyping
Usability Testing

Enfoque

 Android - iOS app

Lo reflejado a continuación corresponde a mi experiencia dentro del proyecto. Algunas imágenes e información fueron modificadas u omitidas por motivos de confidencialidad.

Una app bancaria no debería sentirse como un formulario. Debería sentirse como tener el banco en el bolsillo.

CONTEXTO

El producto no existía. La visión del cliente, sí.

El proyecto consistía en diseñar una aplicación móvil capaz de ser implementada por diferentes bancos, cada uno con necesidades, prioridades y modelos de negocio particulares.

Más que construir una aplicación bancaria tradicional, el desafío era crear una plataforma flexible que permitiera personalización visual, incorporación de nuevas funcionalidades y escalabilidad a largo plazo, manteniendo una experiencia consistente para los usuarios finales.

Basándonos en investigación, priorización estratégica y diseño centrado en el usuario, definimos una solución que equilibraba las necesidades del negocio con las expectativas de los clientes bancarios.

4

Releases

6

Sprints de Diseño

+30

Funcionalidades

98.13

SUS

EL DESAFÍO

Transformar complejidad bancaria en una experiencia simple.

El ecosistema financiero suele estar compuesto por procesos complejos, lenguaje técnico y múltiples restricciones operativas.

Además, la solución debía responder a tres desafíos simultáneos:

1. Adaptarse a diferentes bancos

2. Permitir crecimiento funcional continuo

3. Mantener una experiencia consistente y fácil de usar

No era solo diseñar pantallas, sino construir una base que permitiera a distintas instituciones lanzar productos digitales sin comenzar desde cero.

MI ROL

Investigar, diseñar el sistema y validar cada decisión con usuarios reales.

Participé en la fase de discovery, en entrevistas con usuarios y stakeholders, en el análisis competitivo, en la construcción del design system bajo principios de Atomic Design, en el diseño de alta fidelidad y en la preparación y acompañamiento del proceso de usability testing.

El desafío no era desarrollar una app, sino diseñar una plataforma adaptable que cada banco pudiera convertir en una aplicación propia.

OBJETIVOS

Definimos tres objetivos principales:

Escalabilidad

Crear una arquitectura capaz de soportar nuevas funcionalidades y futuras versiones del producto.

Personalización

Permitir que cada banco pudiera adaptar la identidad visual y ciertos módulos según sus necesidades.

Usabilidad

Garantizar que operaciones frecuentes como consultas, pagos y transferencias fueran rápidas, claras y seguras.

DESCUBRIMIENTO Y ALINEACIÓN

Entendiendo el alcance del producto.

Trabajamos junto a stakeholders, product managers y equipos técnicos para comprender el alcance real del proyecto.

Durante esta etapa identificamos funcionalidades prioritarias, dependencias técnicas y necesidades de negocio, construyendo un roadmap de entregas que permitiera generar valor desde las primeras versiones.

Este proceso permitió transformar una visión amplia en un plan de producto estructurado y ejecutable.

PRIORIZACIÓN Y DEFINICIÓN DEL PRODUCTO

Construyendo una estrategia de releases.

A partir de sesiones de descubrimiento y priorización definimos una estrategia incremental de lanzamiento.

El resultado fue:

  • 4 releases principales.
  • 6 sprints de diseño y validación.
  • Más de 30 funcionalidades priorizadas.

Esta planificación permitió reducir riesgos, acelerar la toma de decisiones y enfocar los esfuerzos en las funcionalidades de mayor impacto para usuarios y negocio.

INVESTIGACIÓN COMPETITIVA

Aprendiendo del mercado.

Realizamos un análisis competitivo de productos financieros existentes, incluyendo soluciones desarrolladas previamente por TODO1 y aplicaciones bancarias de referencia en la región.

El objetivo era identificar:

Patrones exitosos

Oportunidades de diferenciación

Mejores prácticas de usabilidad

Expectativas de los usuarios financieros

La investigación permitió tomar decisiones respaldadas por evidencia y reducir la dependencia de supuestos durante el diseño: en lugar de partir de cero, partimos de lo que el mercado ya había validado — y de lo que había dejado sin resolver.

SISTEMA DE DISEÑO

Diseñando una base para crecer.

Dado que la plataforma debía adaptarse a múltiples bancos, era indispensable construir un sistema sólido y reutilizable.

Utilizando principios de Atomic Design definimos componentes, patrones y estructuras reutilizables que permitieran mantener consistencia visual y funcional a medida que el producto evolucionaba.

El sistema facilitó:

  • Escalabilidad.
  • Consistencia visual.
  • Eficiencia en diseño y desarrollo.
  • Implementación rápida para nuevos clientes.

Esta base se convirtió en uno de los activos más importantes del proyecto.

El lenguaje bancario técnico estaba creando una barrera invisible entre el sistema y el usuario.

VALIDACIÓN Y MÉTRICAS

Probando la experiencia antes del lanzamiento.

La validación siguió un enfoque cualitativo, con sesiones moderadas conducidas por dos expertos en UX. El proceso se estructuró en seis fases:

  • Descripción de los arquetipos y tamaño de la muestra
  • Construcción de casos de prueba y definición de métricas
  • Agendamiento de las sesiones
  • Ejecución de las sesiones moderadas
  • Análisis y construcción del informe de resultados
  • Entrega del informe de resultados

Para medir la percepción de usabilidad aplicamos el System Usability Scale (SUS) al cierre de cada sesión. El resultado fue de 98.13 sobre 100, dentro del rango más alto de la escala: "Best Imaginable".

Más allá del número, las sesiones permitieron detectar y corregir fricciones antes del lanzamiento, validando que las decisiones de diseño funcionaban con usuarios reales y no solo en teoría.

  • Nivel de usabilidad excepcional
  • Experiencia altamente aceptada por los usuarios

DISEÑO VISUAL

Más allá de diseñar una aplicación bancaria, este proyecto permitió construir una plataforma flexible, capaz de adaptarse a múltiples entidades financieras y evolucionar junto con sus necesidades.

Con esta visión en mente, la experiencia visual resultante fue concebida para transmitir claridad, estabilidad y seguridad, atributos fundamentales dentro del contexto financiero.

Cada elemento visual fue diseñado para equilibrar funcionalidad y percepción de marca, permitiendo que distintas entidades financieras adaptaran la plataforma sin comprometer la experiencia del usuario.

El problema no era únicamente el proceso. Era que todos los bancos ofrecían exactamente la misma experiencia, incluso cuando sus usuarios tenían necesidades completamente distintas.

APRENDIZAJES

Un SUS de 98.13 confirma que la disciplina en el proceso se refleja en la experiencia final.

La flexibilidad tiene que ser intencional

Diseñar un sistema personalizable exige más rigor, no menos. Cada decisión de diseño tuvo que considerar múltiples contextos.

El lenguaje es parte de la interfaz

Simplificar el contenido fue tan crítico como diseñar los componentes. Sin eso, la interfaz más pulida habría fallado.

Trabajo relacionado

Ver todos

Caso YUXI:
Calidez e impacto

Un onboarding rediseñado desde la experiencia del empleado

Ver más

Caso Humano:
Integracion, tecnologia y cambio

Un onboarding rediseñado desde la experiencia del empleado

Ver más

Ponte en contacto, o simplemente di, Hola!

Para más detalles puedes visitar LinkedIn, Dribbble o escucha mi Podcast.

    © 2026 | Juhrrex.com
      • No translations available for this page