ProyectoCompletado

BancaNet Empresarial Móvil

Redefinición de la experiencia de banca móvil para clientes empresariales en Citibanamex.

Empresa
Citibanamex
Mi rol
Lead Designer
Periodo
abr 2018 – mar 2020
Resultados clave
  • +1M descargas en App Store y Google Play
  • 250k usuarios diarios activos
Empezar
BancaNet Empresarial Móvil

Equipo

  • Laura Flores (Product Design Lead)
  • Maru Neme (Product Designer)
  • Iliana Mejia (Product Designer)
  • Manuel Juarez (Product Designer)
  • Hector Martinez (Product Designer)
  • Daniel Salazar (UX Writer)
  • Celia del Angel (Data Analytics)

Herramientas

SketchJiraConfluenceZeplinIllustratorPhotoshopGoogle DocsExcel

Resultados

+1M descargas en App Store y Google Play. 250k usuarios diarios activos. El proyecto estableció una base de mejora continua con una matriz de deuda UX de 3 años que siguió guiando al equipo post-lanzamiento. La aspiración del negocio: convertirse en el producto financiero empresarial número 1 en México.

Métricas clave

  • descargas en App Store y Google Play+1M
    • 250kusuarios diarios activos
    • 3 añosseguimiento con matriz de deuda UXguió al equipo tras el lanzamiento
    • 41participantes en el research16 PyMES, 22 empresas y 3 corporativos

Problema

BancaNet Empresarial Móvil es la extensión móvil del portal web de banca electrónica de Citibanamex para grandes empresas y multinacionales. La app concentra las funcionalidades más relevantes del canal web — cuentas, autorizaciones, pagos y transferencias — diseñada principalmente para perfiles administrativos y operativos que gestionan las finanzas de la empresa desde el celular. Al igual que el portal web, el canal móvil tenía una experiencia desactualizada que no cumplía los estándares modernos de usabilidad, no reflejaba la identidad renovada del banco y carecía de una propuesta de valor diferenciada frente a la competencia en banca electrónica empresarial.

Research

La fase de investigación fue compartida con el canal web de BancaNet Empresarial — ver iniciativa "BancaNet Empresarial — Research" para el detalle completo.

Resumen: benchmark competitivo de banca electrónica empresarial en México (BBVA Bancomer, Santander, Banorte, HSBC, Scotiabank, entre otros) + evaluaciones heurísticas que identificaron calificaciones críticas bajas en Amigable (1/4), Accesible (1/4), Eficiente (1/4) y Confiable (0/4). Investigación con 41 participantes (16 PyMES, 22 Empresas, 3 Corporativos, edad 27–36). Principales puntos de dolor en el canal móvil: problemas de acceso (~30%), dificultad para transferir (13.7%) y bloqueos frecuentes (7.8%). En la cuarta iteración se realizaron entrevistas adicionales con PyMES que guiaron la priorización del backlog.

Solución

Coordiné el rediseño integral de la app, estableciendo prácticas de diseño centrado en el usuario y alineando al equipo de diseño con líderes de producto, tecnología y negocio. Implementamos un estilo visual moderno dentro del sistema institucional del banco, con flujos detallados que cubren todos los escenarios del journey. El diseño se iteró múltiples veces con usuarios reales, incorporando acceso biométrico, arquitectura simplificada y una matriz de deuda UX para guiar la mejora continua. Disponible en App Store y Google Play.

Aprendizajes

⚠️ Pendiente — agregar aprendizajes del proyecto.

Overview

BancaNet Empresarial Móvil was a redesign initiative to give a new direction to Citibanamex’s mobile banking app for enterprise and business clients.

A New Direction for the App

The project started from the recognition that the existing app needed a fundamental rethinking — not just a visual refresh, but a restructuring of the experience based on actual user needs.

Research & Analysis

The research phase combined qualitative and quantitative methods to understand how business clients were using the app, their main pain points, and the tasks they needed to accomplish most frequently.

⚠️ Pendiente — detallar metodología, hallazgos clave y datos específicos del research.
Sesión de prueba de usabilidad con un usuario de la app
Sesión de prueba de usabilidad con un usuario de la app

Conceptualization

⚠️ Pendiente — agregar proceso de conceptualización, exploración de soluciones y decisiones clave.
Mapa de flujos de usuario de la app
Mapa de flujos de usuario de la app
Archivo de Sketch con los flujos de Autorizaciones (swipe y detalle)
Archivo de Sketch con los flujos de Autorizaciones (swipe y detalle)

Analysis

⚠️ Pendiente — agregar análisis de usability testing o validación con usuarios.

Solución

⚠️ Pendiente — describir los flujos rediseñados y pantallas clave.
Pantalla de inicio: Cuentas, Autorizaciones, Pagos y Transferencias
Pantalla de inicio: Cuentas, Autorizaciones, Pagos y Transferencias
Pantallas clave de la app en iOS
Pantallas clave de la app en iOS
Presentación isométrica de la app
Presentación isométrica de la app

Impacto

⚠️ Pendiente — agregar métricas post-release y resultados del rediseño.