Banco Ripley
Contexto del Proyecto
Banco Ripley buscó fortalecer su ecosistema digital a través del rediseño de Ripley Cash, una aplicación móvil para enviar y recibir dinero. El objetivo fue mejorar la usabilidad, claridad y accesibilidad, ofreciendo una experiencia más fluida e intuitiva alineada con la identidad moderna del banco.
Rediseñar la aplicación móvil de Banco Ripley para crear una experiencia más clara e intuitiva en el envío y recepción de dinero. La meta era mejorar la usabilidad, eficiencia y accesibilidad, alineando la app con la identidad digital moderna del banco.
La interfaz de la app carecía de claridad y organización, lo que dificultaba a los usuarios rastrear transacciones y enviar dinero. Además, la función de código QR resultaba confusa, y el proceso para seleccionar contactos era lento y repetitivo, afectando la experiencia general de uso.
Rediseñamos Ripley Cash con un flujo simplificado y un diseño intuitivo, mejorando la visibilidad de las tareas y la navegación. A través de pruebas de usuario y prototipado en FlutterFlow, optimizamos las transacciones, mejoramos acciones clave como Enviar y Solicitar dinero, y reforzamos la coherencia visual de toda la experiencia.
Testimoniales
“El rediseño de Ripley Cash superó nuestras expectativas. La nueva interfaz se siente moderna, intuitiva y alineada con la forma en que nuestros clientes interactúan hoy. Las mejoras en usabilidad y claridad han hecho que las transacciones sean visiblemente más rápidas, y el feedback de los usuarios ha sido extremadamente positivo.”
.webp)
“El rediseño de Ripley Cash superó nuestras expectativas. La nueva interfaz se siente moderna, intuitiva y alineada con la forma en que nuestros clientes interactúan hoy. Las mejoras en usabilidad y claridad han hecho que las transacciones sean visiblemente más rápidas, y el feedback de los usuarios ha sido extremadamente positivo.”
Proceso de Diseño y Desarrollo
Briefing
Análisis de Competidores
Análisis UX
Definición del User Persona
.png)
Flujo de Usuario y Sitemap
Wireframes de Baja y Alta Fidelidad
Prototipo Interactivo
Pruebas de Usabilidad
.png)
Branding
UI y UI-Kit
Diseño Responsivo
Prototipo de Alta Fidelidad
Pruebas de Usabilidad
Entrega al Equipo de Desarrollo
.png)
Implementación de CMS(WordPress–Elementor / Shopify / Webflow)
Configuración del CMS
Optimización Responsiva
Mejoras SEO (contenido e imágenes optimizados)
Pruebas Finales y Control de Calidad (QA)
Despliegue Final del Proyecto
Proceso de Diseño
Briefing
Análisis de Competidores
Análisis UX
Definición del User Persona
Flujo de Usuario y Sitemap
Wireframes de Baja y Alta Fidelidad
Prototipo Interactivo
Pruebas de Usabilidad
Branding
UI y UI-Kit
Diseño Responsivo
Prototipo de Alta Fidelidad
Pruebas de Usabilidad
Entrega al Equipo de Desarrollo
Color Palette
Typography
Brand Identity
User Persona
Logo
Lo-Fi Wireframes
Diseño Previo
La Experiencia Renovada
The Mobile Revamped Experience
El nuevo diseño se enfoca en claridad, velocidad y confianza. Introduce inicio de sesión seguro mediante Touch ID y PIN, un flujo de transferencias más intuitivo con menos pasos, y un proceso de pago por código QR más rápido con autenticación por Face ID. Además, los comerciantes obtienen control total sobre los pagos y confirmaciones desde la aplicación.
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
El rediseño de Ripley Cash se centró en crear una experiencia móvil clara, intuitiva y centrada en el usuario, que simplifica las transacciones digitales y mejora la accesibilidad. Al reestructurar el flujo de usuario, refinar las interacciones clave e implementar pruebas de usabilidad con FlutterFlow, la app ahora ofrece una experiencia más fluida, moderna y eficiente, alineada con la identidad visual del banco.
Flujo y navegación simplificados
La nueva estructura permite enviar y solicitar dinero en menos pasos, mejorando la eficiencia y reduciendo la carga cognitiva del usuario.
Mayor claridad en la interfaz
Diseños reorganizados y jerarquías visuales claras ayudan a los usuarios a identificar fácilmente las acciones clave y entender el estado de las transacciones.
Funcionalidad QR integrada
Un escáner QR renovado mejora la accesibilidad para las transacciones presenciales, con instrucciones claras y rendimiento más rápido.
Prototipado y pruebas de usabilidad
Los prototipos interactivos construidos en FlutterFlow permitieron pruebas en tiempo real y refinamientos antes de la implementación, asegurando una experiencia fluida e intuitiva.
Creando una experiencia digital intuitiva y eficiente
Proceso de Rediseño
Reestructuramos el flujo de usuario y rediseñamos las interacciones clave para simplificar las transferencias de dinero y mejorar la navegación. A través de prototipado de alta fidelidad en FlutterFlow y pruebas de usabilidad, aseguramos una experiencia más fluida, rápida e intuitiva.
User Flows
Un nuevo flujo para las funciones de Enviar y Solicitar dinero redujo los pasos necesarios y simplificó la finalización de las transacciones. Etiquetas claras, jerarquía visual y retroalimentación en tiempo real mejoraron la eficiencia de las tareas.
Diseño Visual
La nueva interfaz adopta la identidad moderna de Banco Ripley, combinando un diseño limpio, una paleta de colores vibrante y componentes accesibles para crear una experiencia digital coherente y atractiva.
Conclusión
Con el rediseño de Ripley Cash, simplificamos las tareas principales y mejoramos la accesibilidad, logrando una experiencia más rápida e intuitiva. Este enfoque centrado en el usuario, desarrollado en FlutterFlow, ofrece una solución digital moderna, segura y escalable, alineada con las necesidades cambiantes de Banco Ripley.