MyFIAT

A primeira plataforma digital de compra de automóveis do Brasil. O projeto que me forçou a pensar em sistemas, não em telas.

Design de Serviço Arquitetura de Sistemas Orquestração de Stakeholders Mobile · Web Automotive
Meu Papel Senior UX · Arquitetura de Experiência
Time Sr. Planner · Art Director
API Engineers · Tech Executives
UX Designers · Copywriters
Linha do tempo Anterior 2023 · Entrega e implantação
Contexto Inédito no Brasil. E-commerce automotivo com entrega em domicílio, sem precedente no mercado.
Complexidade Integração de API · Rede de concessionárias
Gestão de estoque · Camada financeira
Logística de última milha
1st
Venda de carro
online no Brasil
100%
Fluxo de compra
digital
Raio de entrega
em qualquer lugar
Anterior 2023Ano de entrega
Senior UXFunção
Auto­motiveIndústria
SP·BRMercado
Status da plataformaStatus
My FIAT
01
Definindo o Problema
Seção 01
Desafio

O sistema era o verdadeiro produto

Comprar um carro não é checkout. É uma jornada de 30 dias, emocional, financeira e logística.

O brief parecia simples: a primeira plataforma digital de compra de carros do Brasil. Na primeira semana ficou claro que não era UI, era infraestrutura de serviço.

Precisei orquestrar API, estoque, crédito, logística e emoção do cliente ao mesmo tempo. Falha em qualquer camada quebrava tudo.

O abismo era entre o que o cliente acreditava e o que acontecia nos bastidores. O fluxo antigo era máquina de lead: você demonstrava interesse, a concessionária ligava semanas depois.

"A interface só funcionaria se o serviço funcionasse. Cada tela era um contrato com o processo de back-end que precisava existir por trás dela."

Felipe Coletti · Senior UX · Arquitetura de Experiência

Antes → Depois: a transformação do fluxo de compra

Antes
01
Cliente acessa FIAT.com.br
Captura de lead
Interesse enviado como formulário. Sem confirmação, sem rastreamento, sem registro digital.
Antes
02
Dados enviados ao fabricante
Caixa preta
O cliente entra num vazio de espera. Sem atualizações, sem prazo, sem visibilidade.
Antes
03
Carro chega à concessionária
Entrega offline
O cliente precisa visitar a loja. Papelada, salas de espera, negociação.
Depois
01
Configurar e comprar online
Controle total
Modelo, cor, opcionais e financiamento resolvidos digitalmente em uma única sessão.
Depois
02
Rastreamento de status em tempo real
Transparência
O cliente acompanha cada etapa de produção e logística no seu painel.
Depois
03
Entrega em domicílio com tanque cheio
Momento de encantamento
Carro entregue no endereço escolhido. Tanque cheio. Pacote de documentos. Zero visitas à concessionária.
02
Research & Discovery
Seção 02
Pesquisa

Mapeando o sistema por todos os ângulos

Conduzi três trilhas em paralelo: modelo mental do consumidor, restrição técnica e benchmark global.

Entrevistas com stakeholders: mapeando o invisível

Entrevistei o Senior Planner para mapear público e os engenheiros de API para reverter as restrições do sistema.

Essa pesquisa não validava suposição, descobria o que era possível. Sem estoque em tempo real, sem seleção em tempo real.

INS·01
Modelo mental do consumidor: comprar um carro parece um salto no escuro
Clientes descreviam a compra tradicional como perder o controle ao assinar. Queriam transparência, não velocidade.
INS·02
Arquitetura de API habilitou uma camada de estoque em tempo real
Dava para expor estoque ao vivo via API: disponibilidade real, não catálogo.
INS·03
Benchmarks globais: integração de financiamento foi o fator decisivo
Plataformas sem crédito integrado tinham conclusão muito menor. Financiamento precisava ser cidadão de primeira classe.

Mapeamento de jornada: parceiros, não sujeitos

Mapeamos a jornada da consideração à primeira semana de posse, com o time todo na mesma sala.

User journey map My FIAT
Mapa de jornada da consideração inicial à pós-entrega. Construído em colaboração com a equipe de planejamento.

Análise de concorrentes globais

Sem precedente no Brasil, analisei todo mercado onde venda digital de carro foi tentada.

Em todo mercado que deu certo, o configurador era ritual de confiança, não funil.

03
Processo de Design
Seção 03
Processo

Workshop, esboço, iterar

Três ferramentas: workshop para revelar necessidades concorrentes, papel para avançar rápido, wireframe para testar o modelo de sistema.

O workshop de design: decidir com a sala

Antes do primeiro pixel, facilitei um workshop interfuncional. A saída não foi entregável, foi um modelo mental que a equipe usou o projeto inteiro.

Foi a decisão mais importante do projeto: investir em alinhamento antes de investir em design.

Design workshop
Workshop de design interfuncional: mapeamento de jornada e agrupamento de aspirações com o time completo.

Esboço: pensar no papel

Os esboços vieram depois do workshop: o que o cliente vê primeiro e que decisão vem a seguir.

Wireframe sketches
Esboços iniciais com foco em lógica de sistema e sequenciamento de decisões, não em design visual.

O insight do ecossistema

No wireframing veio a virada: não era um fluxo de compra, era um ecossistema.

Configurador, calculadora, estoque, rastreador e agendador não eram telas separadas. Eram estados de um mesmo sistema.

Camada do Sistema
Contribuição de Design
Camada de Descoberta
Catálogo · Configurador
Seleção de modelo IA emocional, orientada por aspiração
Cor + opcionais estoque real disponível, não ficção de catálogo
Transparência de preço sem custos ocultos aparecendo no checkout
Camada de Transação
Financeiro · Checkout
Simulação de financiamento integrada ao fluxo de decisão, não pós-seleção
Calculadora de entrada ao vivo, responsiva, elimina fricção do comprometimento
Checklist de documentos proativo, não reativo
Camada de Fulfillment
Produção · Logística
Painel de status do pedido visibilidade em tempo real das etapas de produção
Agendamento de entrega controlado pelo cliente, data selecionável
Confirmação de entrega em domicílio tanque cheio + momento de entrega de documentação
Camada Pós-Compra
CRM · Retenção
Painel My FIAT dados do carro, agendamento de serviços, hub de propriedade
Repositório de documentos todos os documentos de compra, acessíveis e organizados
Semente do próximo carro comunicação de ciclo de vida desde o dia 1
Wireframes
Wireframes desenvolvidos após o modelo de ecossistema ser estabelecido, cada tela como um estado do sistema.
04
Design Visual e Execução
Seção 04
Design Visual

Governando a qualidade, conduzindo a execução

Minha contribuição foi supervisão arquitetural: acessibilidade, hierarquia e qualidade de interação.

Nesta etapa meu papel migrou de criador para guardião. O diretor de arte executava o visual; eu garantia hierarquia, contraste e revelação progressiva.

A responsabilidade nesse nível não é desenhar cada tela, é criar as condições para que cada tela saia bem.

Princípio de Design
Decisão Visual
Status
Tipografia com acessibilidade em primeiro lugar
Contraste mínimo de 4.5:1 em texto sobre foto, resolvido com sombra em vez de overlay.
✓ Resolvido
Confiança através de densidade visual
Compra de alta consideração exige mais densidade que e-commerce. Recusei simplificar o configurador por estética.
✓ Resolvido
Hierarquia mobile-first
Mobile primeiro, com revelação progressiva: uma decisão por vez em tela pequena.
✓ Resolvido
Sistema de visibilidade de status
O rastreador exigiu linguagem visual própria, conectada à marca FIAT e sem copiar logística.
✓ Resolvido

A interface em movimento

O design fez uma transação complexa parecer uma decisão bem ponderada. Não sem fricção: navegável. Não minimal: claro.

My FIAT mobile home screen
Tela inicial
My FIAT navigation system
Navegação
My FIAT model selection
Seleção de modelo
My FIAT color selection
Seleção de cor
Card system
Sistema de componentes de card: interface de seleção e comparação de modelos.
05
Resultados e Impacto
Seção 05
Resultados

O que o sistema produziu

Lançou como a primeira plataforma de compra digital de automóveis do Brasil: configurar, comprar, financiar e receber sem visitar concessionária.

Estabeleci um modelo de transformação digital em indústria tradicional: design de serviço, não polimento de UI.

1st
No Brasil
Primeiro fluxo de compra digital de automóveis no Brasil, sem precedente na indústria automotiva.
0
Visitas a concessionárias exigidas
Da configuração à entrega, sem ponto de contato físico.
Pontaaponta
Cobertura de serviço
Configuração, financiamento, produção e última milha numa experiência contínua.
Status da plataforma
Status da plataforma
O sistema seguiu operando e expandindo após o lançamento.
Retrospectiva

O que este projeto me ensinou sobre liderança

O My FIAT foi projetar com as pessoas e através delas, não apesar da complexidade organizacional.

O instinto em projeto complexo é recuar para o trabalho individual. O difícil é criar as condições para a qualidade emergir da sala.

Lição 01 · Sistemas Antes das Telas
A interface é os últimos 10% do problema
O design real aconteceu nas sessões de stakeholder e no mapeamento de API. Cada tela era manifestação de decisão tomada muito antes.
Lição 02 · Facilitação é Design
O workshop foi a decisão de design de maior alavancagem
Um dia de alinhamento antes do wireframe eliminou semanas de retrabalho. Clareza no início comprime execução no fim.
Lição 03 · Dirigir vs. Executar
Senior UX: criar as condições para que a excelência emerja
Confiar o visual ao diretor de arte foi certo: dois especialistas, não uma pessoa diluída.
Lição 04 · Pensamento de Ecossistema
Cada tela é um estado de um sistema
Perceber que era ecossistema, não fluxo, mudou tudo. Passei a enquadrar produto como estados interconectados.
Próximo Projeto
SKY · Estratégia de Audiência
e Arquitetura de Experiência
Voltar ao topo