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 e resultados
Um marketplace com escala real por trás.
Lançado em 2016, o ICBC Mall é pioneiro na indústria de marketplaces digitais, com mais de ARS 2 bilhões em vendas anuais e crescimento de 150% ano a ano.
- Usuários mensais
- 200KUsuários mensais
- Público-alvo
- 2MPúblico-alvo
- De crescimento ano a ano
- 150%De crescimento ano a ano
Pesquisa e discovery
O objetivo principal era repensar o marketplace, criando uma experiência de fidelidade sob medida para os clientes do ICBC, sobre uma plataforma e uma marca que já existiam.
Meu trabalho sempre começa com perguntas. É a forma de entender tanto o panorama geral de uma empresa quanto os perfis de usuário.
Estratégia digital de recompensas
Quando se trata de oferecer soluções sob medida, é preciso entender a raiz do problema, evitar o ruído e focar no que mais importa. Muitas vezes começo de uma solução anterior, então a ideia não é reinventar a roda, mas elevar o que já existe e revelar as experiências que faltam.
Perguntas iniciais
Todo projeto começa aqui. Estas seis perguntas enquadraram o trabalho inteiro.
- Quem são eles?
- O que eles veem?
- Qual é a primeira impressão?
- Como é a experiência geral?
- Quem usa mais o site?
- O que eu ganho com isso?
Perfis de usuário
Clientes do ICBC dentro de um público-alvo de 2 milhões, segmentados por como e por que resgatam: quem gasta no dia a dia atrás de descontos, quem acumula pontos poupando para viajar, e quem tem o cartão mas nunca abriu o programa de fidelidade.
Benchmarking
Analisamos concorrentes e fizemos benchmarking para entender padrões. Bancos e finanças tem players grandes; a chave era como se diferenciar e oferecer algo distinto.
Pesquisa
Card sorting e testes rápidos contra o marketplace existente, mapeados sobre as categorias que realmente puxam o resgate: casa, tecnologia e viagens.
Wireframes, design e protótipo no Figma
Esboços e wireframes iniciais baseados em boas práticas de eCommerce e de programas de recompensa, e na marca existente.
Pensamos várias formas de navegar os descontos e as ofertas: um mapa, uma busca avançada com filtros, e uma página de perfil com todos os dados do usuário, incluindo o total de pontos.
PWA de fidelidade ICBC
O foco do protótipo interativo no Figma era mostrar as funções principais do app mobile. A abordagem PWA nos permitiu trazer novos usuários sem exigir instalação.
Os clientes do ICBC podem navegar os descontos e benefícios perto deles pelo celular. Abaixo está essa interface reconstruída como HTML funcionando, não como captura: mude o viewport e verá o layout mobile-first se adaptar nos breakpoints reais.
O marketplace, funcionando
Os chips de categoria rolam, os cards respondem a hover e foco, e a barra de abas se aposenta no desktop, onde a barra superior assume a navegação.
Página de produto
Uma página de produto em um marketplace de fidelidade precisa responder duas perguntas ao mesmo tempo: quanto custa em reais e quanto custa em pontos. As duas precisam conviver com o parcelamento sem que nenhuma fique enterrada.
Esta é a parte que mais se perde em uma captura. A galeria, os seletores de cor e parcelamento, o contador de quantidade e a barra de compra que aparece só quando os botões principais saem da tela são todas decisões de comportamento, não de aparência.
A página de produto, funcionando
Escolha uma cor, mude o parcelamento, ajuste a quantidade, abra os acordeões. No mobile, se você rolar além dos botões aparece a barra de compra fixa; no desktop ela nunca aparece, porque o bloco de compra fica visível.
Relatórios no Looker, antes Google Data Studio
Com base em experiência anterior com Google Analytics, propus e liderei a implementação de ferramentas de analytics avançadas. Usamos relatórios de ecommerce aprimorado, Data Studio e GTM para melhorar a precisão e a consistência dos dados, e montar relatórios melhores para stakeholders.
Trabalhar junto ao COO, cientistas de dados e desenvolvedores front-end permitiu lançar isso mais rápido nos projetos de marketplace. Adicionou uma nova camada de dados e consolidou relatórios complexos em um único conjunto de ferramentas.
Reflexão final
Um protótipo no Figma pronto em duas semanas foi suficiente para apresentar a ideia e alinhar todo mundo. A camada de fidelidade foi montada sobre um marketplace que já funcionava, que é a restrição mais difícil: tudo o que era novo tinha que conquistar seu lugar contra algo que as pessoas já usavam.