GWM

Construindo uma Concessionária Online

No maior mercado da América Latina, o Mercado Livre, a GWM tinha várias páginas dedicadas a seus modelos de carro. O desafio, portanto, era criar um ambiente unificado que mostrasse todos os modelos e destacasse os benefícios da marca em um só lugar. Além disso, era essencial oferecer aos usuários online uma experiência tão envolvente e abrangente quanto a visita a uma concessionária.

Meu Papel

Designer de Produto — Design de Interação, Design Visual, Fluxos de Usuário, Prototipagem Rápida, Assets Gráficos. Gerente de Projetos — Organizando tarefas e gerenciando prazos entre equipes.

Entregáveis

Bibliotecas de Componentes Designs de Alta Fidelidade Revisão do design após o desenvolvimento

Time

2 Designers 1 Gerente de Projeto 2 Desenvolvedores

Ferramentas

Figma Photoshop Ilustrador

App Sidebar
App Sidebar
App Sidebar

Considerando que estamos trabalhando com uma marca moderna de carros elétricos, com um alto custo de entrada para os padrões brasileiros, optamos por um fundo escuro na página, destacando os elementos no azul característico da marca. Sendo uma plataforma de e-commerce, onde as condições, preços e promoções mudam frequentemente, também nos concentramos em organizar as seções e conteúdos de forma clara e segmentá-los em blocos para facilitar ao máximo o trabalho da equipe de desenvolvimento. Para proporcionar a sensação de uma concessionária real e unificada, conforme solicitado, implementamos a navegação por modelo de carro no menu lateral e um menu superior em cada página, permitindo a navegação entre as seções de informações de cada modelo. Dessa forma, criamos uma experiência única e intuitiva com uma interface padronizada em todas as páginas, reforçando a sensação de visualizar vários modelos juntos, assim como em uma loja física.

Desktop color selection
Desktop color selection
Desktop color selection
Hero mobile
Hero mobile
Hero mobile
Car model menu mobile
Car model menu mobile
Car model menu mobile
Forms
Forms
Forms

Outro aspecto ao qual prestamos muita atenção foi o formulário de compra. Em colaboração com as equipes comercial e jurídica, estabelecemos várias regras sobre como e quando os campos deveriam ser exibidos. Assim, ajustamos o formulário da melhor maneira possível, dividindo-o em etapas para torná-lo mais dinâmico para o usuário. Algum tempo após o lançamento da página, com a ajuda da equipe de análise de dados, analisamos os resultados em relação à conversão de vendas. Pré-lead – Aumento de 45,9% (Concluiu apenas algumas etapas do formulário). Leads – Aumento de 45,8% (Concluiu o formulário). Pedidos – Aumento de 32% (Gerou um pedido de veículo). Aprovados – Aumento de 39% (Pedidos confirmados após pagamento). Cancelados – Diminuição de 30,7% (Cancelamentos após pagamento). Os dados foram analisados a partir do lançamento da nova página, comparando-o com o período anterior.

Create a free website with Framer, the website builder loved by startups, designers and agencies.