.png)
O desafio
Aprender com o MVP e redesenhar toda a experiência do usuário para novos usuários
Entrei na empresa como um dos primeiros 25 funcionários, logo após o seed round. Nosso principal desafio como equipe de design era construir um produto consistente que pudesse posicionar a Diferente como a principal foodtech da América Latina no nosso setor.
Para isso, precisávamos reformular o site e o processo de checkout, que permaneciam inalterados desde o lançamento do MVP.
Utilizamos dados extensos do Metabase, Hotjar e Amplitude para embasar nossas decisões de design e priorizar claramente o que precisava ser resolvido.
Para isso, precisávamos reformular o site e o processo de checkout, que permaneciam inalterados desde o lançamento do MVP.
Utilizamos dados extensos do Metabase, Hotjar e Amplitude para embasar nossas decisões de design e priorizar claramente o que precisava ser resolvido.
01.
A análise do Metabase, Hotjar e Amplitude revelou pontos críticos na experiência do comprador, indicando a necessidade de melhorar o site e o checkout. Insights do suporte ao cliente reforçaram nossas decisões.
02.
O principal objetivo do redesenho da jornada do usuário foi melhorar as conversões e potencialmente reduzir o tempo até a conversão, ao mesmo tempo em que criava um checkout mais robusto para suportar o upsell de outros produtos.
.png)
Nossa abordagem
Uma jornada do usuário limpa e intuitiva, com o mínimo de fricção, desenvolvida em colaboração com um time multifuncional.
Garantimos que todos os envolvidos nessa iniciativa estivessem engajados desde o início do projeto. Como resultado, cada aspecto da landing page e do processo de checkout foi revisado por membros das equipes de marketing e growth, chegando até o executivos C-level.
Conduzi diversas sessões de colaboração, desde brainstormings até revisões de design, permitindo que todos compartilhassem suas opiniões e fossem ouvidos. Foi um projeto construído por muitas pessoas.
Nossa principal abordagem foi criar uma experiência de compra fluida, já que o design anterior era carregado e cheio de distrações que desviavam os usuários do seu objetivo.
Conduzi diversas sessões de colaboração, desde brainstormings até revisões de design, permitindo que todos compartilhassem suas opiniões e fossem ouvidos. Foi um projeto construído por muitas pessoas.
Nossa principal abordagem foi criar uma experiência de compra fluida, já que o design anterior era carregado e cheio de distrações que desviavam os usuários do seu objetivo.
.png)
.png)
.png)
Os aprendizados difíceis
Após o lançamento da nova landing page, nossa conversão de usuários caiu para cerca de um terço, aumentando significativamente nosso CAC.
Naquele momento, isso significava que estávamos convertendo quase 1.000 usuários a menos por mês.
Naquele momento, isso significava que estávamos convertendo quase 1.000 usuários a menos por mês.
Como um site visualmente mais limpo e fácil de usar poderia resultar em conversões mais baixas?
Era claro para todos no time que tínhamos melhorado a experiência com o novo design, mas não tínhamos certeza do que havia dado errado no processo. O que estava impulsionando as conversões no site anterior?
Nossa primeira hipótese era que o site tinha bugs ou etapas demais no checkout, já que havíamos migrado de um checkout de uma página para um de múltiplas etapas.
Nossa primeira hipótese era que o site tinha bugs ou etapas demais no checkout, já que havíamos migrado de um checkout de uma página para um de múltiplas etapas.
.png)
Iterações rápidas e validação de hipóteses por meio de testes A/B
Nas 2 a 3 semanas seguintes, passamos por uma fase de iterações rápidas para identificar o que havia dado errado com o novo design. Realizamos vários testes A/B, e uma hipótese se confirmou: cores vibrantes e imagens apetitosas aumentavam significativamente as conversões.
Com esse insight, mantivemos a experiência e a jornada do usuário intactas, mas atualizamos a interface para adotar uma abordagem mais vibrante, usando imagens envolventes da landing page até o checkout final.
Com esse insight, mantivemos a experiência e a jornada do usuário intactas, mas atualizamos a interface para adotar uma abordagem mais vibrante, usando imagens envolventes da landing page até o checkout final.
Ficou claro que cores e imagens apetitosas desempenhavam um papel fundamental na conversão de produtos relacionados a alimentos.
.png)
