Bank Mobile-First PWA & Marketplace
ICBC · Main UX/UI Designer
The primary goal was to rethink the marketplace, creating a tailored loyalty experience for ICBC clients. ICBC Mall Argentina is a custom marketplace focused on home, tech and travel, with loyalty rewards designed to improve ROI and credit-card usage.
- Client
- ICBC
- Role
- Main UX/UI Designer
Métricas y resultados
Un marketplace con escala real detrás.
Lanzado en 2016, ICBC Mall es pionero en la industria de marketplaces digitales, con más de ARS 2.000 millones en ventas anuales y un crecimiento interanual del 150%.
- Usuarios mensuales
- 200KUsuarios mensuales
- Audiencia objetivo
- 2MAudiencia objetivo
- De crecimiento interanual
- 150%De crecimiento interanual
Investigación y discovery
El objetivo principal era repensar el marketplace, creando una experiencia de fidelización a medida para los clientes de ICBC, sobre una plataforma y una marca que ya existían.
Mi trabajo siempre arranca con preguntas. Es la forma de entender tanto el panorama general de una empresa como los perfiles de usuario.
Estrategia digital de recompensas
Cuando se trata de ofrecer soluciones a medida, hay que entender la raíz del problema, evitar el ruido y enfocarse en lo que más importa. Muchas veces arranco desde una solución previa, así que la idea no es reinventar la rueda sino elevar lo que ya está y destapar las experiencias que le faltan.
Preguntas iniciales
Todo proyecto arranca acá. Estas seis preguntas enmarcaron el trabajo entero.
- ¿Quiénes son?
- ¿Qué ven?
- ¿Cuál es su primera impresión?
- ¿Cómo es su experiencia general?
- ¿Quién usa más el sitio?
- ¿Qué gano yo con esto?
Perfiles de usuario
Clientes de ICBC dentro de una audiencia objetivo de 2 millones, segmentados por cómo y por qué canjean: el que gasta a diario y busca descuentos, el que acumula puntos ahorrando para viajar, y el que tiene la tarjeta pero nunca abrió el programa de fidelización.
Benchmarking
Analizamos competidores e hicimos benchmarking para entender patrones. Banca y finanzas tiene jugadores grandes; la clave estaba en cómo diferenciarse y ofrecer algo distinto.
Investigación
Card sorting y testeo rápido contra el marketplace existente, mapeado sobre las categorías que realmente traccionan el canje: hogar, tecnología y viajes.
Wireframes, diseño y prototipo en Figma
Bocetos y wireframes iniciales basados en buenas prácticas de eCommerce y de programas de recompensas, y en la marca existente.
Pensamos varias formas de navegar los descuentos y las ofertas: un mapa, una búsqueda avanzada con filtros, y una página de perfil con todos los datos del usuario, incluido el total de puntos.
PWA de fidelización ICBC
El foco del prototipo interactivo en Figma era mostrar las funciones principales de la app mobile. El enfoque PWA nos permitió sumar usuarios nuevos sin obligarlos a instalar nada.
Los clientes de ICBC pueden navegar los descuentos y beneficios cerca suyo desde el celular. Abajo está esa interfaz reconstruida como HTML funcionando, no como captura: cambiá el viewport y vas a ver el layout mobile-first adaptarse en los breakpoints reales.
El marketplace, funcionando
Los chips de categoría scrollean, las cards responden a hover y foco, y la barra de tabs se retira en desktop, donde la barra superior toma la navegación.
Página de producto
Una página de producto en un marketplace de fidelización tiene que responder dos preguntas a la vez: cuánto cuesta en pesos y cuánto cuesta en puntos. Las dos tienen que convivir con las cuotas sin que ninguna quede enterrada.
Esta es la parte que más se pierde en una captura. La galería, los selectores de color y cuotas, el contador de cantidad y la barra de compra que aparece sólo cuando los botones principales salen de pantalla son todas decisiones de comportamiento, no de apariencia.
La página de producto, funcionando
Elegí un color, cambiá el plan de cuotas, movés la cantidad, abrí los acordeones. En mobile, si scrolleás más allá de los botones aparece la barra de compra fija; en desktop nunca aparece, porque el bloque de compra queda a la vista.
Reportes en Looker, antes Google Data Studio
A partir de experiencia previa con Google Analytics, propuse y lideré la implementación de herramientas de analytics avanzadas. Usamos reportes de ecommerce mejorado, Data Studio y GTM para mejorar la precisión y consistencia de los datos, y armar mejores reportes para stakeholders.
Trabajar junto al COO, científicos de datos y desarrolladores front-end permitió lanzarlo más rápido en sus proyectos de marketplace. Sumó una nueva capa de datos y consolidó reportes complejos en un único set de herramientas.
Reflexión final
Un prototipo en Figma listo en dos semanas alcanzó para presentar la idea y alinear a todos. La capa de fidelización se montó sobre un marketplace que ya funcionaba, que es la restricción más difícil: todo lo nuevo tenía que ganarse el lugar contra algo que la gente ya usaba.