Dutra App

A Dutra, uma marca com mais de 30 anos de história no mercado, enfrentava um desafio com sua plataforma de e-commerce. O site, que utilizava um tema genérico, limitava a personalização e não oferecia uma experiência de compra fluida. Como resultado, o processo de compra estava repleto de fricções, principalmente em dispositivos móveis, que são preferidos por 90% dos usuários.

Minha missão era clara: desenvolver um fluxo de compra com cartão de crédito que não apenas facilitasse a jornada do usuário, mas também reforçasse a identidade da marca, refletindo seu valor e criando uma experiência mais intuitiva e personalizada.

Project showcase laptop mockup
Project showcase laptop mockup
Project showcase laptop mockup

01

Explorando os pontos de melhoria

Durante a fase de diagnóstico, detectei diversas áreas que poderiam ser otimizadas para melhorar a experiência do usuário e aumentar as conversões.

  1. Página inicial: O espaço era dominado por banners de categorias, o que limitava a visibilidade do catálogo de produtos, crucial para a navegação inicial.

  2. Página de detalhes do produto: Elementos essenciais, como preço, descrição e o botão de ação ("comprar"), estavam mal posicionados, tornando o processo de compra confuso e ineficiente.

  3. Carrinho: Faltavam sugestões de produtos complementares, uma tática que poderia aumentar o ticket médio.

  4. Tela de checkout: O processo era longo e frustrante, com etapas desnecessárias, como a obrigatoriedade de CPF/CNPJ, e sem a possibilidade de retorno ou revisão dos dados inseridos.

  5. Cadastro de usuário: Problemas técnicos impediam que usuários criassem uma conta, bloqueando o fluxo de compra.

02

Desenhando uma nova experiência

O próximo passo foi a criação de um wireframe, uma etapa fundamental para visualizar a nova estrutura da plataforma. Ao mapear o esqueleto do site, pude reorganizar os elementos, focando em usabilidade e clareza, e criando uma experiência de compra mais fluida e agradável.

Principais melhorias no fluxo de compra:

  • Navegação simplificada: Reduzi o espaço dedicado aos banners e priorizei a exposição de produtos logo na homepage.

  • Informação clara e acessível: O preço e a descrição dos produtos, além do botão de compra, foram reposicionados para maior visibilidade e acessibilidade.

  • Cross-selling: Implementamos sugestões de produtos no carrinho, incentivando compras adicionais.

  • Checkout otimizado: Reduzi as etapas do checkout e removi a obrigatoriedade do CPF/CNPJ, tornando o processo mais ágil. Adicionei a possibilidade de voltar às etapas anteriores, dando mais controle ao usuário.

  • Cadastro funcional: Resolvi os problemas técnicos de cadastro, garantindo que os usuários pudessem criar suas contas e finalizar suas compras sem impedimentos.

Project showcase laptop mockup
Project showcase laptop mockup
Project showcase laptop mockup
Project showcase laptop mockup
Project showcase laptop mockup
Project showcase laptop mockup

03

Uma nova plataforma para a Dutra

Com a personalização da plataforma e as melhorias no fluxo de compra, acredito que o novo layout oferece uma experiência de usuário muito mais intuitiva e eficiente. A identidade da Dutra está agora refletida no design, com uma paleta de cores que equilibra destaque e clareza. Além disso, o processo de compra está mais ágil e seguro, aumentando as chances de conversão.

A solução não só melhora a experiência do cliente, mas também alinha a marca com as expectativas do mercado digital atual. O resultado é uma plataforma que não só facilita o processo de compra, mas fortalece a conexão emocional dos clientes com a Dutra, impactando positivamente nas vendas e fidelização.

Vamos trabalhar juntos?

LUCAS FAVERO

©

Lucas Favero

2024

Vamos
trabalhar
juntos!

©

Lucas Favero

2024

Vamos
trabalhar
juntos!

LUCAS FAVERO

©

Lucas Favero

2024