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.
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