01 — Contexto
Em 2012, construí a UI da página da Buxton para a WBeer.com.br a partir da biblioteca de componentes compartilhada, aplicando a marca como um tema sobre os blocos existentes.
A página recebeu testes A/B em variações de UI, comparando arranjos de bloco de produto e CTA para entender qual versão da interface convertia melhor.
02 — Problemas identificados
Tematizar a UI para a Buxton
O desafio era adaptar os componentes reutilizáveis à identidade da cerveja, mantendo a consistência com as demais páginas de marca do WBeer.
Validar variações de interface
Era preciso testar diferentes arranjos dos componentes de UI para descobrir qual versão da página apresentava melhor desempenho de conversão.
03 — Processo
Projeto de 2012 para a WBeer.com.br. A página foi montada com o sistema de componentes reutilizáveis e preparada para testes A/B (ferramenta de otimização), variando o arranjo dos componentes de UI.
04 — Abordagem
Tematização e teste A/B da UI
- Reuso dos componentes de header, bloco de produto e CTA
- Aplicação do tema Buxton sobre a biblioteca compartilhada
- Criação de variações de UI para teste A/B de conversão
05 — Decisões de design
Componentes preparados para variações de A/B
Permitia testar arranjos de UI e otimizar a conversão com dados reais
Marca aplicada como tema reutilizável
Mantinha a consistência de UI enquanto isolava as variáveis testadas