Case 04 · Grupo Ultra · Abastece Aí
Nova home do Abastece Aí, app do Grupo Ultra que hoje é o KM de Vantagens. O projeto nasceu como conceito, sabendo que o app mudaria em breve para o KM. A missão era propor uma nova home que levasse o app a mais clientes, inclusive os que tinham pouco interesse em usá-lo.
Papel
Única UX da Rethink, em parceria com o UX do Grupo Ultra
Período
Jan – Mar 2023
Escopo
Benchmarking, baixa fidelidade, testes com usuários e UI
Resultado
Aprovada em mar/2023 · estrutura mantida no KM de Vantagens
Protótipo · role, deslize e toque
Veja a home funcionando.
Saldo com efeito gênio
Pontos, saldo e, no futuro, outros produtos lado a lado. O card em foco fica maior que os demais, como no efeito gênio da Apple.
01 · O desafio
Time enxuto
Eu era a única UX da consultoria e trabalhava em parceria com o UX do Grupo Ultra.
Negócio ainda definindo
Nas entrevistas, o time de negócios ainda não sabia exatamente o que queria, e os dados disponíveis eram limitados.
Atrás do mercado
Comparado a apps de pontos como Shellbox e Premmia, o Abastece Aí estava defasado no visual e na tecnologia, e não atraía quem tinha pouco interesse em usar.
Processo
01
Benchmarking com 14 critérios
Nove apps de pontos e cashback, como Premmia, Shell Box, Carrefour, Latam Pass, Ame, Méliuz, GasBuddy e Upside, avaliados com critérios baseados nas heurísticas de usabilidade, com foco em cadastro e onboarding. Acessibilidade apareceu como oportunidade: só o Carrefour oferecia atendimento em Libras.
02
Teste de usabilidade com 11 pessoas
Em jan/23, usuários e não usuários fizeram tarefas no protótipo em baixa fidelidade do cadastro e da home. 11 de 11 acharam o cadastro fluido, fácil e rápido, e 6 de 11 esperavam alguma explicação sobre o produto e suas vantagens.
03
Teste A/B das telas do workshop
Em fev/23, comparamos as telas criadas no workshop de dez/22. 5 de 5 preferiram digitar a senha na mesma tela e ver o ícone de ocultar ao lado do saldo.
02 · Decisões de design
Sem uma definição clara do negócio, organizei a home pelo que o app já tinha de certo: o estágio do cadastro de cada pessoa. Quem fez só a primeira etapa ou veio do legado KMV vê as funções liberadas e o caminho para completar. Quem tem o cadastro completo paga, acumula e troca Km. Quem parou no meio vê o que falta, sem travar o uso.
Menu rápido no topo
Seis atalhos para o que traz a pessoa ao app (abastecer, trocar e ganhar Km, pagar compras) e uma pílula "Mais opções" que abre o menu completo, dividido em áreas.
Saldo separado, com opção de esconder
Pontos e saldo em dinheiro em cards separados: nos testes, uma pessoa não sabia a diferença entre os dois. O olho para ocultar veio dos apps de banco, e 9 de 11 já procuravam por ele.
Stories para parceiros e cupons
Novidades, cupons e promoções num formato que 5 de 11 associaram ao Instagram, com selo para o que é recente. Como 10 de 11 foram atraídos por desconto e cashback, eles ganharam destaque.
Boas-vindas que dá para pular
Cinco modais curtos com animação simples. 10 de 11 acham o tour válido, mas preferem pular e aprender usando, e o bloco "Saiba como acumular" no fim da home responde a quem espera entender o programa.
03 · Resultado
Aprovada por usuários e negócio. A estrutura sobreviveu à troca de marca.
A nova home foi apresentada em 17/03 e aprovada em 20/03/2023. Agradou tanto os usuários quanto o time de negócios e ficou no ar por cerca de dois anos como Abastece Aí. Quando o app virou KM de Vantagens, o programa de fidelidade da Ipiranga (Grupo Ultra), a estrutura da home continuou praticamente a mesma, inclusive os cards que expandem.