Possibilitar a produção sustentável de confecções para uma empresa de tamanho médio e atrair a atenção de visitantes para as novas coleções.

Esse foi uma (fictícia) auditoria de UX para uma empresa de confecções com o objetivo de investir em sua presença digital para aumentar em 1,3x seu reconhecimento e a sua receita anual para sua nova forma de produção sustentável.


As oportunidades encontradas através de questionários e web analytics foram priorizadas por stakeholders de acordo com a urgência e valor.


Tive o desafio de redesenhar diferentes páginas com base na usabilidade, acessibilidade e conversão. Após isso, precisei organizar e analisar um teste A/B para descobrir qual layout traria mais conversão à empresa.

Conhecendo a audiência

Eu precisava entender quem visitava o site e como eles navegavam até comprarem o que os interessavam. As principais dúvidas que precisava esclarecer eram:

O desafio? Os únicos dados disponíveis da empresa eram demográficos e respondiam somente à minha 1ª dúvida.


Por isso, organizei uma pequena pesquisa de uma semana com questionários aplicados após uma compra para coletar dados dos clientes e dos usuários.

Coletando dados de UX

Enquanto aguardava o fim da aplicação do questionário, configurei o Hotjar, Google Analytics e Google Tag Manager para gravar como os visitantes navegavam pelo site, coletar dados não sensíveis e adicionar “tracking” à algumas interações.


Também pude conversar com a equipe de atendimento ao cliente sobre os pain points ou dúvidas frequentes que os usuários tinham no eCommerce e se havia uma maneira de reduzir a sobrecarga por tickets de suporte.

Análise de web analytics e questionários

Ao final, eu passei uma semana analisando as gravações dos visitantes, notando as principais necessidades do eCommerce, até onde as pessoas iam e o que atraia a atenção delas no site através do Hotjar.


Eu também pude unir os dados dos usuários e clientes por perceber, pelas ferramentas do Google e pelos questionários, que os comportamentos, intenções e preferências de produtos entre eles eram muito similares.

Problemas encontrados e priorização

Com base no objetivo de melhorar a conversão e a experiência dos usuários, listei as oportunidades que encontrei e algumas ideias que tive ao conversar com um dos Product Manager sobre o site e o novo posicionamento sobre sustentabilidade.


A viabilidade e priorização dessas ideias foram decididas em uma reunião com diferentes times, onde utilizamos duas matrizes: Esforço x Valor e Importância x Urgência.

Quais times participaram?

Por que utilizar duas matrizes?

Quais times participaram?

Por que utilizar duas matrizes?

Quais times participaram?

Por que utilizar duas matrizes?

Criando e melhorando wireframes

Como eu não tinha orçamento para realizar múltiplos pequenos testes, listei um conjunto de questões relacionadas à navegação, usabilidade e conversão para começar a criar os wireframes e melhorá-los, tendo os usuários em mente.

Protótipo hi-fi e hipótese a ser testada

Após adicionar alguns conteúdos aos wireframes, eu, alguns desenvolvedores e o Product Manager chegamos à conclusão de que dois designs seriam mais facilmente aderidos pelos usuários com base nas semelhanças com o site atual e no que os visitantes mais procuravam.


A dúvida que ficou foi: se comparados ao site atual, o layout A atrairia mais a atenção para os produtos e traria mais conversão de visitantes do que o layout B?

Terceirização de desenvolvimento para Teste A/B

Eu precisava conduzir um Teste A/B com 95% de confiabilidade para me certificar qual era o melhor design, porém o custo de ter a quantidade necessária de participantes era muito alto.


Pelo tráfego considerável no site, a empresa optou por investir na terceirização do desenvolvimento dessas versões e utilizar os visitantes como participantes, mesmo que isso prolongasse a conclusão do teste em 1 mês.

Análise de métricas e a melhor versão do layout

Ao final, o resultado foi de que a versão B do eCommerce não somente teve 19% a mais de vendas mensais, como também os usuários estavam adicionando um produto ao carrinho e voltando a página inicial ou a lista de produtos para explorar outras confecções.


A hipótese do resultado era que a página inicial e a lista de produtos do layout B era simplificado e destacava a apresentação dos produtos, enquanto o layout A era baseado na versão anterior do site, onde essas páginas possuíam mais conteúdos e o checkout era extenso.

Próximas prioridades do eCommerce

A partir da conclusão do Teste A/B, o caminho a seguir seria testar as pequenas melhorias do backlog, considerar a otimização do site e estimular a relação entre empresa e os novos clientes para torná-los leais a marca.

Reflexões

Minha maior preocupação foi que a falta de testes menores e pesquisas mistas com usuários para o redesign do site poderia afetar a criação de um design eficiente e até mesmo afetar a conclusão do Teste A/B.


Além disso, tive dificuldades em encontrar ferramentas flexíveis que pudessem me ajudar a perceber problemas menores na versão antiga do site e mensurar métricas como a média de tempo com a tela fixa em uma seção do eCommerce.

Voltar ao topo