Aplicativo de saúde
UX de produto
MV AgustaAutomotivo · Design de site para concessionária
Dealer WorkspaceAutomotivo · Produto digital
Serviços
Ferramentas
Tecnologias
Serviços
Ferramentas
Tecnologias
Automotivo · Design de site para concessionária
MV Agusta
Um projeto de site encomendado por uma concessionária MV Agusta, depois desenvolvido internamente como um showroom funcional. A experiência leva a identidade visual da marca à descoberta dos modelos, à escolha das motos em estoque e ao contato com a concessionária.
Automotivo · Produto digital
Dealer Workspace
Um espaço de trabalho para concessionárias de motos responderem aos clientes, organizarem visitas e fazerem as vendas avançar. Conversas por e-mail, SMS e site se reúnem em um só lugar, com responsabilidade clara pelo cliente e a moto e a próxima etapa à mão.
Dois lados da concessionária
O site ajuda compradores a encontrar uma moto e fazer uma consulta. O espaço de trabalho foi projetado para levar esse contexto ao dia a dia da concessionária. Estas demonstrações funcionam separadamente; a conexão entre elas não está ativa.
O briefing
Adapte a linguagem visual editorial da marca ao site de uma concessionária. Os compradores precisavam ver o que estava disponível, comparar os detalhes de uma moto específica e encontrar uma próxima etapa clara com a concessionária.
Por que este produto
Um comprador pode enviar um e-mail sobre uma moto, continuar por mensagem e depois pedir uma visita. A concessionária precisa manter essa conversa unificada, saber qual gerente cuida do cliente e transformar seu interesse em uma próxima etapa clara. Nosso objetivo foi fazer da resposta, do agendamento e do acompanhamento partes de um fluxo contínuo.
Decisões de design
A partir de um briefing estrutural fornecido, reformulamos o estilo visual, a composição, os componentes e parte da ordem das páginas. Fotografias grandes estabelecem a marca; cartões de estoque, especificações e ações diretas apoiam a jornada de compra.
Depois de entregar o design, nós mesmos o transformamos em um site funcional. Padrões de página compartilhados mantêm a mesma navegação, apresentação de modelos e seleção de estoque em todo o showroom.
Nossas decisões de produto
Colocamos a conversa com o cliente no centro. As mensagens mantêm seu canal visível, e a equipe pode escolher como responder no mesmo lugar. Vinculamos as conversas ao registro do cliente, onde o gerente responsável e as motos de interesse ficam claros.
Conectamos a conversa à visita: a equipe oferece horários no showroom, e o comprador escolhe online. Negócios e tarefas levam a próxima ação adiante. Cada moto tem seu próprio registro de estoque, e uma etapa separada de publicação dá à concessionária controle sobre o que os compradores veem no site.
Nossa contribuição
Entregamos o design UX/UI e os componentes reutilizáveis, depois desenvolvemos o frontend e os movimentos do showroom como um projeto do estúdio. A identidade da marca e as imagens das motos pertencem à MV Agusta.
Nossa contribuição
Definimos a direção do produto, mapeamos as relações e os fluxos, revisamos a primeira versão seção por seção e projetamos e desenvolvemos o frontend responsivo. O trabalho abrange tanto a interface que as pessoas veem quanto as regras que fazem suas seções funcionarem juntas.
01 / Prioridades da concessionária
Coloque as motos disponíveis perto da entrada.
A página inicial traz o estoque logo após a imagem de abertura. Condição, ano e preço aparecem juntos, para que a primeira decisão seja sobre uma moto que a concessionária tem para oferecer.
Test-rides e assistência aparecem como ações diretas. São os motivos cotidianos de uma visita à concessionária e têm um lugar claro na hierarquia da página.
02 / Exploração de modelos
Mantenha a próxima etapa ao lado do modelo.
Reunimos a moto, as vistas disponíveis, as principais especificações e Ver estoque em um cartão de produto consistente. Os compradores podem examinar o modelo enquanto seus detalhes práticos permanecem no lugar.
Ver estoque leva o modelo selecionado ao filtro do inventário. Isso conecta a página expressiva do modelo às motos disponíveis na concessionária.
03 / Seleção de estoque
Dê a cada moto seus próprios detalhes.
Um anúncio de estoque precisa de mais do que o nome do modelo. Colocamos o preço pedido, o ano, a quilometragem, os proprietários anteriores e parte do VIN ao lado da moto, com uma ação de Consulta.
Filtros por família, modelo e condição reduzem a lista; a ordenação permite comparar preço e ano. A visualização filtrada mantém a seleção na URL para permitir o compartilhamento. O estoque mostrado aqui usa dados de exemplo.
04 / Direção visual
Leve a marca por toda a jornada de compra.
Imagens grandes de motos, tipografia forte e contraste entre claro e escuro mantêm o showroom reconhecivelmente MV Agusta. Usamos as fotografias da marca dentro de um novo sistema de composição e componentes.
A página do modelo dá ritmo próprio aos detalhes técnicos: imagem aproximada, título claro e explicação curta. O movimento acompanha essa hierarquia, com abertura expressiva e transições mais calmas pelos detalhes.
01 / Conversas com clientes
Responda ao comprador em um só lugar.
Um cliente pode começar no site e continuar por mensagem. A equipe precisa ver a troca anterior ao responder, seja qual for o canal usado pelo comprador.
Reunimos consultas do site, e-mail e SMS na mesma interface de conversa, com o canal mostrado em cada mensagem. Neste exemplo, Carlos passa do site para o SMS; a equipe pode responder ao lado do histórico da conversa, com a moto relevante acima.
02 / Responsabilidade pelo cliente
Mantenha cada cliente com seu gerente.
Um contato compartilhado da concessionária precisa de responsabilidade clara. A equipe pode atribuir um gerente a um cliente e ver quem cuida da relação, junto à próxima ação.
Associamos essa responsabilidade ao registro do cliente. Quando os dados de contato identificam um cliente existente, uma nova consulta se vincula a esse registro e mantém o gerente atribuído. Conversas e acompanhamentos continuam conectados à mesma pessoa.
03 / Da conversa à visita
Transforme uma mensagem em uma visita agendada.
Uma solicitação como “quinta-feira depois do trabalho” deve levar a uma visita que o comprador possa confirmar online. Colocamos sugestões de horários do showroom dentro da conversa, para que a equipe organize a visita enquanto a solicitação está à sua frente.
O comprador escolhe um horário, e essa escolha se torna um compromisso vinculado à conversa. Nesta demonstração, a prévia de e-mail permite experimentar a parte do comprador no fluxo.
04 / Dando continuidade
Mantenha a venda avançando depois da resposta.
Depois de uma resposta ou de uma visita agendada, a equipe ainda precisa saber o que acontece a seguir. Cada negócio mantém juntos o comprador, a moto exata e a próxima ação.
Transformamos a próxima etapa em uma tarefa compartilhada pelo negócio e pela lista de tarefas, com um responsável e uma data de entrega. A mensagem original do comprador pode permanecer anexada, para que quem faz o acompanhamento veja o que foi acordado. O quadro destaca etapas atrasadas e negócios que ainda precisam de uma.
05 / Decisões sobre estoque
Saiba quais motos merecem um olhar mais atento.
Duas motos do mesmo modelo podem ter preços, disponibilidade e tempo no site diferentes. Combiná-las ocultaria os detalhes de que uma concessionária precisa para decidir.
Fizemos da unidade individual em estoque a base do inventário e dos relatórios. Cada moto mantém suas próprias visualizações e consultas. A visão de análises leva padrões como muitas visualizações sem consultas à atenção da concessionária, prontos para uma análise mais próxima.
06 / Controle sobre o site
Revise as alterações antes que os compradores as vejam.
Um novo preço ou um status Reservado muda o que a concessionária oferece. A equipe precisa de uma oportunidade para verificar essas alterações em conjunto.
Separamos Salvar rascunho de Publicar alterações. As alterações pendentes permanecem visíveis campo a campo, e a publicação é uma próxima ação deliberada. Notícias e importações de CSV seguem a mesma regra.
O resultado
Um design entregue e um showroom funcional.
O design encomendado foi entregue. Mais tarde, desenvolvemos internamente este showroom de 28 páginas, com páginas de modelos, filtros de estoque, test-rides e assistência. A versão mostrada usa conteúdo de exemplo; seus formulários validam os dados sem enviá-los.
O resultado
Um espaço de trabalho funcional para concessionárias.
Um aplicativo funcional para computador, tablet e celular, conectando conversas com clientes, responsabilidades, agendamento de visitas e acompanhamento de vendas à gestão de estoque e do site. Explore os fluxos com dados de exemplo; suas alterações ficam no navegador. A demonstração não está conectada ao site da concessionária nem a serviços de e-mail ou SMS.
