Voltar aos cases
Composição editorial da campanha O Peso do Seu Carro, com telas em celulares, veículos e metáforas de peso em 3D low-poly.
Experiência digital da campanha Uber Brasil, desenvolvida pela Moringa. Lançamento: 2018.
UBER BRASIL / MORINGA / 2018

Uber: o peso do seu carro

Apoio ao UI Design de uma campanha interativa da Uber Brasil, criada pela Moringa, para tornar visíveis os custos e os incômodos do carro particular.

Quanto custa ter um carro? A resposta costuma começar no preço de compra, mas continua no combustível, nas despesas de manutenção e no desgaste da rotina. A campanha O Peso do Seu Carro transformou essa pergunta em uma experiência interativa: um teste que aproximava os números da vida de cada pessoa.

Este foi meu primeiro trabalho como UI Designer. Dei apoio ao UI Design em uma equipe da Moringa Digital. A experiência me colocou em contato com um desafio concreto de design: apresentar uma sequência de informações sem perder a leveza de uma campanha.

A Moringa Digital fez a ponte com a Uber, em uma entrega coletiva que conectou a interface ao conceito da campanha.

01 / CONTEXTO E DIREÇÃO

Uma calculadora precisava falar também sobre a vida fora dos números.

Composição com a abertura do teste e um resultado em celulares, acompanhados por uma baleia, bagagem e um carro em 3D.
A pergunta de abertura e a metáfora do peso conectam o carro à rotina de quem participa.

A Uber queria estimular a reflexão sobre o carro particular e apresentar alternativas de mobilidade. Para isso, a experiência considerava despesas e aspectos emocionais: encontrar vaga e ficar preso no trânsito faziam parte da avaliação, junto aos gastos com o veículo.

Além das despesas

O desafio de design era transformar essa combinação em algo que a pessoa conseguisse responder. Um formulário financeiro poderia reunir os valores, mas a campanha precisava também representar situações reconhecíveis e manter o interesse ao longo do teste.

A metáfora do peso

A direção escolhida foi dar forma à ideia de peso. A pergunta de abertura conecta o carro à rotina; as ilustrações antecipam o tom lúdico que acompanha a experiência. Assim, a entrada já prepara a pessoa para um resultado que comunica tanto pelo cálculo quanto pela imagem.

O problema orientou a solução: tornar despesas e incômodos cotidianos perceptíveis dentro de uma mesma experiência.
02 / ESTRUTURAÇÃO DA EXPERIÊNCIA

Organizar a conversa antes de detalhar cada tela.

Quatro telas em celulares apresentam perguntas sobre o carro, combustível, estacionamento e quilômetros percorridos, com controles próprios para cada resposta.
Perguntas sobre veículo, combustível, estacionamento e distância, organizadas em uma sequência comum.

Uma pergunta por vez

A equipe reuniu as perguntas e explorou maneiras de apresentá-las. Uma das alternativas foi um formulário em linguagem natural. A solução adotada foi uma sequência por etapas, separando os pedidos de informação para construir o teste progressivamente.

Atenção no momento

Essa escolha aparece nas telas finais: uma pergunta principal, uma interação associada à resposta e a indicação de avanço. Em vez de expor todos os campos juntos, a interface concentra a atenção no assunto daquele momento. O contador situa a pessoa no percurso.

Protótipo antes do detalhe

A estrutura passou por protótipos de baixa fidelidade e feedback da equipe da Uber antes do detalhamento visual. Essa etapa permitiu discutir o caminho e os pedidos de informação; nas telas finais, essa organização ganha forma.

Uma base comum, respostas diferentes: a navegação mantém continuidade, enquanto cada etapa escolhe uma maneira própria de representar o que está sendo perguntado.
03 / INTERAÇÃO E LINGUAGEM VISUAL

Responder também fazia parte da experiência da campanha.

A campanha em movimento
Vídeo da campanha O Peso do Seu Carro, da Uber Brasil.

Na compra do carro, as alternativas à vista e parcelado aparecem acompanhadas por versões do veículo inteiro e dividido. No consumo, o controle numérico convive com a imagem do pedal. A ilustração acompanha o tema e torna a resposta parte da composição.

Percepções da rotina

A pergunta sobre estacionamento pede para arrastar o carro até uma posição entre os extremos. Nesse caso, a resposta descreve uma percepção da rotina. A mesma sequência abriga escolhas, valores e avaliações subjetivas sem apresentar todas as perguntas como campos idênticos.

Uma linguagem compartilhada

A equipe adotou ilustrações 3D em estilo low-poly para sustentar essa linguagem. Os créditos do projeto atribuem sua criação a Walison Borges. A interface integra essa identidade às perguntas, aos controles e à navegação.

Foi nesse trabalho coletivo que apoiei o UI. As telas evidenciam a relação que o projeto precisava construir entre imagem, informação e ação: o recurso visual participa da pergunta e ajuda a dar unidade ao percurso.
04 / RESULTADO DA EXPERIÊNCIA

O cálculo terminava em uma imagem que dava sentido ao percurso.

Telas de resultado em desktop e celular apresentam um elefante, um objeto pesado e valores comparativos entre carro próprio e Uber.
Metáfora visual, descrição e comparação de custos reunidas no resultado da experiência.

Depois de responder sobre o carro e sua rotina, a pessoa encontrava uma representação do seu peso. A equipe trabalhou com figuras e objetos pesados para transformar uma avaliação abstrata em uma imagem compreensível e ligada ao conceito da campanha.

Na tela preservada, o elefante acompanha a mensagem “Um incômodo que não se esquece”. A composição aproxima o resultado emocional de uma comparação de custos entre carro próprio e Uber. O cálculo fornece a referência financeira; a metáfora comunica a sensação de carregar aquele custo na rotina.

O resultado conclui o caminho aberto pela primeira pergunta. Compra, combustível e estacionamento deixam de ser respostas isoladas e passam a compor uma leitura do uso do carro. A experiência apresenta uma base para reflexão sobre mobilidade, alinhada à intenção da campanha.

A entrega reuniu estrutura e expressão: um teste por etapas, interações específicas e um resultado que conecta informação financeira à narrativa visual.
05 / DESDOBRAMENTO DO RESULTADO

A reflexão continuava depois da primeira imagem.

Três telas em celulares apresentam custos mensais, combustível e equivalências de peso, acompanhadas por dinheiro, bagagem, uma baleia e um objeto pesado em 3D.
Custo acumulado, combustível e equivalências visuais ampliam a leitura do resultado.

O vídeo do projeto preserva outros detalhes da experiência final. Depois da representação por uma baleia, o resultado compara carro próprio e Uber. A sequência também apresenta gastos acumulados e uma equivalência visual para o combustível consumido.

Esses desdobramentos dão continuidade à ideia da campanha: o valor em dinheiro aparece junto a uma representação de escala. O resultado não se resume a um número isolado; ele devolve as respostas em diferentes perspectivas para apoiar a reflexão sobre a rotina.

Os registros mostram percursos com 13 e 14 etapas. Em ambos, a progressão organiza a leitura das perguntas e leva a uma comparação acompanhada por metáforas visuais.

Da pergunta ao desdobramento: a interface conecta participação, comparação e metáfora visual para tornar a mensagem da campanha concreta.
06 / REPERCUSSÃO E PARTICIPAÇÃO

Uma primeira participação em UI, dentro de uma campanha reconhecida.

Composição editorial com dois celulares exibindo os resultados visuais da campanha, ícones de conversa e compartilhamento e elementos low-poly.
A linguagem da campanha conecta a experiência individual a uma mensagem que pode ser compartilhada.

A campanha levou ao público uma experiência que transformava hábitos e despesas em uma reflexão visual sobre mobilidade. O teste foi lançado pela Uber em 2018; o trabalho recebeu reconhecimento no ano seguinte.

Embora eu tenha sido creditado como Diretor de Arte, minha contribuição foi de apoio ao UI Design. O trabalho de UX foi conduzido por Isabella Barbosa, creditada em UX/UI. A Moringa Digital fez a ponte entre a equipe e a Uber. O reconhecimento da campanha é fruto dessa entrega coletiva.

07 / LANÇAMENTO E RECONHECIMENTO

Do lançamento ao reconhecimento da campanha.

Arte editorial de premiação da campanha Uber O Peso do Seu Carro, com representações dos reconhecimentos de Grande Prêmio em Peça de Mídia Digital e Ouro em Inovação, de 2019.
Grande Prêmio de Peça de Mídia Digital e Ouro em Inovação no Prêmio Colunistas Brasília, em 2019.
2019

Reconhecimento no Prêmio Colunistas Brasília

Lançada publicamente pela Uber em 17 de agosto de 2018, a campanha recebeu o Grande Prêmio de Peça de Mídia Digital e Ouro em Inovação no Prêmio Colunistas Brasília em 2019, conforme os registros da equipe. São reconhecimentos de uma entrega coletiva.

Grande Prêmio

Peça de Mídia Digital

Prêmio Colunistas Brasília, 2019. Reconhecimento da campanha como entrega coletiva.

Ouro

Inovação

Prêmio Colunistas Brasília, 2019. Premiação registrada pela equipe do projeto.

O que ficou dessa primeira experiência

Como primeiro trabalho na área, o projeto marca minha entrada na construção de interfaces. O valor dessa participação está em integrar uma solução na qual o desenho das telas precisava sustentar uma ideia de campanha, uma sequência de respostas e a compreensão do resultado.

Nota de confidencialidade: Este case apresenta uma seleção do trabalho desenvolvido, respeitando a confidencialidade das informações do cliente e da equipe. Por esse motivo, não são exibidos registros de pesquisa, wireframes, protótipos exploratórios e outros materiais internos. O processo é descrito por meio dos desafios, das decisões e das telas da campanha e do webapp lançados publicamente.

PARA O SEU PRODUTO

Como tornar sua proposta mais fácil de entender?

Se o seu produto ou campanha precisa explicar uma ideia, vamos conectar informação, interação e linguagem visual.

ENTRAR EM CONTATO