C&A × Blip · 2025

Vitrine Personalizada

De uma recomendação linear, que terminava no primeiro carrossel, para uma jornada de compra guiada com o conceito de “Complete seu look”.

Papel
UX/UI · Conversational · Lead
Setor
Varejo / Moda
Plataforma
WhatsApp
Ano
2025
Vitrine Personalizada
O contexto
Reproduzir no WhatsApp a lógica de recomendação do Shopping Muse e conduzir o usuário na composição de um look.

A vitrine personalizada recomendava apenas uma categoria por interação. Mesmo quando o usuário queria montar um look, a jornada se encerrava no primeiro carrossel, o que reduzia a descoberta de produtos complementares e as oportunidades de venda.

Os carrosséis vinham de template rígido, o que aproximava a experiência de uma busca comum e limitava o cross-sell. O redesenho transformou isso em uma jornada de compra guiada e mais consultiva.

Meu papel

Conduzi o redesenho da recomendação, do mapeamento as-is e to-be à nova arquitetura de carrosséis interativos e às mensagens que conectam a jornada.

O processo

Do problema à tela

1

Discovery

Mapeei a jornada atual e suas limitações, com referência na lógica de recomendação do Shopping Muse.

2

Fluxo

Desenhei a nova jornada, com recomendações progressivas e mensagens de transição que contextualizam cada etapa.

3

UI

Substituí os carrosséis de template por carrosséis interativos, mais flexíveis e fáceis de manter.

4

Cross-sell

Introduzi o conceito “Complete seu look” e o último card como ponto de decisão.

Decisões de design

  • Mensagens de transição que contextualizam as recomendações e deixam a conversa mais fluida.
  • Carrosséis interativos no lugar de templates rígidos, mais flexíveis e escaláveis.
  • O conceito “Complete seu look”, um cross-sell natural que amplia a descoberta de categorias.
  • O último card como ponto de decisão, permitindo continuar explorando ou fechar a compra.
Do fluxo à tela

O processo em telas

Cada decisão de fluxo vira interface. As telas abaixo seguem a ordem da jornada.

01

Jornada atual · As Is

A recomendação entregava só uma categoria por interação e se encerrava no primeiro carrossel, o que aproximava a experiência de uma busca comum e limitava o cross-sell.

02

Nova jornada · To Be

Recomendações apresentadas de forma progressiva, com mensagens de transição que contextualizam cada etapa e conduzem a composição do look.

03

Recomendação de 1 produto

Para uma única categoria, mensagens transacionais com IA conduzem a conversa. O último card funciona como ponto de decisão e mantém a jornada ativa.

04

Evolução · Complete seu look

Uma etapa adicional recomenda categorias complementares e amplia o cross-sell de forma coerente com a intenção de compra.

↗ Clique em qualquer tela para ampliar
O resultado

A nova estrutura deixou a experiência mais consultiva e personalizada, ampliou a exploração do catálogo e abriu oportunidades de cross-sell. Por trocar templates por carrosséis interativos, também reduziu o custo operacional e deixou a solução mais escalável.

Cross-sell

descoberta de novas categorias

Menos custo

com uso reduzido de templates

Mais escala

com carrosséis interativos