Case de produto digital / Discovery e definição

Indisponibilidade descoberta tarde demais no funil

Como um discovery orientado a dados mudou o enquadramento de um problema de mensagem de erro para um problema de sequência da informação, no e-commerce de linha branca da Brastemp.

Cliente Brastemp / squad Brastemp ConversãoAno 2023 a 2024Papel Product Designer, discovery e definiçãoStatus Projeto real

Resultado

35%de redução nos detratores de indisponibilidade do CES em relação ao trimestre anterior
4,07de CES no trimestre, equivalente a 105% da meta e 14,12% de crescimento no comparativo anual
cerca de 7xa conversão em sessões com localização informada, comparada a sessões sem localização
R$ 40M a R$ 50Mde receita atribuída ao reconhecimento de CEP, somando geolocalização e input manual
Página de produto da Brastemp em desktop e mobile com a vitrine de produtos substitutos acima do campo de avise-me
A página de produto depois da entrega: alternativa disponível antes do cadastro de e-mail
Três telas da Brastemp: captura de localização no header, alternativa na página de produto e alternativa no carrinho
Disponibilidade antecipada em três pontos da jornada: header, página de produto e carrinho

Contexto

Contexto do projeto

A Brastemp opera um e-commerce próprio de linha branca, com produtos de ticket alto e decisão de compra considerada. O time responsável pela jornada de conversão, a squad Brastemp Conversão, trabalha com Brand Preference como métrica principal e CES, o Customer Effort Score, como indicador do esforço exigido do consumidor.

No terceiro trimestre de 2023, o diagnóstico Brastemp Premium Experience Level apontou disponibilidade de produtos como o maior detrator do CES, com 22% de BOS, sendo metade dos casos ligados a indisponibilidade por região. O mesmo estudo posicionou a Brastemp como a marca do grupo que mais sofria com esse problema no site. A partir desse dado, o time abriu uma missão dedicada ao tema, com participação de Tribo Brastemp, Catálogo, Estoque, Trade e Plataformas.

O envolvimento dessas cinco áreas desde o início foi decisivo. O tema tocava simultaneamente cadastro de produto, planejamento de estoque, estratégia comercial e plataforma, e nenhuma solução restrita à interface resolveria o problema sem esse alinhamento.

Página de produto da Brastemp em desktop e mobile no estado anterior, com o campo de avise-me antes da vitrine de similares
O cenário original em desktop e mobile: o aviso de indisponibilidade vinha com o campo de avise-me, e os similares só abaixo

Desafio

O desafio

O problema central não era falta de estoque. Era o momento em que o consumidor descobria a falta de estoque.

O usuário navegava, escolhia o produto, selecionava a voltagem, adicionava ao carrinho e só então, ao informar o CEP, recebia a mensagem de que o item não podia ser entregue no seu endereço. Nesse ponto ele já havia investido esforço na decisão e não recebia nenhuma alternativa.

Comportamento no carrinho por status do produto, Google Analytics, outubro a dezembro de 2023
IndicadorProduto indisponívelProduto disponível
Abandono no carrinho74%50%
Taxa de conversão3,4x menorbase
Sessões com evento de indisponibilidade18,77%7,6% na PDP

O CEP informado na página de produto não persistia no carrinho nem no checkout, o que obrigava o usuário a repetir a consulta a cada etapa. O benchmark agravou o quadro: entre 11 players analisados, a Brastemp era a única sem nenhuma tratativa para disponibilidade de produtos.

Limitações de escopo

  • A plataforma VTEX não permitia cruzar disponibilidade real com a base de cadastro, o que significa que visibilidade no site não equivalia a disponibilidade de entrega.
  • A estratégia de clusterização entre D2C e B2B deixava o site legitimamente sem alguns SKUs, sem que o consumidor entendesse o motivo.
  • Produtos em phase-out permaneciam publicados.
  • O serviço Location Availability da VTEX, que resolveria parte do problema de forma nativa, estava em manutenção.
  • Em várias entregas não foi possível rodar teste A/B por limitação da ferramenta de experimentação.
Detalhe do módulo de indisponibilidade da Brastemp em desktop e mobile, com o campo de e-mail acima da vitrine de produtos similares
O módulo no detalhe: captura de e-mail para uma disponibilidade futura incerta acima da alternativa disponível agora

Público

Para quem estávamos desenhando

Consumidor final de eletrodomésticos de linha branca no site oficial do fabricante. Compra de ticket alto, decisão considerada e dois critérios que funcionam como filtro absoluto: voltagem e entrega para o CEP.

  • Espera estoque completo no site do fabricante. A pesquisa registrou o argumento de forma recorrente: se o site é da fábrica, por que o produto não está disponível.
  • Voltagem é critério inegociável. Entre quem lembrava onde a falha aconteceu, 36,2% apontaram voltagem e 18,8% apontaram cor.
  • Quando encontra indisponibilidade, quer opção, não fim de caminho. 72,3% seguem navegando e 26% voltam para a home.
  • Concentração no Sudeste, região com maior incidência, com geladeira como categoria mais afetada por CEP e lava-louças por voltagem ou modelo.

Estratégia

A estratégia e as decisões

A primeira decisão foi de enquadramento: tratar o caso como falha de sequência da informação, não como falha de comunicação.

A leitura inicial do time apontava para melhorar a mensagem de indisponibilidade. Os dados mudaram essa direção. Entre 150 respondentes da survey, 77,4% já tinham passado pelo problema, o maior índice registrado pelo time nesse tipo de pesquisa até então. E o dado do Google Analytics que mais pesou foi outro.

Se o usuário continua procurando depois da mensagem, o problema não é o tom da mensagem. É a ausência de caminho.

72,3% dos usuários que encontravam indisponibilidade seguiam navegando no site

Coletar o CEP no início da jornada

Em vez de esperar a simulação de frete na página de produto ou no checkout, capturar a localização no header por três vias: input manual, geolocalização do navegador e endereço de usuário logado, propagando a informação por toda a navegação. O dado que sustentou a hipótese: quem calculava CEP no carrinho convertia cerca de quatro vezes mais do que quem calculava na página de produto, o que indicava que o consumidor mais engajado era justamente o mais exposto à frustração.

Nunca deixar o usuário sem alternativa

Estender a vitrine de produtos substitutos para todos os cenários de indisponibilidade, incluindo indisponibilidade por CEP, que antes não tinha tratativa nenhuma, e levá-la também para o carrinho e o checkout.

Filtrar a sugestão pelo contexto real

A vitrine existente sugeria produtos que também podiam estar indisponíveis. A nova lógica passou a considerar a voltagem selecionada e a região consultada, combinando cadastro de catálogo, API de recomendação por comportamento e validação de disponibilidade por CEP.

Inverter a hierarquia na página de produto

Colocar a vitrine de substitutos antes do campo de avise-me. A hipótese era que oferecer alternativa disponível agora converte mais do que capturar e-mail para uma disponibilidade futura incerta.

Diferenciar os cenários na copy

Separar temporariamente indisponível de fora de catálogo, permanentemente fora de estoque, consultando o cadastro do produto. Produtos em phase-out não deveriam criar expectativa de retorno de estoque.

Priorizar com os stakeholders, não para eles

A escolha do que entraria no trimestre foi definida em uma dinâmica de Compre uma Feature com time e stakeholders, avaliando impacto no negócio, impacto no usuário e esforço de desenvolvimento.

O que ficou fora

  • Filtros de disponibilidade na página de categoria, geral e por CEP: mapeados na árvore de oportunidades e fora do recorte do trimestre.
  • Exibição da quantidade restante em estoque, presente em concorrentes como Casas Bahia e MadeiraMadeira: levantada como gatilho de escassez e não priorizada.
  • Avise-me no carrinho: priorizado e sem entrega nesse ciclo.
  • Geolocalização: mantida, mas ajustada depois da entrega, porque a chamada da API do Google gerou custo operacional não previsto e precisou ser religada com limite diário.
Comparativo antes e depois do módulo de indisponibilidade: no antes o avise-me vem primeiro, no depois a vitrine de similares vem primeiro
A inversão da hierarquia na página de produto: a alternativa disponível passou na frente do avise-me
Três estados da modal de CEP da Brastemp: input manual, CEP validado e endereço de usuário logado
Coleta de localização no início da jornada: entrada manual, validação e endereço de usuário logado
Carrinho e checkout da Brastemp em desktop com aviso de indisponibilidade e vitrine de substitutos
A vitrine de substitutos estendida ao carrinho e ao checkout, onde antes não havia tratativa nenhuma
Módulo de indisponibilidade com a copy revisada em desktop e modal de entrega indisponível em mobile
Copy dos estados reescrita: temporariamente indisponível separado de fora de catálogo

Processo

O processo

O trabalho seguiu a estrutura de Double Diamond, com uma etapa de descoberta e definição concluída antes de qualquer proposta de interface. As oito etapas abaixo aconteceram em sequência, e cada uma alimentou a seguinte.

  1. Matriz CSD e análise dos comentários detratores categorizados na base do CES entre janeiro e setembro de 2023.
  2. Segmentação dos ofensores por categoria, SKU e região. Sudeste apareceu como região de maior incidência, geladeira como categoria mais afetada por CEP, com 26%, e lava-louças por voltagem ou modelo, com 29%.
  3. Cruzamento da base do CES com a base de estoque fornecida pelo time de Supply. Foi aqui que apareceram dois achados estruturais: a restrição técnica da plataforma e a presença de produtos em phase-out ainda visíveis no site.
  4. Análise quantitativa no Google Analytics para outubro a dezembro de 2023, junto ao time de CRO: funil de página de produto, carrinho e checkout, taxa de saída, comportamento após a mensagem de indisponibilidade e comparação entre 110v e 220v.
  5. Análise competitiva de 11 players em 7 critérios de tratativa de disponibilidade.
  6. Spikes técnicos em Compra Certa, Electrolux e no componente Shopper Location da VTEX, para avaliar viabilidade e custo antes de desenhar.
  7. Survey via Hotjar com 150 respondentes, com a lógica de formulário construída junto ao time de UX Research.
  8. Construção da árvore de oportunidades, formulação de cinco hipóteses e priorização com stakeholders.

A survey trouxe a distinção conceitual que organizou todo o resto. Existem dois tipos de indisponibilidade: a orgânica, que já aparece na página de categoria e na busca, e a inorgânica, que só se revela depois que o usuário consulta CEP, cor ou voltagem. A inorgânica gera mais frustração, 63,7% contra 59%, porque surpreende o usuário no meio da decisão.

Entrega e medição

As features foram desenvolvidas ao longo do segundo trimestre de 2024, nesta ordem: vitrine de substitutos na página de produto, tratativa dos cenários da modal de CEP, input de CEP no header, vitrine no carrinho e checkout, CTA de disponibilidade no card de produto, ajustes de copy e otimização das chamadas de geolocalização. Cada entrega foi medida por teste A/B quando a ferramenta permitiu, e o CES foi acompanhado mês a mês para verificar se os detratores de disponibilidade caíam.

Vale registrar o que não foi limpo no processo. O teste A/B da vitrine na página de produto não pôde ser feito por limitação da ferramenta. O teste da modal de CEP também não, porque a variante dependia do evento disparado e não do carregamento da página. O desenvolvimento da vitrine no checkout foi mais custoso que o previsto, porque o checkout usa React e não permitia reuso dos componentes da loja, o que obrigou a construir card, modal e carrossel do zero.

Matriz CSD do discovery com colunas de certezas, suposições e dúvidas preenchidas com post-itsÁrvore de oportunidades com o objetivo de negócio no topo e dois ramos, disponibilidade e regionalizaçãoQuadro da dinâmica Compre uma Feature com a lista de iniciativas, custos e o orçamento de cada participante
Os três artefatos que estruturaram a definição: Matriz CSD (nov/2023), árvore de oportunidades e a dinâmica Compre uma Feature

Telas

A solução em telas

Os principais pontos da jornada redesenhados, em desktop e mobile.

Três variações da página de produto da Brastemp com a vitrine de substitutos, incluindo indisponibilidade por região
Vitrine de substitutos na página de produto: hierarquia invertida, copy final e o cenário de indisponibilidade por região
Três telas mobile da Brastemp com o campo de CEP no header, erro de validação e CEP validado
Input de CEP no header em mobile: campo, erro de validação e CEP validado
Página de produto da Brastemp com CEP sem cobertura e o detalhe da modal de indisponibilidade
Tratativa de CEP na página de produto: aviso na página e a modal de indisponibilidade
Vitrine de produtos substitutos no carrinho da Brastemp em desktop e mobile
Vitrine de substitutos no carrinho, em desktop e mobile

Impacto

O resultado e impacto

Experiência, o objetivo declarado da missão

  • Redução de 35% dos detratores de indisponibilidade no CES em relação ao trimestre anterior.
  • Comentários detratores relacionados a indisponibilidade caíram de 6,6% em junho para 3,29% em agosto de 2024.
  • Reclamações específicas de CEP e voltagem praticamente zeradas nos meses seguintes ao deploy do input de CEP, tanto na página de produto quanto na de categoria.
  • CES do trimestre em 4,07, equivalente a 105% da meta e crescimento de 14,12% no comparativo anual.

Negócio, por entrega

Resultados apresentados em faixas e proporções. As taxas absolutas de conversão e os valores exatos de receita permanecem nos relatórios internos do time.

Reconhecimento de CEP no header, via geolocalizaçãoCR de 1% a 2% / R$ 20M a 25M
Reconhecimento de CEP no header, via input manualCR de 5% a 6% / R$ 20M a 25M
Vitrine de produtos similares na página de produto, janela ampliada+35% a 45% CR / R$ 10M a 15M
Comparador de modelos na página de produto, teste A/B+70% a 90% lift / R$ 15M a 20M
CTA Confira disponibilidade no card de produto, teste A/B+3% a 5% uplift / R$ 10M a 15M
Vitrine de substitutos no checkout, teste A/B+5% a 10% lift / R$ 1M a 2M
Tratativa de CEP na página de produtoCR de 4% a 5% / R$ 1M a 2M

Mudança percebida

A squad saiu da posição de único player do benchmark sem tratativa de disponibilidade para ter a jornada coberta da categoria ao checkout. O efeito mais claro apareceu na composição dos detratores do CES: com disponibilidade resolvida, as reclamações restantes migraram para imagens, informações de produto e informações técnicas, que passaram a ser o escopo da missão seguinte do time. O tema deixou de ser o principal detrator.

Encerramento

O que este projeto prova

O aprendizado mais transferível é de enquadramento. A demanda chegou como um problema de mensagem e os dados mostraram que era um problema de sequência: a informação certa no momento errado da jornada. Se o discovery tivesse validado a hipótese inicial sem questioná-la, o time teria entregado uma mensagem de erro mais bem escrita e mantido o abandono de 74% no carrinho.

O segundo aprendizado é sobre limite de escopo. Nenhuma decisão de interface resolveria a restrição técnica da plataforma nem a estratégia de clusterização entre D2C e B2B. Reconhecer isso cedo permitiu concentrar o esforço no que era endereçável pelo produto: antecipar a informação e oferecer alternativa. A retrospectiva do trimestre registrou como principais desafios a quantidade de cenários envolvidos e o refinamento técnico sem conflito entre ambientes, e recomendou priorizar componentes com atualização automática e editáveis pelo negócio.

O case demonstra a capacidade de partir de uma métrica de negócio, chegar à causa por meio de pesquisa quantitativa e qualitativa, traduzir o achado em hipóteses testáveis e sustentar a priorização em uma conversa com cinco áreas envolvidas.

Ficha técnica

Ficha técnica

Projeto
Disponibilidade de Produtos, também referida como Availability
Cliente
Brastemp, grupo Whirlpool, squad Brastemp Conversão
Tipo de projeto
Produto digital, e-commerce na plataforma VTEX
Ano
2023 a 2024. Discovery em novembro de 2023, entregas e medição no segundo e terceiro trimestres de 2024
Papel no projeto
Product Designer responsável pelo discovery, pela análise dos dados e pela definição das hipóteses, em trabalho conjunto com os times de CRO e UX Research. Squad de 11 pessoas, incluindo product manager, product owner, tech lead, três desenvolvedores, QA, analista de growth, CRO e SEO
Status
Real

Documento de case elaborado a partir dos decks de discovery e de resultados da missão. Percentuais, taxas de conversão e notas de CES conforme reportados pelo time nos fechamentos de trimestre. Valores de receita e GMV apresentados em faixas.