01 — Contexto
Em 2012, montei a UI do hotsite da Basecamp para a WBeer.com.br reaproveitando a biblioteca de componentes usada em todo o e-commerce de cervejas.
A marca Basecamp entrou como um tema aplicado sobre os componentes de header, bloco de produto e CTA, sem alterar a arquitetura da interface.
02 — Problemas identificados
Aplicar a identidade Basecamp aos componentes
O desafio era re-tematizar os blocos de UI existentes para a personalidade da cerveja, mantendo a consistência com as demais páginas de marca do WBeer.
03 — Processo
Projeto de 2012 para a WBeer.com.br. O hotsite foi montado com o sistema de componentes reutilizáveis, aplicando o tema da Basecamp sobre a biblioteca compartilhada. Cada página levava de 1 a 2 semanas, com alinhamentos a cada 2 dias com marketing, comercial e lideranças.
Cadência
Alinhamento com marketing, comercial e lideranças para validar direção e conteúdo
Do briefing à entrega da página pronta para publicação
04 — Abordagem
Tematização dos componentes de UI
- Reuso dos componentes de header, bloco de produto e CTA
- Aplicação do tema Basecamp (cores, tipografia e imagens) sobre a biblioteca
- Ajuste de grid e banner preservando consistência entre as páginas do WBeer
05 — Decisões de design
Basecamp tratada como tema sobre componentes
Permitia produzir o hotsite rapidamente reaproveitando a biblioteca
Componentes consistentes com o catálogo
Mantinha a UI uniforme em todas as páginas de marca do WBeer