top of page
Checkout Inversa
UI/UX Design
Aumentando a receita por meio de experimentação rápida
Contexto
A inversa implementou no checkout as “Bump Offers”, uma oferta complementar apresentada durante o processo de compra, geralmente com valor mais baixo, para aumentar o ticket médio da transação. Esse é um dos serviços que mais geraram receita para a empresa.
Impacto
Como Designer Sênior de Produto na equipe, projetei vários testes rápidos com foco em aumentar a receita dentro de um cronograma apertado, rastreando os resultados, criando protótipos e coletando feedback da pessoa usuária rapidamente. Considerando 20% de assinantes da Bump Offer, os experimentos levaram a um aumento de mais de 4,5% (R$ 23) na receita por transação.
✨ Atuei como única Product Designer do projeto, junto a dois stakeholders, uma PO e dois desenvolvedores.
Reformulação da Bump Offer para aumentar a receita
01 Contexto
O design atual da oferta de Bump Offer era um checkbox amarelo com tracejado e links em vermelho apresentado no checkout. Pesquisas anteriores mostraram que as pessoas usuárias tinham dificuldades de realizar compras pelo aplicativo ou site mobile, por isso queríamos experimentar fazer o redesign da oferta + do checkout. A hipótese era que as pessoas usuárias não sentiam confiança no layout e tinham seu fluxo de compra interrompido, deixando o potencial para alcançar ainda mais clientes.
Com quais eventos disruptivos os usuários mais se importavam?
02 Pesquisa
Coletamos feedback qualitativo para entender como as pessoas usuárias se sentiam em relação às bump offers para avaliar a usabilidade dos designs. Conseguimos coletar feedback das pessoas usuárias de forma assíncrona por meio de entrevistas não moderadas e testes de usabilidade e obter um relatório de insights em 2 dias.
Principais insights da pesquisa
02.1
1. Checkbox é obrigatório?🛑
As pessoas usuárias majoritariamente + 50, pela aparência do box, achavam que era um checkbox obrigatório (um total de 11 dos 20 entrevistados) e por isso acabavam interrompendo o processo de compra ali por medo.
2. Entendimento da oferta 🤔
Uma pequena tag de "oferta" fez com que a opção do checkbox parecesse melhor. Uma das variantes testou a ideia de adicionar uma tag e assim as pessoas usuárias perceberam a atualização como um negócio melhor.
3. Oferta! 💰
Criar uma página única para a Bump Offer fez com que fosse possível explicar melhor a oferta, dando mais segurança para a pessoa usuária.
Smoke test: testando várias opções de cobertura
03 Testes
Preços personalizados diferentes.
Para executar experimentos rápidos e rastreáveis sem a necessidade de desenvolvedores construírem a interface, criei variantes diferentes que queria experimentar usando o Webflow (uma ferramenta de low code), e isso me permitiu acompanhar o sucesso de cada variante depois de lançada.
Estas são as variantes que levei para a primeira rodada do smoke test:
Variante 1
03
Para a primeira versão, escolhi alterar o texto e adicionar um botão na oferta.
✨ E se testasse também os termos: "oferta" e "recomendado"?
Variante 2
03
Ainda com o novo texto, botão e adicionando uma imagem do mentor na oferta.
✨ Será que ao visualizar os mentores é gerado maior confiança?
Variante 3
03
Adicionar o preço apenas no botão.
Variante 4
03
Adicionar a oferta com um checkbox (como era feito).
✨ Mudando apenas o design do box da Bump Offer já seria o suficiente para atrair mais assinaturas?
Variante 5
03
Criar uma tela única para upgrade da assinatura utilizando checkboxes. A versão mais disruptiva até agora.
✨ Dedicar uma etapa do checkout a Bump Offer seria uma melhor ideia?
Resultados da primeira rodada: vitórias da oferta
03.2
1. “Alterar o texto e adicionar botão” teve bom desempenho 👍
A hipótese para isso ter acontecido é de que o botão chama muito mais atenção que um checkbox, além das tags enfatizando o valor da assinatura.
2. "Adicionar uma imagem a oferta" não performou tão bem 👎
A hipótese é que os mentores da assinatura não são tão conhecidos a ponto de trazer sozinhos mais credibilidade para a oferta.
3. "Adicionar preço apenas no botão" teve bom desempenho 👍
A hipótese é de que o preço ficou mais claro separado do que em um texto. É um formato a ser estudado novamente.
4. "Adicionar em checkbox" não performou tão bem 👎
Existem algumas hipóteses para isso ter acontecido: faltavam informações suficientes na tela da oferta ou a oferta era genérica demais.
5. "Criar uma tela única" foi a opção mais assinada 👑
Nessa variante o usuário tinha acesso a mais informações sobre o produto oferecido.
Testando o conceito de um novo design
03.3
Como o conceito de uma tela única foi o vencedor, criei um design para a tela e adicionei ao fluxo de compra. Para este experimento, usei a mesma versão mas com mais uma alteração na Bump Offer: texto adicionado próximo ao botão sobre cancelamento, para que desse para monitorar o sucesso rapidamente novamente.
✨ O vencedor da segunda rodada foi a versão com o texto sobre cancelamento, que se tornou o novo layout oficial de Bump Offer.
Remoção de atrito
03.3.2
.1. Ter um botão de assinar como ação primária pode significar que os usuários podem aceitar a oferta sem ler, resultando em uma taxa de adesão maior.
2. Ao mesmo tempo, a taxa de reclamações e cancelamentos podem aumentar, mesmo o botão de recusar oferta tendo grande destaque.
Impacto nos negócios: aumento de 4,5% em receita por transação
04 Resultados
- Conseguimos aumentar tanto a taxa de adesão ao Bump Offer quanto a receita.
- Considerando 20% de assinantes da Bump Offer, os experimentos levaram a um aumento de mais de 4,5% (R$ 23) na receita por transação.
Vamos trabalhar juntos?
bottom of page