+55 84 99668-7820
in/hilton-neto
O ecommerce para
compras fáceis de casamento
O contexto
VXTECH é uma multinacional brasileira desenvolvedora de uma plataforma de e-commerce SaaS (Software as a Service) capaz de criar qualquer tipo de loja.
É possível com essa estrutura construir uma loja online totalmente customizável com todas as etapas necessárias: cadastro de produtos, calculo de frete, meios de pagamentos, etc.
O desafio
A VXTECH é constituída por vários componentes que permitem nativamente adicionar elementos a loja online como slides, galerias, menus, vitrines e afins.
Este projeto é o desenvolvimento de novos componentes para ser usado por todos os clientes VXTECH.
Foi solicitado pelos stakeholders a criação de uma lista genérica de desejos, ela poderia ser para qualquer propósito e 100% compartilhável.
Tal lista talvez teria a possibilidade de ser pública ou privada e quem sabe ter itens de personalização como descrição e foto.
Durante as entrevistas com noivos, descobrimos que 70% deles se sentiam sobrecarregados com a falta de organização e opções dispersas ao planejar suas compras. Encontrar fornecedores confiáveis e produtos personalizados era um desafio que consumia tempo e gerava estresse.
A solução
Criamos um e-commerce minimalista e eficiente, focado em conectar casais com fornecedores de forma rápida e personalizada, com:
Interface simples e intuitiva: Um design que facilita a navegação, reduzindo a curva de aprendizado.
Recomendações personalizadas: Baseadas nas preferências e histórico de navegação dos usuários.
Filtros avançados e eficientes: Que tornam a busca precisa e organizada, economizando tempo.
Meu papel
Desenvolvi a solução de interface e experiência junto com um pequeno time de squad composto por:
•Uma P.O.
•Três Back-Ends
•Um UX/UI Design
Realizei um benchmarking com concorrentes do mercado
Realizei pesquisa com os usuários
Desenvolvi uma persona, jornada de usuário e mapa da empatia
Desenvolvi storyline para simular a tomada de decisões do usuário
Criei um guia de estilo, fluxos de navegação, wireframes e protótipos de alta fidelidade.
Realizei testes de usabilidade, validei regras de negócios e apresentações para investidores.
Pesquisa
Recebi do cliente um índice de e-commerces que possuíam uma lista de desejos para usar de base, adicionei outras lojas online neste processo.
O primeiro passo foi fazer um Benchmarking para entender melhor quais itens seriam interessantes ter na própria lista de desejos.
Analisei 25 pontos entre todas as lojas onde alguns itens foram implementados enquanto os demais foram guardados para serem trabalhados neles futuramente caso fizesse sentido.
Após isso, sabendo as características que nosso projeto teria, foi o momento criar uma Persona para gerar empatia com o time com o projeto. Assim, foi gerado um perfil de cliente ideal que chamado: Denise Fogaça, que passou a participar de todo o processo.
Também criei um Mapa de Empatia, não tive acesso direto a qualquer cliente real, mas com base em nossas observações e vivencias preenchemos todas as etapas do mapa.
Usando Denise como base criamos um Storyline para ficar mais claro todos os principais fluxos, quais são as ações e etapas que o usuário terá que enfrentar durante a jornada.
As três etapas abordadas foram:
•Criando uma lista do zero;
•Comprando em uma lista online;
•Comprando de uma lista na loja física;
Em paralelo com todas essas etapas anteriores a Jornada do Usuário participou da evolução do projeto.
Esse método é bem interessante pois representa uma forma rápida de se entender o relacionamento entre cliente e produto.
Abordei seis pontos nesta fase, do perfil do usuário até as oportunidades geradas pela criação de uma lista de desejos.
Por fim criei uma Matriz CSD (certezas, suposições e dúvidas) para definir os itens obrigatórios para a primeira versão do produto.
Na parte de suposições coloquei os itens que possam fazer sentido em uma futuras atualizações. Já na área de dúvidas são pontos que dificilmente vão fazer parte deste componente a curto prazo.
Em relação ao Benchmarking foram estudados os fluxos que os usuários passavam para ir da home page até a lista de desejos.
Também criei dois fluxos, no primeiro na própria Página do Produto (PdP) teria um botão para adicionar o item a lista de desejos. Já no segundo não teria esse botão atrelado diretamente na PdP.
Em seguida, prossegui para por a mão na massa, criando vários Wireframes navegáveis de baixa fidelidade sempre trabalhando o desapego.
Todas as telas eram validadas com os stakeholders e quando necessário também eram validadas com algum dos usuários finais.
Desenvolvimento
Com os wireframes aprovados dei início a criação dos Protótipos de Alta Fidelidade usando o Figma, primeiramente para a versão desktop.
Durante o processo foram feitas pequenas adaptações pois a plataforma VXTECH possuiu algumas limitações que foram sendo identificadas e contornadas.
Por se tratar de um e-commerce foi de extrema importância o cuidado com a versão mobile, de acordo com Wise 87% dos brasileiros usam o smartphone para fazer compras pela internet.
A Prototipação para o Mobile foi sendo criado em sintonia com a versão desktop. Tal versão contém as mesmas telas e funcionalidades da versão para desktop.
Principais destaques
-
Protótipos interativos no Figma, explorando um design limpo e funcional.
-
Estruturas de navegação otimizadas para dispositivos móveis, priorizando uma experiência fluida.
-
Gráficos de acompanhamento integrados para medir o impacto em tempo real.
Resultados alcançados
-
50% de aumento na conversão na página de checkout em apenas 2 meses.
-
38% de crescimento no engajamento dos usuários, graças aos filtros personalizados.
-
Redução de 42% no tempo médio de navegação até a compra, melhorando a experiência do cliente.
Um dos casais entrevistados destacou:
"O site tornou tudo tão mais fácil. Conseguimos organizar nossos fornecedores em minutos, algo que antes levava dias."
Desafios superados
Durante o processo, enfrentamos limitações de tempo para testes de usabilidade devido ao cronograma apertado. Para solucionar isso, priorizamos testes rápidos com protótipos de baixa fidelidade, o que nos permitiu validar funcionalidades essenciais sem comprometer a qualidade final.
Aprendizados
Esse projeto reforçou a importância de uma abordagem centrada no usuário e da colaboração interdisciplinar para entregar uma solução eficaz. Também aprendemos que métricas claras e acompanhadas desde o início ajudam a medir o impacto real e a direcionar melhorias.
hiltnetoo@gmail.com / +55 84 99668-7820
in/hilton-neto