BfrotasPlataforma Digital de Gestão de Frotas, Abastecimento e Fidelização

Duração Janeiro 2025 – Dezembro 2025
Papel UX/UI Designer
Ferramentas Figma, FigJam, Design Tokens, Mobile Specs
Serviços UX Strategy, Design System e Dashboards de Gestão
Bfrotas Banner Principal - Plataforma de Gestão de Frotas e App do Caminhoneiro
Contexto

Visão Geral do Projeto

Como UX/UI Designer no projeto Bfrotas, liderei o redesenho de uma plataforma digital completa de gestão de frotas e controle de abastecimentos para transportadoras e gestores de logística, operada com o apoio estratégico da Rede Buffon.

O ecossistema Bfrotas conecta duas pontas essenciais da operação de transporte: um portal web corporativo para gestores acompanharem consumo de combustível, telemetria básica, limites de veículos e concederem adiantamentos e créditos pré/pós-pagos da Rede Buffon, mantendo a saúde financeira e o fluxo de caixa das frotas.

Na outra ponta, projeta-se um aplicativo mobile dedicado aos motoristas de caminhão. Focado na experiência de abastecimento na pista do posto, o app elimina filas e requisições em papel com liberação instantânea por QR Code (<15 segundos no caixa), além de integrar um clube exclusivo de fidelidade e promoções da Rede Buffon para engajar o caminhoneiro.

Declaração do problema

O Desafio e Objetivos

O Desafio

A gestão tradicional de frotas sofria com validações manuais de combustível, risco de desvios e fraudes em notas de papel, além da falta de liquidez dos gestores para liberar dinheiro de abastecimento antes do recebimento do frete. Nos postos, os caminhoneiros enfrentavam demoras de até 15 minutos esperando liberações por telefone, sem receber qualquer benefício ou incentivo pela boa condução.

O Objetivo

Projetar uma solução digital integrada que reduza o tempo de liberação no caixa do posto de minutos para menos de 15 segundos via QR Code (-65% no tempo de parada), disponibilize crédito e adiantamentos pré-aprovados pela Rede Buffon para gestores (+50% no fluxo de caixa) e fidelize os motoristas através de um clube de recompensas e promoções (+85% de engajamento).

Metodologia

Design Process

Para estruturar a plataforma Bfrotas atendendo tanto às necessidades de controle financeiro dos gestores quanto à agilidade e motivação dos motoristas no posto, liderei o desenvolvimento do projeto através da 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 mapear os padrões do setor de gestão de frotas e identificar oportunidades de diferenciação financeira e de fidelidade, analisei quatro grandes plataformas concorrentes:

Ticket Log / Edenred
Fleet Management Enterprise
Pontos Fortes
  • Extensa rede credenciada de postos no país
  • Relatórios de conciliação corporativa maduros
Pontos Fracos
  • App mobile do motorista lento e burocrático
  • Sem programa de recompensas ou ofertas para o caminhoneiro
Enterprise No Rewards
Sem Parar Empresas
Tag e Fuel Fleet
Pontos Fortes
  • Pagamento automático rápido em pedágios e postos
  • Forte presença nacional da marca
Pontos Fracos
  • Ausência de adiantamento de crédito direto com a rede
  • Baixo controle de consumo detalhado por km/l no motorista
Automatic Toll No Credit Line
CTF / FleetCor
Nozzle Automation
Pontos Fortes
  • Automação física no bocal do combustível (antenas)
  • Proteção robusta contra fraudes
Pontos Fracos
  • Alto custo de instalação de hardware por veículo
  • Zero benefícios diretos de conveniência para o motorista
Hardware Heavy High Cost
Gestão Manual em Papel
Paper e Receipts
Pontos Fortes
  • Sem custo inicial de licenciamento
  • Total flexibilidade informal
Pontos Fracos
  • Vulnerabilidade extrema a fraudes e notas rasuradas
  • Lentidão operacional e retrabalho no acerto de contas
High Fraud Manual Rework
Pesquisa de usuário

Entrevistas e Achados Chave

Realizei entrevistas em profundidade com gestores de logística em escritórios e pesquisas contextuais de campo com caminhoneiros em postos da Rede Buffon para identificar as maiores dores da operação:

88%

Gargalo na Aprovação e Filas no Caixa do Posto

88% dos motoristas relataram perdas de tempo de até 15 minutos aguardando autorizações por ligação ou sistemas lentos no caixa do posto, atrasando prazos de entrega do frete. E para resolver isso, criamos um fluxo de autorização no app mobile via QR Code dinâmico gerado em 1-clique, reduzindo a validação no caixa para menos de 15 segundos.

76%

Rigidez Financeira e Limites de Caixa dos Gestores

76% dos gestores de frotas tinham dificuldades para manter os caminhões rodando devido à demora no recebimento de clientes e falta de linhas de crédito pré-aprovadas para combustível. E para resolver isso, integramos o módulo de adiantamentos e concessão de crédito pré-aprovado da Rede Buffon diretamente no dashboard, garantindo liquidez imediata para abastecer.

92%

Falta de Benefícios Pessoais para o Caminhoneiro

92% dos motoristas enxergavam os sistemas de frota como meras ferramentas de vigilância da empresa, sem qualquer incentivo por economizar combustível ou fidelizar na rede. E para resolver isso, estruturamos um clube de vantagens no app com acúmulo de pontos por litragem, prêmios de condução e descontos exclusivos na rede de conveniência Buffon.

Arquétipos de usuários

Personas de Usuário

Roberto Almeida
Roberto Almeida
46 anos, Gerente de Operações e Frota
Caxias do Sul, RS
"Preciso ter certeza de que cada litro de combustível vai para o caminhão certo, além de ter crédito flexível da Rede Buffon para não deixar nenhum motorista parado na estrada."
Sobre

Roberto gerencia uma frota corporativa de 120 caminhões de carga pesada. Precisa de relatórios precisos de consumo, bloqueio instantâneo de veículos suspeitos e linhas de crédito Buffon para financiar as viagens longas de seus motoristas.

Objetivos Principais
  • Controlar limites diários e mensais de combustível por veículo em tempo real
  • Solicitar adiantamentos e gerenciar crédito pré-aprovado pela Rede Buffon em 2 cliques
  • Eliminar relatórios manuais e fraudes de notas fiscais rasuradas
Dores e Frustrações
  • Falta de liquidez de caixa enquanto aguarda pagamentos de clientes
  • Falta de visibilidade sobre abastecimentos em viagens de longa distância
Motivações
Gestão de Crédito Buffon
Controle Financeiro de Frotas
Prevenção de Fraudes
Valdir Santos
Valdir Santos
38 anos, Motorista de Caminhão Frotista
Passo Fundo, RS
"Quero encostar o caminhão no posto Buffon, liberar o combustível pelo celular sem rolo de papel e ainda acumular pontos para tomar um bom café e ganhar prêmios."
Sobre

Valdir dirige mais de 8.000 km por mês transportando mercadorias. Busca praticidade no posto para não perder tempo de viagem e gosta de aproveitar promoções e vantagens nos locais onde faz suas paradas de descanso.

Objetivos Principais
  • Autorizar o abastecimento no caixa em menos de 15 segundos via QR Code
  • Acumular pontos por litragem e trocar por prêmios nas conveniências Buffon
  • Localizar postos Buffon ao longo da rota com preços e serviços atualizados
Dores e Frustrações
  • Filas e burocracia demorada para liberar requisição de combustível no caixa
  • Aplicativos pesados que travam sem conexão de internet nas rodovias
Motivações
Agilidade no Posto (<15s)< /span>
Pontos e Recompensas Buffon
Navegação de Postos na Rota
Estrutura de ideação

POV e Como Podemos (HMW)

POV 01 · Gestão Financeira e Crédito

Gestores de frotas precisam de limite de crédito flexível e liquidez imediata com a Rede Buffon para garantir que a frota continue rodando sem comprometer o caixa.

HMW 01 (+50% Fluxo de Caixa)

Como podemos integrar a solicitação e gestão de adiantamentos e créditos Buffon no painel do gestor para garantir capital de giro e aumentar o fluxo de caixa em 50%?

POV 02 · Experiência no Caixa do Posto

Motoristas de caminhão precisam de um método de liberação instantâneo e seguro no celular para evitar filas e perder tempo de viagem.

HMW 02 (-65% Tempo no Posto)

Como podemos desenhar um fluxo mobile com QR Code dinâmico de 1-clique para autorizar o abastecimento no caixa em menos de 15 segundos?

POV 03 · Engajamento e Fidelidade

Caminhoneiros precisam se sentir valorizados pelo uso do aplicativo com recompensas e promoções reais nas suas paradas nos postos Buffon.

HMW 03 (+85% Retenção)

Como podemos integrar um clube de fidelização com pontos por litro e ofertas em conveniências para elevar a retenção e preferência dos motoristas para 85%?

Alinhamento estratégico

Matriz de Objetivos do Projeto

Objetivos de Negócio

  • Aumentar em 40% a economia em custos operacionais com prevenção de fraudes e controle de limite de combustível
  • Expandir a preferência de abastecimento das frotas parceiras na Rede Buffon com adiantamentos de crédito B2B
  • Elevar a taxa de retenção dos motoristas para 85% através do programa de recompensas

Objetivos do Usuário

  • Autorizar abastecimentos de forma instantânea em menos de 15 segundos via app
  • Gerenciar veículos, motoristas e créditos financeiros da frota em um dashboard intuitivo
  • Resgatar vouchers, refeições e serviços de conveniência nos postos Buffon com pontos

Considerações Técnicas

  • Adotar a tipografia oficial Archivo para garantir máxima clareza em tabelas técnicas e telas mobile
  • Desenvolvimento de arquitetura offline-first para geração de QR Code no mobile em rodovias
  • Sincronização em tempo real de limites e conciliação bancária entre transportadora e Rede Buffon
Arquitetura

User Flow

Mapeei o resumo do User Flow com o fluxo principal para melhor entendimento da operação Bfrotas: desde a chegada do motorista ao posto e geração do QR Code de abastecimento (<15s), até o faturamento e sincronização em tempo real no Portal do Gestor.

User Flow Diagram Bfrotas Gestor e Motorista
Layouts

Wireframes

A fase de wireframes priorizou o teste de telas de alta densidade de dados no portal do gestor e a simplificação extrema dos botões e contraste da interface mobile para uso rápido pelos motoristas nos postos.

Wireframe Visão Geral de Telas e Fluxos Buffon Frotas
Wireframe Dashboard de Métricas e Gráficos Buffon Frotas
Wireframe Painéis de Configuração, Filtros e Lista de Tarefas Buffon Frotas
Design System

Identidade Visual

Criei o Design System da Bfrotas unindo o verde esmeralda característico da energia e confiabilidade da marca Buffon com tons de azul marinho industrial, proporcionando alto contraste e clareza de leitura.

Paleta de Cores e Tokens

#f2b700 Golden Yellow
100 200 300 400 500 600 700 800 900
#ffca43 Bright Amber
100 200 300 400 500 600 700 800 900
#ffeecc Cream Light
100 200 300 400 500 600 700 800 900
#343333 Charcoal 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
Archivo (Fonte Oficial do Projeto)
A fonte oficial escolhida para a plataforma Bfrotas é a Archivo (projetada pela Omnibus-Type). A Archivo possui proporções técnicas levemente condensadas e alta legibilidade em números e tabelas, garantindo uma leitura perfeita de dados financeiros, consumos e limites tanto nos dashboards B2B quanto no aplicativo mobile do caminhoneiro.
Headline 1
Font Archivo
Weight Bold (700)
Size 64px
Letter spacing -1.5px
Headline 2
Font Archivo
Weight SemiBold (600)
Size 48px
Letter spacing -1px
Headline 3
Font Archivo
Weight SemiBold (600)
Size 32px
Letter spacing -0.5px
Headline 4
Font Archivo
Weight Medium (500)
Size 24px
Letter spacing 0px
Paragraph — O rápido mocho-galego voa sobre o vale à noite, explorando a interface.
Font Archivo
Weight Regular (400)
Size 16px
Letter spacing 0px
Small / Caption — Indicadores de Abastecimento e Placas
Font Archivo
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

As telas finais apresentaram um ecossistema robusto para a gestão de frotas B2B e uma experiência mobile extremamente ágil e engajante para os caminhoneiros:

Dashboard Principal de Gestão de Frotas Bfrotas

Dashboard Principal do Gestor – Visão consolidada de consumo de combustível, frota em trânsito e limite de crédito Buffon.

App Mobile do Caminhoneiro QR Code

App Mobile do Caminhoneiro – Geração de QR Code em 1-clique para liberação de abastecimento no caixa em <15 segundos.

Módulo de Adiantamento de Crédito Buffon

Módulo de Adiantamento de Crédito Buffon – Solicitação e gestão de crédito pré-aprovado para garantir fluxo de caixa nas viagens.

Clube de Fidelidade e Promoções Buffon

Clube de Fidelidade e Promoções – Resgate de pontos por litragem, ofertas de conveniência e cupons nos postos Buffon.

Gestão de Veículos e Motoristas

Gestão de Veículos e Motoristas – Controle detalhado de médias de km/l, bloqueios de segurança e rotas.

Interface Mobile Responsiva Bfrotas

Interface Mobile Responsiva – Experiência fluida otimizada para smartphones corporativos com leitura offline.

Validação de métricas

Impacto Real

A plataforma Bfrotas foi testada e validada em operações reais de transporte rodoviário e nos postos da Rede Buffon, alcançando resultados expressivos em eficiência e satisfação:

-65%
Tempo de Autorização no Posto
De 10 min para <15s com QR Code
+40%
Economia em Custos Operacionais
Prevenção de fraudes e controle de limite
+85%
Engajamento dos Caminhoneiros
Clube de fidelidade e promoções Buffon
"O Bfrotas mudou nossa operação. Liberamos combustível em segundos e os adiantamentos de crédito da Rede Buffon nos deram fôlego financeiro para pegar contratos maiores de transporte sem comprometer nosso caixa."
"Antes eu perdia um tempão no caixa do posto esperando aprovação. Agora abro o app, passo o QR Code em 15 segundos e ainda ganho pontos pra trocar por refeições na conveniência dos postos Buffon."
Visão de futuro

Impacto Futuro

O sucesso da Bfrotas provou que conectar eficiência de caixa para gestores e agilidade com vantagens para motoristas transforma a logística rodoviária. O roadmap futuro abrange 4 expansões estratégicas:

01

Roteamento Inteligente com Menor Preço Buffon

Algoritmo de rotas que sugere os melhores postos Buffon ao longo do trajeto combinando menor preço de combustível e disponibilidade de arla/serviços.

02

Telemetria IoT e Leitura Automática de Tanque

Integração com sensores de bocal e bomba IoT para liberação 100% autônoma ao encaixar o bico de combustível.

03

Antecipação Financeira de Frete com IA

Análise preditiva de risco para conceder antecipação de saldo de frete direto na conta digital do motorista ou gestor.

04

Clube de Vantagens Expandido para Caminhoneiros

Parcerias de cashback em restaurantes de estrada, seguros de carga e descontos em peças e manutenção para motoristas.

Buffon Frotas - Visão Geral do Impacto na Gestão Logística

Explore o Protótipo Interativo

Navegue pelos fluxos de autorização via QR Code, gestão de frotas e solicitação de crédito da Rede Buffon no Figma.

Ver Protótipo no Figma