Vedett — capa

01 — Contexto

Em 2012, montei a UI da página da Vedett White para a WBeer.com.br reaproveitando a biblioteca de componentes usada em todo o e-commerce de cervejas.

A identidade marcante da Vedett White foi aplicada como um tema sobre os componentes de header, produto e CTA, sem alterar a arquitetura da interface.

02 — Problemas identificados

Levar a identidade da Vedett White para a UI

O desafio era re-tematizar os componentes reutilizáveis para a personalidade característica da cerveja, mantendo a consistência com as demais páginas do WBeer.

03 — Processo

Projeto de 2012 para a WBeer.com.br. A página foi montada com o sistema de componentes reutilizáveis, aplicando o tema da Vedett White sobre a biblioteca compartilhada.

04 — Abordagem

Tematização dos componentes de UI

Tematização dos componentes de UI

  • Reuso dos componentes de header, bloco de produto e CTA
  • Aplicação do tema marcante da Vedett White sobre a biblioteca
  • Ajuste de grid e banner preservando consistência entre as páginas do WBeer

05 — Decisões de design

Identidade da Vedett aplicada como tema

A personalidade marcante da marca guiava o tema sobre os componentes reutilizáveis

Estrutura de UI consistente com o catálogo

Mantinha a página alinhada às demais marcas do WBeer