Case 01 · E-commerce B2C · Casa & decoração
Uma nova jornada de compra para casa e decoração
Redesign da experiência de compra conectando descoberta, inspiração e conversão em uma jornada mais clara e consistente.
Universo da marca
Da inspiração
à decisão.
Uma experiência de casa e decoração que conecta conteúdo visual, descoberta de produtos e compra.
Contexto visual · Westwing01 · Desafio
Unir inspiração e conversão em uma jornada contínua.
Organizar uma experiência extensa, com diferentes momentos de descoberta e decisão, sem perder o caráter inspiracional da marca. O produto precisava acomodar regras comerciais, conteúdo visual e múltiplas jornadas de compra com consistência.
Inspiração + compra
Preservar o caráter inspiracional da marca ao organizar descoberta e decisão.
Uma jornada extensa
Conectar catálogo, compra e pós-compra sem rupturas de experiência.
Regras + estados
Dar previsibilidade a validações, recuperação e diferentes contextos de compra.
Consistência sistêmica
Manter componentes e comportamentos coerentes entre páginas e dispositivos.
02 · Meu papel
Da compreensão do problema à definição da experiência.
Atuei conectando arquitetura, fluxos e interface em uma visão ponta a ponta — da descoberta ao pós-compra. Estados, padrões responsivos e componentes ajudaram a preservar a continuidade da experiência no handoff.
03 · Decisões de produto
O raciocínio por trás da experiência.
Descoberta fragmentada
Conectar inspiração e descoberta
Home, PLP, PDP e Shop the Look passaram a compor uma mesma jornada de exploração.
Fricção perto da compra
Aumentar previsibilidade entre etapas
Hierarquia, validações e estados conectaram PDP, carrinho e checkout com mais clareza.
Jornada encerrada na conversão
Tratar o pós-compra como parte do produto
Minha Conta, pedidos e canais de contato foram considerados na experiência end-to-end.
Home → PLP → PDP → Carrinho → Checkout → Minha Conta
Style Guide
NotoSans
Google fontsExperiência digital
Noto Sans é uma das famílias tipográficas utilizadas no projeto Westwing. Sua presença nos textos e elementos da interface estabelece uma linguagem consistente ao longo da experiência digital.
0 1 2 3 4 5 6 7 8 9 ! @ # $ % & * ( ) − = +
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
Lora
Google fontsExperiência digital
Lora compõe o sistema tipográfico da Westwing ao lado de Noto Sans. O contraste entre as formas serifadas e sem serifa dá personalidade e hierarquia à apresentação dos conteúdos.
0 1 2 3 4 5 6 7 8 9 ! @ # $ % & * ( ) − = +
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
Primary Colors
Primary · Complementary · White · NeutralsWestwing
Westwing
Complementary
White
Neutral Colors
04 · Frentes do projeto
Onde a atuação aconteceu.
Descoberta e catálogo
Redefinição da hierarquia de Home, PLP e PDP para acelerar exploração, comparação e decisão.
Conversão
Estruturação de design system escalável para carrinho e checkout, com validações inline e estados de recuperação.
Inspiração
Consolidação e padronização de componentes reutilizáveis para Shop the Look, wishlist pública e antes e depois.
Pós-compra
Evolução da arquitetura de Minha Conta e contatos via WhatsApp para ampliar o autoatendimento.
Jornadas do projeto
Uma experiência.
Muitos momentos.
Da descoberta ao acompanhamento, cada etapa depende da anterior.
Descoberta
- Home
- PLP
- PDP
Hierarquia para explorar, comparar e decidir.
Compra
- PDP
- Carrinho
- Checkout
Validações e estados para dar previsibilidade ao fechamento.
Pós-compra
- Minha Conta
- Pedidos
- Contato
Continuidade da experiência depois da conversão.
05 · Design além da interface
Decisões que precisavam funcionar além do layout.
A consistência precisava sobreviver à troca de contexto, dispositivo e etapa da jornada — não apenas funcionar em uma tela isolada.
06 · Da decisão ao desenvolvimento
Experiência preparada para implementação.
Comportamentos, variações e padrões responsivos foram organizados para reduzir ambiguidades e manter a jornada coerente durante a implementação.
07 · Impacto da atuação
Uma base clara para o produto avançar.
Impactos observáveis na estrutura da experiência e na preparação da solução para evolução.
Jornada integrada de ponta a ponta
- Desafio
- Descoberta, compra e pós-compra
- Decisão
- Conectar as etapas da experiência
Consistência entre etapas e dispositivos
- Desafio
- Páginas e dispositivos distintos
- Decisão
- Compartilhar padrões e estados
Base reutilizável para evolução
- Desafio
- Experiências e funcionalidades recorrentes
- Decisão
- Consolidar componentes reutilizáveis
Maior clareza para desenvolvimento
- Desafio
- Comportamentos além do layout
- Decisão
- Organizar regras para o handoff