← voltar para cases
SaaS · Product Design + Front-end

Fuel Vision

Cliente
Fuel Vision
Expediente
2024–2025
Categoria
SaaS
Atuação
Product Design + Frontend
Fuel Vision - objetivos de negócio

Fuel Vision é uma plataforma SaaS desenvolvida para centralizar a gestão operacional de postos de combustível abastecimentos, estoque, frota, indicadores e relatórios em um único ambiente. Antes do projeto, essas informações estavam distribuídas em processos manuais e sistemas pouco intuitivos, o que dificultava o acompanhamento da operação e a tomada de decisão dos gestores.

Meu papel

Conduzi o processo de UX/UI Design e Front-end Design desde a compreensão do negócio até a construção das interfaces finais: discovery, arquitetura da informação, wireframes, design system e prototipação em alta fidelidade em colaboração direta com a equipe de desenvolvimento e a liderança da empresa.

Discovery Arquitetura da informação Wireframes Design de interface Figma HTML / Tailwind / JS

A gestão operacional de um posto envolve diversas frentes simultâneas: abastecimentos, estoque, frota, pedidos, financeiro e manutenção. O mapeamento inicial revelou dores em três níveis:

PúblicoPrincipais dores
OperadoresDificuldade para localizar informações; excesso de telas; dados sem hierarquia
GestoresPouca visibilidade operacional; relatórios demorados; dificuldade de análise
NegócioAlto risco operacional; pouca padronização; dificuldade para escalar
Matriz de dores Fuel Vision

Estruturei a navegação considerando frequência de uso e criticidade de cada módulo para a operação diária. Dashboard, Abastecimentos e Frota foram posicionados como acesso principal, reduzindo o número de interações para as tarefas mais recorrentes; Financeiro e Configurações, de uso gerencial ou pontual, ficaram em segundo plano.

MóduloPor que essa posição
DashboardPrimeiro ponto de acesso para indicadores e alertas da operação
AbastecimentosPrincipal atividade operacional do sistema
FrotaAcompanhamento contínuo de consumo e desempenho
FinanceiroAcompanhamento gerencial, acessado após as operações do dia
ConfiguraçõesUso administrativo, baixa frequência
User flow Fuel Vision

Antes da interface final, validei hierarquia e fluxos em wireframes de baixa fidelidade e consolidei um design system com componentes reutilizáveis (cards, tabelas, filtros, badges de status) para garantir consistência entre os módulos.

Wireframe painel Fuel Vision Design System Fuel Vision

O dashboard foi projetado para oferecer uma visão rápida da operação, priorizando os dados mais consultados no primeiro acesso. Cada decisão de layout respondeu a uma pergunta real do gestor: Existem pedidos pendentes? Há cargas em trânsito? Algo precisa de atenção agora?

Decisão de designBenefício para o usuário
KPIs agrupados na primeira dobraVisão imediata do estado da operação
Gráfico principal centralizado, com comparativo ao ladoAnálise de tendência sem trocar de tela
Hierarquia tipográfica claraMelhora a escaneabilidade das informações
Cor de destaque usada só em dados relevantesReduz ruído visual e direciona atenção
Tabelas detalhadas na base da páginaAprofundamento sob demanda, sem sobrecarga inicial
Dashboard Fuel Vision Checklist de bico Fuel Vision
~35%
redução no tempo para localizar indicadores críticos no dashboard
~20%
aumento na adoção diária da plataforma pelos operadores após o lançamento
~25%
redução em chamados de suporte relacionados à navegação

*Estimativas com base no acompanhamento qualitativo da equipe e feedback direto de operadores e gestores após o lançamento o produto não contava com instrumentação formal de analytics no período.

Além do ganho mensurável, o projeto entregou uma base de design system escalável, preparada para novos módulos sem retrabalho estrutural.

"O Diego foi essencial no desenvolvimento do nosso sistema de gestão de combustível aqui na Fuel Vision. Sua expertise em Design de Interface, Figma e web design trouxe modernidade e funcionalidade ao projeto, superando nossas expectativas. Trabalho de alto nível!"

Osvaldo Eduardo — CEO Fuel Solution Tecnologia

Projetar um sistema de gestão para postos de combustível reforçou a importância de compreender o contexto do negócio antes de desenhar qualquer interface. Mais do que telas organizadas, o desafio foi transformar processos operacionais complexos em uma experiência clara e escalável e ficou evidente como decisões de arquitetura da informação impactam diretamente a produtividade de quem trabalha com grande volume de dados todos os dias.

Próximo case
Terabyte →
Ver todos os cases
Vamos trabalhar juntos

Vamos construir
o próximo case?

Falar comigo

Aberto a novas oportunidades como Product Designer / UX-UI Designer. Respondo rápido por WhatsApp ou e-mail.

WhatsAppFale comigo
Localização

Curitiba, BR

Status

Disponível para contratação