FIAT Automóveis · Brasil · Anterior 2023

MyFIAT

A primeira plataforma digital de ponta a ponta para compra de automóveis no Brasil. Um projeto que me forçou a pensar em sistemas, não em telas, e que me fez compreender UX como orquestração entre camadas de serviço, APIs e momentos humanos que não podiam ser automatizados.

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
Previous 2023Ano de entrega
Senior UXFunção
Auto­motiveIndústria
SP·BRMercado
Status da plataformaStatus
My FIAT campaign visual
01
Definindo o Problema
Seção 01
Desafio

O sistema era o verdadeiro produto

Comprar um carro não é um fluxo de checkout. É uma jornada emocional, financeira e logística de 30 dias. Meu trabalho era tornar tudo isso invisível para o cliente.

Quando a FIAT chegou até nós, o brief parecia enganosamente simples: construir a primeira plataforma digital de compra de carros do Brasil. Mas na primeira semana de descoberta, ficou claro que não era um problema de UI. Era um problema de infraestrutura de serviço usando uma interface digital.

O desafio não era projetar telas. Era orquestrar um sistema onde arquitetura de API, estoque de concessionárias, serviços financeiros, logística e emoção do cliente precisavam funcionar em harmonia, e qualquer falha em qualquer camada fragmentaria a experiência por completo.

O que tornava isso genuinamente difícil era o abismo entre o que os clientes acreditavam que acontecia e o que de fato acontecia nos bastidores. O fluxo antigo era uma máquina de geração de leads: você expressava interesse no site da FIAT e semanas depois uma concessionária ligava. O My FIAT precisava colapsar essa distância a zero, da intenção à entrega, totalmente rastreável, totalmente digital.

"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 de pesquisa em paralelo. Modelos mentais dos consumidores, restrições técnicas e benchmarks globais, porque as três moldavam cada decisão de design.

Entrevistas com stakeholders: mapeando o invisível

Antes de tocar num wireframe, precisava entender a arquitetura invisível. Conduzi entrevistas estruturadas com o Senior Planner para mapear parâmetros de público-alvo, e sessões separadas com engenheiros de API e executivos de tecnologia para fazer engenharia reversa das restrições e capacidades do sistema.

Essa pesquisa não validava suposições, descobria o que era sequer possível. A infraestrutura de API definiria o modelo de interação. Se o estoque não pudesse ser exibido em tempo real, seleção em tempo real estava descartada. Se o financiamento não estivesse integrado, o fluxo quebraria no momento mais crítico.

INS·01
Modelo mental do consumidor: comprar um carro parece um salto no escuro
Os clientes descreviam o processo tradicional como "perder o controle" ao assinar. O que desejavam era transparência, não velocidade. Visibilidade do progresso importava mais que redução de fricção.
INS·02
Arquitetura de API habilitou uma camada de estoque em tempo real
A sessão de descoberta técnica revelou que o estoque ao vivo poderia ser exposto via API da rede de concessionárias. Isso desbloqueou informações reais de disponibilidade, não dados de catálogo, viabilizando decisões de compra genuínas online.
INS·03
Benchmarks globais: integração de financiamento foi o fator decisivo
A análise de players internacionais mostrou que plataformas sem integração de financiamento tinham taxas de conclusão substancialmente menores. O financiamento precisava ser cidadão de primeira classe no fluxo, não uma reflexão tardia.

Mapeamento de jornada: parceiros, não sujeitos

Em estreita parceria com a equipe de planejamento, mapeamos a jornada completa do consumidor, da primeira consideração à primeira semana de posse. Não foi um exercício de UX em silos. Trouxe planejadores, redatores e diretores de arte para uma sala comum e tornamos a jornada visível juntos.

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

Minha pesquisa competitiva foi deliberadamente internacional. O mercado brasileiro não tinha precedente direto, então analisei todos os mercados onde vendas digitais de carros foram tentadas, identificando padrões de navegação, sinais de confiança e arquiteturas de ponto de decisão que funcionavam independentemente do contexto cultural.

O padrão-chave: em todo mercado bem-sucedido, o configurador (modelo → cor → opcionais) era um ritual de construção de confiança, não um funil. As melhores experiências tratavam a customização como pertencimento, não apenas seleção.

03
Processo de Design
Seção 03
Processo

Workshop, esboço, iterar

Três ferramentas conduziram o processo: um workshop interfuncional para revelar necessidades concorrentes, esboços em papel para avançar rapidamente e wireframes para stress-testar o modelo de sistema.

O workshop de design: decidir com a sala

Antes de um único pixel ser posicionado, facilitei um workshop interfuncional. A sala: redatores, planejadores, diretores de arte, designers de UX. A configuração: parede esquerda = jornada de compra. Parede direita = quatro pilares: Funcionalidades, Expectativas, Necessidades e Comunicação.

Cada pessoa respondia uma pergunta: "O que mais importa para você ao comprar um carro?" Em seguida, categorizamos, agrupamos e sintetizamos. A saída não era uma entrega, era um modelo mental compartilhado que toda a equipe referenciaria durante o projeto.

Este é o momento que reconheço agora como a decisão mais estrategicamente importante do projeto: investir em alinhamento antes de investir em design. Cada decisão subsequente avançou mais rápido porque essa base existia.

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, não antes. Usei papel deliberadamente para avançar rápido e permanecer no nível conceitual. As questões eram sobre sequenciamento e lógica de sistema, não sobre design visual. O que o cliente deve ver primeiro? Qual decisão ele precisa tomar a seguir? Que informação é necessária em cada etapa e de onde ela vem?

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

Durante o wireframing, uma percepção mudou a direção do projeto: não estávamos desenhando um fluxo de compra, estávamos desenhando um ecossistema de compra.

O configurador, a calculadora de financiamento, a camada de estoque, o rastreador de pedidos, o agendador de entrega, não eram telas separadas. Eram estados interconectados de um único sistema. Projetá-los de forma independente produziria fricção em cada handoff.

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

Neste papel, minha contribuição ao design visual foi de supervisão arquitetural, garantindo que acessibilidade, hierarquia de informação e qualidade de interação fossem preservadas enquanto a direção de design tomava forma.

Nesta etapa, meu papel migrou de criador para guardião. O Diretor de Arte era responsável pela execução visual. Minha responsabilidade era garantir que cada decisão visual honrasse os princípios de UX das fases anteriores: hierarquia clara, contraste acessível, revelação progressiva e tom emocional calibrado para uma compra de alta consideração.

Esta é uma distinção de papel que considero crítica em escala: a responsabilidade neste nível não é projetar cada tela, é criar as condições para que cada tela seja projetada bem. Me comuniquei através de specs anotados, requisitos de acessibilidade e revisões regulares, não assumindo o controle do artboard.

Princípio de Design
Decisão Visual
Status
Tipografia com acessibilidade em primeiro lugar
Proporção mínima de contraste de 4.5:1 aplicada em todo texto sobre fotografia de marca. O diretor de arte adotou sistema de sombra de texto em vez de overlays.
✓ Resolvido
Confiança através de densidade visual
Uma compra de alta consideração exigiu maior densidade de informação que um e-commerce típico. Afastamos a tentação de "simplificar" o configurador para uma estética minimal.
✓ Resolvido
Hierarquia mobile-first
Jornada primária projetada para mobile primeiro. O fluxo de configuração usa revelação progressiva, uma decisão por vez em telas pequenas.
✓ Resolvido
Sistema de visibilidade de status
O rastreador de pedidos exigiu uma linguagem visual distinta (etapas, progresso, fases de produção) conectada à marca FIAT, sem copiar concorrentes de logística.
✓ Resolvido

A interface em movimento

O design final alcançou o objetivo central: fazer uma transação complexa de múltiplas etapas parecer tão simples quanto uma decisão bem ponderada deve parecer. 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

O My FIAT foi lançado e tornou-se a primeira plataforma de compra digital de automóveis do Brasil um marco que a indústria automotiva considerava distante por anos. A plataforma cumpriu sua promessa central: um cliente poderia configurar, comprar, financiar e receber um FIAT sem jamais visitar uma concessionária.

O projeto também estabeleceu um modelo de como a transformação digital em indústrias tradicionais pode ser conduzida: através de pensamento de design de serviço, não apenas 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: toda a jornada resolvida digitalmente, sem nenhum ponto de contato físico.
Pontaaponta
Cobertura de serviço
Configuração, financiamento, rastreamento de produção e entrega de última milha em uma experiência única e contínua.
Status da plataforma
Status da plataforma
O My FIAT continuou operando e expandindo suas capacidades após o lançamento. O sistema escalou.
Retrospectiva

O que este projeto me ensinou sobre liderança

Trabalhei no My FIAT como Senior UX com foco em arquitetura de experiência, numa fase em que as lições ainda chegavam em tempo real. Olhando para trás, consigo nomear com precisão o que o projeto foi: projetar com as pessoas e através delas, não apesar da complexidade organizacional.

O instinto em projetos complexos é recuar para o trabalho individual. O My FIAT me mostrou que a habilidade mais difícil e mais importante é criar as condições para que a qualidade emerja de uma sala cheia de expertises diferentes, e que um workshop com a estrutura certa vale mais que cem horas sozinho no artboard.

Lição 01 · Sistemas Antes das Telas
A interface é os últimos 10% do problema
O trabalho de design real aconteceu nas sessões de stakeholders, no mapeamento de API, no blueprint de serviço. Cada tela que projetamos era manifestação de decisões tomadas muito antes, e um contrato com o processo de back-end que precisava existir.
Lição 02 · Facilitação é Design
O workshop foi a decisão de design de maior alavancagem
Investir um dia em alinhamento interfuncional antes do wireframing eliminou semanas de retrabalho. Formalizei esse princípio em todo projeto desde então: clareza no início comprime execução no final.
Lição 03 · Dirigir vs. Executar
Senior UX: criar as condições para que a excelência emerja
Confiar a execução visual ao Marcos enquanto me concentrava em acessibilidade e consistência de sistema foi a decisão certa. O resultado foi superior porque dois especialistas focaram nos seus domínios, não uma pessoa diluída em todos.
Lição 04 · Pensamento de Ecossistema
Cada tela é um estado de um sistema
A percepção de que estávamos construindo um ecossistema, e não um fluxo, mudou tudo. Esse modelo mental passou a orientar como enquadro qualquer produto: não como coleção de telas, mas como estados interconectados com dependências.
Próximo Estudo de Caso
SKY · Estratégia de Audiência
e Arquitetura de Experiência