01 — Contexto
Em 2012, montei a UI da página da Companhia das Quintas para a Wine.com.br reaproveitando a biblioteca de componentes da loja, aplicando a marca portuguesa como um tema sobre os blocos existentes.
O tema da Companhia das Quintas ajustava imagens, cores e tipografia dos componentes para valorizar a origem e a curadoria dos rótulos, sem reescrever a estrutura de UI.
02 — Problemas identificados
Tematizar a UI para origem e curadoria
O desafio era ajustar os componentes reutilizáveis para destacar a procedência portuguesa e a seleção de rótulos, mantendo a consistência com o catálogo da Wine.com.br.
03 — Processo
Projeto de 2012 para a Wine.com.br. A página foi montada com o sistema de componentes reutilizáveis, aplicando o tema da Companhia das Quintas sobre grids de produto e banners. 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 banner, grid de produto e CTA
- Aplicação do tema da Companhia das Quintas sobre a biblioteca
- Organização dos blocos para valorizar origem e curadoria dos rótulos
05 — Decisões de design
Origem portuguesa traduzida no tema da UI
A procedência guiava as escolhas visuais sobre os componentes reutilizáveis
Página dedicada com componentes compartilhados
Separava a seleção do catálogo geral mantendo a consistência de UI