Shell Fleet Solutions
TCO & Transition Calculator
Análise de TCO baseada em dados e planejador de transição para veículos elétricos (EV) para gestores de frotas comerciais.
ÂMBITO
Product Strategy, UX Research, Fleet Analytics Dashboards, Interaction Design & Prototyping, Frontend Integration
O MEU PAPEL
Lead Product Designer (Sole Designer)
FERRAMENTAS
Visão Geral e Espaço
do Problema
Descrição
As operações de frotas comerciais estão sob enorme pressão para reduzir as despesas operacionais (OpEx) e, ao mesmo tempo, atingir metas de neutralidade de carbono rigorosas. No entanto, calcular o Custo Total de Propriedade (TCO) para substituir veículos com motor de combustão interna (ICE) por veículos elétricos (EV) envolve variáveis dinâmicas: preços de combustível/eletricidade, infraestrutura local de carregamento de EV, curvas de depreciação de manutenção e tempo de inatividade para carregamento.
Problema
Os gestores de operações de frotas que confiam nas folhas de cálculo estáticas tradicionais enfrentam obstáculos críticos:
Fadiga de Dados Manuais: Processar dados de recibos de combustível, tarifas de EV e registos de manutenção manualmente demora dias.
Baixa Adesão dos Stakeholders: Os diretores financeiros desconfiam de promessas ambientais abstratas sem trajetórias financeiras de retorno claras (ROI, período de amortização em meses).
Paralisia por Análise: Dificuldade em visualizar como pequenas alterações no mix de veículos (ex.: 45% EV vs 100% ICE) afetam o fluxo de caixa a 5 anos.
Antes
Depois
Investigação & Arquétipos de Utilizador
Através de entrevistas com Gestores de Frotas, Diretores de Logística e Oficiais de Compras, identifiquei duas personas distintas com motivações opostas:
Persona A: Marcus
Gestor de Operações de Frota (Foco Operacional)
Objetivo: Precisa de saber se a transição para EV vai perturbar as rotas diárias de entrega e aumentar o tempo de inatividade.
Ponto de Dor: Frustrado com ferramentas que não permitem retificações de cenários dinâmicos e ao vivo (ex.: alterar a quilometragem anual ou o mix de veículos instantaneamente).
Citação: “Se eu não conseguir ajustar os números à frente da minha equipa durante o planeamento do orçamento, a ferramenta é-me inútil.”
Persona B: Elena
Diretora Financeira (CFO) / Líder de Compras (Foco Financeiro)
Objetivo: Precisa de uma justificação financeira concreta (ROI %, Poupança Anual Líquida, Período de Amortização) antes de aprovar a alocação de capital para infraestrutura de carregamento de EV.
Ponto de Dor: Métricas ambientais ($CO_2$, toneladas reduzidas) são agradáveis, mas o ponto de equilíbrio financeiro é o decisor final.
Citação: “Mostre-me no exato mês em que quebramos o custo inicial mais elevado do carregador e tem a minha assinatura.”
Processo e Alinhamento com programadores
Dev Team Sempre Envolvida
Para evitar desenhar componentes tecnicamente inviáveis ou demasiado complexos para calcular em tempo real no lado do cliente, estabeleci um fluxo de trabalho de Continuous Dev Sync desde o Dia 1:
Design Tokens Partilhados: Desenhados diretamente com princípios de utilidade (sistema Tailwind), garantindo paridade entre o Figma e o código React.
Restrições de Cálculo de Tempo Real: Em parceria com os engenheiros de software desde cedo para determinar a rapidez com que a infraestrutura de backend conseguia recalcular projeções financeiras de 60 meses em resposta ao deslizamento dos seletores. Optámos pelo recalculamento do lado do cliente para alcançar atualizações com zero latência.
Iteração Ágil: Validação de wireframes através de protótipos em código (utilizando componentes React reutilizáveis) em vez de ecrãs estáticos, permitindo aos programadores testar a integração do modelo matemático em paralelo com o design de UX.
Decisões Chave de UX & Design
Barra Lateral de Entrada Dinâmica em Tempo Real
Em vez de formulários em várias etapas que ocultam os resultados, implementei uma barra lateral persistente de Configuração de Entrada (Input Configuration). Os utilizadores podem manipular o tamanho da frota, o seletor de quilometragem anual e o mix de veículos ( % ICE vs % EV) com feedback visual instantâneo em todo o dashboard.
Simplificação de Cenários Financeiros Complexos
Em vez de sobrecarregar os utilizadores com tabelas de dados de separadores múltiplos, desenhei um gráfico integrado de Ponto de Equilíbrio e Decomposição de Custos que combina combustível/energia, manutenção, depreciação e despesas gerais em visualizações unificadas e empilhadas.
O Que Foi Entregue
Calculadora Interativa de TCO e Transição: Uma aplicação web totalmente responsiva capaz de modelação financeira de tempo real e multivariável.
UI Kit / Design System Baseado em Componentes: Cartões de métricas escaláveis, chamadas de atenção críticas, seletores personalizados e tabelas de dados adaptadas para layouts de dashboard claros e escuros.
Pacote de Entrega e Implementação: Estrutura limpa de componentes integrada em React/Tailwind, permitindo uma implementação rápida no tempo de execução.
