AforeMóvil — Ecosistema digital de ahorro y retiro nacional

Durante cuatro años de evolución continua, lideré la optimización y el mantenimiento integral de AforeMóvil, la aplicación nacional de ahorro y retiro supervisada por la CONSAR. Mi trabajo abarcó el rediseño completo de los flujos principales, la mejora de la experiencia en dispositivos nativos (Android, iOS y Huawei) y la creación de un sistema visual escalable, aplicado a las 10 versiones institucionales (white-label) utilizadas por las principales AFORES del país.

Más que un rediseño, fue la evolución completa de un ecosistema digital con millones de usuarios activos.

Mockup – AforeMóvil (App)

Contexto

AforeMóvil pasó de ser una aplicación informativa a convertirse en el canal nacional de gestión del ahorro para el retiro en México.

Con más de 13.6 millones de descargas, la app debía mantener una experiencia confiable, accesible y adaptable ante nuevas funciones reguladas por la CONSAR y las distintas AFORES participantes.

Este crecimiento implicó evolucionar la arquitectura de la experiencia y el diseño visual para sostener la escalabilidad, seguridad y consistencia de un producto de alcance nacional.

Rol y aportes principales

  • Rol: Senior Product Designer — UX/UI Specialist

  • Duración: Julio 2019 – Septiembre 2023

  • Equipo: Producto · Desarrollo · Negocio · QA

  • Responsabilidad general:
    Lideré la optimización, mantenimiento y evolución visual de la app y sus versiones white-label, garantizando consistencia entre diseño, desarrollo y negocio.

Contribuciones clave

  • Creación de flujos principales: registro, reconocimiento facial biométrico, ayudas por desempleo y matrimonio, aportaciones voluntarias y consulta de ahorro.

  • Mantenimiento y mejora continua de todos los flujos funcionales a lo largo de cuatro años.

  • Diseño de un sistema visual integral y escalable para Android, iOS y Huawei, con adaptaciones por dispositivo y consistencia institucional.

  • Handoff técnico en InVision y Zeplin, con especificaciones detalladas de medidas, colores, tipografías, estados y assets.

  • Uso de Craft para sincronización de componentes y colaboración con desarrolladores en tiempo real.

  • Implementación de animaciones y microinteracciones en After Effects, exportadas como archivos JSON con Bodymovin/Lottie para integración nativa.

  • Apoyo en la versión web y portal interno “Accesar”, maquetando en HTML5, CSS/Sass y Bootstrap.

  • Coordinación directa con negocio y CONSAR en requerimientos funcionales, validación UX y QA visual.

Proceso UX

Research y diagnóstico

Análisis de fricciones, entrevistas y mapeo de usuarios para identificar puntos de mejora en trámites y accesos.

Definición y priorización

Selección de flujos críticos (registro, autenticación, retiros, aportaciones) y validación con negocio y CONSAR.

Ideación y diseño UX

Wireframes, prototipos navegables y pruebas internas con equipos de negocio y QA.

UI Design System

Componentes escalables y adaptables a Android, iOS y Huawei, con accesibilidad AA y consistencia visual.

QA y validación continua

Iteraciones funcionales, revisión de microinteracciones y validación de assets antes del release.

Entrega técnica

Handoff detallado en InVision y Zeplin, assets optimizados por plataforma y documentación completa.

Medición y resultados

Análisis de métricas post-lanzamiento: descargas, trámites completados, eficiencia en tiempos y consistencia UI.

Resultados medibles e impacto real

AforeMóvil se consolidó como una de las apps financieras más utilizadas en México, alcanzando millones de usuarios y mejorando la eficiencia operativa de los principales flujos digitales.

+13.6 M descargas y 10.3 M activaciones

Adopción nacional sostenida en Android, iOS y Huawei.

+5.6 M trámites digitales

Procesos completados exitosamente desde el rediseño integral.

–30 % en tiempos operativos

Optimización de journeys y validaciones en flujos críticos.

10 versiones institucionales

Sistema visual adaptado a todas las AFORES participantes.

Design System unificado

Adoptado por equipos de desarrollo y diseño de múltiples AFORES.

Aprendizajes

Diseñar AforeMóvil fue construir una experiencia viva y regulada a gran escala. Aprendí que la verdadera madurez UX surge cuando diseño, desarrollo y negocio trabajan bajo un mismo lenguaje visual.

“Un gran sistema no nace de un rediseño, sino de una evolución continua guiada por experiencia y propósito.”

Pantallas clave y ecosistema visual

Algunas de las interfaces diseñadas durante la evolución de AforeMóvil y sus versiones institucionales.
Cada pantalla refleja consistencia, accesibilidad y una identidad visual unificada entre las 10 AFORES participantes.

¿Buscas resultados como estos?

Conoce cómo un proceso UX metodológico puede escalar productos a millones de usuarios y fortalecer el valor de negocio.