Feito AppPlataforma de Cashback, Crédito Próprio e Recompensas da Rede Buffon

Duração Dezembro 2024 – Dezembro 2025
Papel UX/UI Designer
Ferramentas Figma, FigJam, Miro e Analitics
Serviços UX Strategy, Progressive Profiling, Design System e Arquitetura mobile
Feito App Banner Principal - Plataforma de Cashback e Crédito Buffon
Contexto

Visão Geral do Projeto

Ao longo da minha trajetória como UX/UI Designer, entendi na prática o peso que uma interface tem na retenção e no fluxo de caixa de uma empresa. Tomando sempre decisões baseadas em dados, liderei a concepção de ponta a ponta do aplicativo Feito, uma plataforma de cashback e recompensas criada do zero para a rede Buffon.

O grande desafio inicial desse projeto era garantir uma adoção em massa por clientes que, no contexto de um posto de combustível, geralmente têm muita pressa. Para alcançar a nossa marca de mais de 800 mil usuários ativos, o segredo foi focar estritamente no contexto de uso. Mapeei a jornada do usuário e foquei em reduzir ao máximo a carga cognitiva no momento do checkout. Criei protótipos interativos focados no mobile-first e validei fluxos onde o resgate do cashback exigia o mínimo de toques possível. Garantir uma interface absurdamente simples foi o que permitiu escalar sem sobrecarregar o suporte.

Conforme o produto amadureceu, identificamos a oportunidade de aumentar o Life Time Value (LTV) do usuário não apenas na pista de abastecimento, mas também dentro das lojas de conveniência. Foi assim que nasceu o Feito Crédito, acompanhado de pagamentos via IoT na bomba e otimização da arquitetura web da rede.

Declaração do problema

O Desafio e Objetivos

O Desafio

Clientes em postos de combustível vivem em um contexto de urgência e pressa. O atrito de cadastro extenso (KYC) para o Feito Crédito e a resistência em trocar o cartão físico pelo aplicativo criavam barreiras imensas de adoção no caixa e nas lojas de conveniência.

O Objetivo

Criar um fluxo mobile-first com mínimo de toques no resgate de cashback (+800k usuários ativos), implementar o Feito Crédito via progressive profiling conversacional (40% de adoção e +25% no ticket médio da conveniência), e integrar pagamentos IoT sem sair do carro (+30% upsell).

Metodologia

Design Process

Para estruturar o aplicativo Feito com foco em conversão imediata, segurança de crédito e redução de carga cognitiva no checkout, conduzi o processo criativo guiado pela metodologia de Design Thinking dividida em 5 etapas iterativas: Empathize, Define, Ideate, Prototype e Test.

Esquema do Processo de Design Thinking (Empathize, Define, Ideate, Prototype, Test)
Empatia

Análise Competitiva de Mercado

Para identificar oportunidades de diferenciação no ecossistema de cashback, fidelização e crédito no varejo de combustíveis, analisei quatro grandes plataformas concorrentes:

Premmia Petrobras
Gas Station Loyalty
Pontos Fortes
  • Presença em ampla rede nacional de postos
  • Reconhecimento de marca consolidado
Pontos Fracos
  • Onboarding longo com múltiplos formulários no caixa
  • Interface com excesso de passos para o resgate de pontos
Loyalty Gas Station
Abastece Aí (Ipiranga)
Digital Wallet e Fuel
Pontos Fortes
  • Integração direta com o programa KM de Vantagens
  • Conta digital com cashback dinâmico
Pontos Fracos
  • Atrito elevado no cadastro de KYC inicial
  • Poluição visual que dificulta uso rápido nas conveniências
Fintech Cashback
Shell Box
IoT Fuel Payments
Pontos Fortes
  • Pagamento rápido via código digital na bomba
  • Fluxo de abastecimento sem atrito físico
Pontos Fracos
  • Falta de linha de crédito própria voltada à conveniência
  • Pouca inteligência no engajamento para upsell de loja
IoT Payments Fuel
Ame Digital
Retail Super App
Pontos Fortes
  • Pioneirismo em cashback no varejo e e-commerce
  • Carteira digital com múltiplos meios de pagamento
Pontos Fracos
  • Navegação genérica que não atende a pressa do posto
  • Falta de especificidade no contexto de posto de combustível
Super App Retail
Pesquisa de usuário

Entrevistas e Achados Chave

Realizei pesquisas qualitativas de campo e acompanhei a jornada de compra em postos e lojas de conveniência Buffon para entender as barreiras comportamentais dos usuários:

85%

Resgate Rápido em Mínimos Toques no Checkout

85% dos clientes no contexto de posto de combustível estão sempre com pressa. Qualquer complexidade no caixa causava desistência e sobrecarga no suporte. E para resolver isso, redesenhamos o fluxo mobile-first eliminando etapas desnecessárias no caixa, permitindo o resgate do cashback em apenas 2 toques e com suporte a QR Code instantâneo.

40%

Eliminação de Formulários via Progressive Profiling

40% dos clientes se afastavam da linha de crédito própria devido à exigência de dados bancários de uma só vez. E para resolver isso, aplicamos progressive profiling em um fluxo conversacional, solicitando apenas os dados estritamente necessários para liberar o Feito Crédito, gerando 40% de adoção.

30%

Pagamento via IoT e Upsell Inteligente de Loja

30% dos motoristas que abasteciam sem sair do carro não consumiam na loja. E para resolver isso, integramos pagamentos via IoT acionados diretamente da bomba de combustível combinados com indicações inteligentes de ofertas de loja de conveniência (+30% upsell).

Arquétipos de usuários

Personas de Usuário

Gabriel Mendes
Gabriel Mendes
32, Motorista Urbano e Cliente Frequente
Porto Alegre, RS
"Estou sempre com pressa no posto. Se o resgate de cashback demorar mais de 3 segundos no caixa, prefiro nem abrir o aplicativo."
Sobre

Gabriel abastece semanalmente na rede Buffon. Exige velocidade máxima de checkout, facilidade de uso mobile-first no celular e pagamento de combustível direto do veículo via IoT sem formulários.

Objetivos Principais
  • Resgatar cashback acumulado em até 2 toques na tela
  • Pagar o combustível diretamente do carro com segurança via IoT
  • Acompanhar a economia mensal de forma instantânea e transparente
Dores e Frustrações
  • Filas e demora no caixa causadas por aplicativos lentos e complexos
  • Formulários longos exigidos no momento exato do abastecimento
Motivações
Velocidade no Checkout
Cashback Instantâneo
Pagamento IoT sem Saída
Camila Rocha
Camila Rocha
29, Cliente de Conveniência e Feito Crédito
Caxias do Sul, RS
"Adoro usar o Feito Crédito na loja de conveniência porque a aprovação foi conversacional, sem preencher fichas exaustivas, e pago por QR Code em dois toques."
Sobre

Camila frequenta diariamente as lojas de conveniência Buffon. Valoriza o Feito Crédito para compras rápidas e a praticidade de visualizar o limite disponível em um layout límpido com leitura fácil por QR Code.

Objetivos Principais
  • Acessar limite de crédito próprio sem passar por burocracia de cadastro
  • Pagar compras na conveniência via QR Code em apenas 2 toques
  • Aproveitar ofertas e indicações de produtos alinhadas às suas preferências
Dores e Frustrações
  • Receio de formulários exaustivos de crédito com dados desnecessários
  • Telas financeiras confusas sem clareza do saldo disponível para consumo
Motivações
Progressive Profiling
Legibilidade de Limite QR
Ofertas Preditivas
Estrutura de ideação

POV e Como Podemos (HMW)

POV 01 · Resgate e Escala (+800k Usuários)

Clientes apressados em postos de combustível precisam de uma interface absurdamente simples no resgate de cashback para não abandonar a experiência e permitir escala em massa sem sobrecarregar o suporte.

HMW 01 (+800k Usuários Ativos)

Como podemos mapear a jornada do usuário e reduzir ao máximo a carga cognitiva no checkout mobile-first para alcançar mais de 800 mil usuários ativos com resgate em mínimos toques e suporte enxuto?

POV 02 · Feito Crédito e Conveniência

Consumidores nas lojas de conveniência precisam de uma linha de crédito própria sem atritos de cadastro (KYC) exaustivos ou dificuldades para substituir o cartão físico pelo celular.

HMW 02 (40% Adoção e +25% Ticket Médio)

Como podemos aplicar progressive profiling conversacional para aprovação de crédito e criar um acionamento via QR Code em 2 toques para atingir 40% de adoção e elevar em 25% o ticket médio das lojas?

POV 03 · Abastecimento IoT e Plataforma Web

Motoristas na bomba exigem pagamentos sem sair do carro e os lojistas precisam de ferramentas para converter a parada na pista em vendas de conveniência e retenção na plataforma web.

HMW 03 (+30% Upsell e +35% Retenção Web)

Como podemos projetar pagamentos IoT na bomba com sugestões inteligentes de produtos no checkout para gerar 30% de aumento em upsell e reestruturar o site da marca elevando a retenção web em 35%?

Alinhamento estratégico

Matriz de Objetivos do Projeto

Objetivos de Negócio

  • Escalar a base para +800 mil usuários ativos no app
  • Elevar em +25% o ticket médio com Feito Crédito (40% adoção)
  • Gerar +30% de upsell na loja com ofertas no checkout IoT

Objetivos do Usuário

  • Resgatar cashback acumulado em até 2 toques no caixa
  • Aprovação de crédito sem formulários bancários exaustivos
  • Pagar abastecimento via IoT direto do veículo com clareza

Considerações Técnicas

  • Implementação de Progressive Profiling UI em fluxo conversacional
  • Integração com distribuidores IoT das bombas de combustível
  • Reestruturação da Arquitetura de Informação Web (+35% retenção)
Arquitetura

User Flow

Mapeei o resumo do User Flow com o fluxo principal para melhor entendimento da jornada de fidelização: a identificação do CPF no caixa, o crédito de cashback automático, o resgate em 2 toques no app e o abatimento direto no total abastecido.

User Flow Diagram Feito Fidelidade Buffon
Layouts

Wireframes

Prototipamos em média fidelidade a simplificação da tela inicial de cashback, os modais de solicitação de crédito conversacional e os alertas de recomendação para compras rápidas na conveniência durante o abastecimento.

Wireframes Visão Geral de Telas e Fluxos Feito
Design System

Identidade Visual

Construí o Design System do aplicativo Feito focado em acessibilidade mobile-first, alto contraste para leitura rápida em ambientes externos (pista de combustível) e tokens de cores vibrantes.

Paleta de Cores e Tokens

#85c43b Lime Green
100 200 300 400 500 600 700 800 900
#3f7f27 Forest Green
100 200 300 400 500 600 700 800 900
#ff8432 Vibrant Orange
100 200 300 400 500 600 700 800 900
#404040 Graphite Dark
100 200 300 400 500 600 700 800 900
#000000 Preto / Neutro
100 200 300 400 500 600 700 800 900
#10B981 Success
100 200 300 400 500 600 700 800 900
#F59E0B Warning
100 200 300 400 500 600 700 800 900
#EF4444 Error
100 200 300 400 500 600 700 800 900
Tipografia oficial
Avenir
A tipografia Avenir foi selecionada para o Feito App por sua geometria humana e excelente legibilidade numérica em telas de saldos, QR Codes e botões de ação rápida em dispositivos móveis.
Headline 1
Font Avenir
Weight Bold (700)
Size 64px
Letter spacing -1.5px
Headline 2
Font Avenir
Weight SemiBold (600)
Size 48px
Letter spacing -1px
Headline 3
Font Avenir
Weight SemiBold (600)
Size 32px
Letter spacing -0.5px
Headline 4
Font Avenir
Weight Medium (500)
Size 24px
Letter spacing 0px
Paragraph — O rápido mocho-galego voa sobre o vale à noite, explorando a interface.
Font Avenir
Weight Regular (400)
Size 16px
Letter spacing 0px
Small / Caption — Saldos, Chaves Pix e Atalhos
Font Avenir
Weight SemiBold (600)
Size 13px
Letter spacing 0.5px

Espaçamento

4px | Detalhes space-1
8px | Padding apertado space-2
12px | Padding interno space-3
16px | Padding padrão space-4
24px | Relacionados space-5
32px | Card space-6
48px | Blocos space-7
64px | Seções space-8
96px | Espaços Seções space-9
128px | Espaços Hero space-10

Raio de Borda

4px | Tags e Chips radius-xs
8px | Inputs e Campos radius-sm
12px | Botões, Cards, Tooltips e Dropdowns radius-md
16px | Cards Principais e Modais radius-lg
24px | Containers grandes e destaques radius-xl
999px | Badges circulares e pills radius-full
Design visual e protótipo

Protótipos das Telas

O resultado visual final combinou máxima clareza de dados com uma navegação intuitiva, oferecendo resgate de saldo em dois toques, consulta de limite de crédito legível e confirmação de pagamento instantânea:

Visão Geral do Dashboard Principal Feito App

Visão Geral do Aplicativo Feito – Plataforma unificada de cashback, saldo acumulado e atalhos rápidos para postos Buffon.

Validação de métricas

Impacto Real

As soluções de produto e UX/UI foram validadas em produção com milhões de transações, entregando resultados expressivos em adoção, faturamento de conveniência e retenção:

+800k
Usuários Ativos no App
Checkout simples e suporte enxuto
40%
Adoção do Feito Crédito
Progressive profiling conversacional
+25%
Ticket Médio na Conveniência
Aba de crédito e QR Code em 2 toques
+30%
Aumento em Upsell
Pagamento IoT e ofertas inteligentes
+35%
Retenção na Plataforma Web
Reestruturação da arquitetura de informação
"O resgate de cashback no caixa é ridiculamente rápido. Dou 2 toques no celular e o desconto entra imediatamente na bomba de combustível. Mudou totalmente minha rotina."
"Solicitar o Feito Crédito foi super tranquilo. Em vez de preencher aquele formulário chato com 20 perguntas, o app me aprovou em um chat rapidinho e pago via QR Code na hora."
Visão de futuro

Impacto Futuro

O aplicativo Feito provou que o foco absoluto no contexto de uso é o maior acelerador de faturamento e fidelização. O roadmap futuro da plataforma abrange 4 pilares estratégicos:

01

Preditividade IA no Abastecimento

Alertas automáticos de oportunidade de abastecimento e cashback baseados nos padrões de deslocamento dos motoristas.

02

Expansão do Feito Crédito

Possibilitar o uso do crédito próprio da rede em parceiros conveniados fora dos postos de combustível.

03

Painel Analítico para Lojistas

Dashboard em tempo real para gerentes de loja monitorarem a conversão de ofertas inteligentes e indicações de produto.

04

Integração com Carteiras Nativas

Acionamento do QR Code do Feito Crédito diretamente da Apple Wallet e Google Wallet sem precisar abrir o app.

Feito App - Visão Geral da Experiência FinTech

Explore o Protótipo Interativo

Navegue pelos fluxos de resgate de cashback em 2 toques, aprovação do Feito Crédito e pagamento via IoT no Figma.

Ver Protótipo no Figma