BAUDUCCO | E-COMMERCE
Como liderei o time de UX da Huia | Stefanini que fez parte do melhor resultado da história do E-Commerce de Natal Bauducco, com a modernização das lojas virtuais
+ 100%
transações
+ 102%
de usuários
+ 10%
ticket médio
+ 113%
de receita
O DESAFIO
A Bauducco precisou se reinventar com as limitações impostas durante a pandemia de Covid 19. O objetivo da empresa era modernizar as lojas virtuais, visando aumentar o número de pedidos e traçar melhores estratégias de campanhas de mídias
A Bauducco resolveu então criar um planejamento centrado exclusivamente nas pessoas, que devido a Pandemia estavam indo menos às lojas. A solução foi levar a comunicação digital da empresa para todos os lugares, na hora certa, com uma mensagem de relevância que tocasse a cada indivíduo de forma única, tanto para o B2C, quanto para o B2B.
A estratégia da marca integrava ações para a gestão do comércio eletrônico, a divulgação de marketing digital, e também a melhoria da performance de vendas.
O TIME
Um time multidiciplinar, com profissionais, Bauducco e Haus
Para isso foi necessário elaborar um squad multidisciplinar, com profissionais da Bauducco e da Haus. Junto nós trabalhamos numa mesa de performance com reuniões diárias para analisar os dados do dia anterior, para que dessa forma, pudéssemos arquitetar soluções para colocar em prática o mais rápido possível.
FRAME DO PROBLEMA
Porque usuários abandonavam os carrinhos nas fases finais do checkout?
Usando ferramentas de analytics e avaliação de performance de sites, observamos que muitos usuários abandonavam os carrinhos no momento de checkout. A partir daí, conduzimos uma avaliação Heurística para entender melhor os problemas a serem resolvidos.
​
Após essas investigações identificamos alguns pain points durnante o fluxo de compra, performance e responsividade da plataforma Bauducco que dificultava a experiência de compra do usuário durante a jornada.
PRIMEIRO PLANO DE AÇÃO | PROTÓTIPO FRANKNSTEIN
Como poderíamos ganhar tempo na criação de um protótipo rápido e testar com usuários reais?
Depois de desenhar o fluxo do usuário e com a análise em mãos, precisávamos iniciar o teste com usuários reais e descobrir problemas para verificar se as nossas suposições eram reais em relação aos pontos de atrito e descobrir novas oportunidades de melhoria.
​
De forma rápida criamos um protótipo que chamamos de “Frankenstein”, que consistia em montar um teste A/B, utilizando prints da interface atual, e usando photoshop, e animando no Figma para criar as versões dos protótipos, versão B que ia evoluindo conforme observamos as necessidades dos usuários no decorrer dos testes.
​
Baseados nas observações de dados, decidimos também iniciar os testes com a versão mobile da plataforma.
Bauducco Mobile Flow A 1.0
O protótipo Franknstein nos ajudou a economizar tempo e otimizar os primeiros testes com usuários.
​
INDICADORES DE PERFORMANCE PARA TESTES
Quais informações precisamos coletar inicialmente e quais indicadores de performance vamos considerar?
Após considerarmos alguns pontos dentro do time definimos quais indicadores de performance iríamos observar nos testes.
​
Indicadores de performance observados:
​
-
Desempenho: Quanto tempo e quantos passos são necessários para que a pessoa complete tarefas básicas;
-
Precisão: Quantos erros a pessoa cometeu? E eles foram fatais ou a pessoa conseguiu se recuperar com as informações recebidas pelo sistema;
-
Resposta emocional: Como a pessoa se sentiu depois de completar a tarefa? A pessoa estava confiante ou estressada? Ela recomendaria o produto a um amigo?
Para coletar insignts escolhemos o MAZE, uma plataforma online de Product Discovery.
​
​
DESCOBERTAS E A PLATAFORMA VTEX
Como as nossas descobertas poderiam ser adaptadas a estrutura da plataforma VTEX ?
O Checkout é a etapa final no processo de compras online e também considerada como uma das mais importantes para a taxa de conversão de vendas em uma loja.
​
Já com relatório em mãos, era hora de uma reunião com o time VTEX e entender o que dentro das nossas descobertas poderia ser aplicado e o que era estrutural do sistema, para aí sim criar uma terceira sugestão de fluxo de compras para a plataforma Bauducco.
MODERNIZAÇÃO DO UI E VISUAL DESIGN DAS LOJAS ONLINE
Pontos como UI patterns, WCAG accessibility guidelines e Visual design foram considerados nesta fase
Ao tornar seu site acessível, você permite que mais pessoas possam interagir com ele e ter uma boa experiência, além de gerar mais tráfego para as páginas e melhorar a percepção dos usuários sobre o seu negócio.
​
Agora era necessário modernizar a parte de UI designer da plataforma. O wireframe final do nosso Frankenstein serviu como uma base sólida para ajudar o designer a construir a releitura da parte de componentes e visual do site. Além disso, foram considerados resultados coletados na ferramenta WCAG Contrast Checker.
​
Usando como parâmetro as WCAG Guidelines, que é a principal referência de acessibilidade no mundo, foi possível tomar decisões sobre cores e contraste do site de uma forma mais fundamentada.
​
Outcomes e considerações finais
Baseados nos três pilares da experiência do usuário: Usabilidade, Acessibilidade e Estética, ajudamos a criar uma nova página na história da Bauducco
As modificações feitas pela nossa equipe começaram pela mudança na navegabilidade e identidade visual das lojas virtuais. Os sites e as interfaces online da marca estão agora mais atraentes para o público.
​
Após o resultado positivo, a Bauducco identificou o potencial dos canais digitais e passou a investir em estratégias para que as vendas pelos seus e-commerces se mantenham representativas durante o ano inteiro.