Assessment do carrinho e checkout

Material confidencial. Digite a senha para abrir a apresentação.

Assessment técnico e de UX · Rodada 1 + validação manual

Do carrinho à compra: onde a jornada da Raavi perde força

Na primeira aba, só o que foi confirmado à mão no navegador. Na segunda, o que foi checado por ferramenta e ainda precisa de double check nas plataformas de dados.

Para
Gláucia e time de e-commerce
Laboratório
23/10/2026 · 16:00–17:57
Validação manual
27/10/2026 · sem login

Aba "Validado 100%". Tudo aqui foi refeito à mão em 27/10, em janela anônima, sem login, no desktop e no celular, parando sempre antes do pagamento.

01 Resultado da validação manual

O teste à mão confirmou o essencial, e o defeito mais grave é maior do que parecia

Dos 25 pontos visíveis no navegador, 13 se confirmaram como o relatório descreveu. 11 deles estão no carrinho. E o defeito do campo "Número" apareceu mesmo sem calcular o frete.

13
confirmados como o relatório descreveu
5
novos achados
5
revistos: não se sustentaram à mão
2
produtos localizados (Trio Perfeito e assinatura)

Dos 25 testes, 3 tiveram resultado diferente do esperado (estão nos novos achados) e 2 não podem ser feitos à mão: o recálculo do Giftback (exige login) e o tempo em 4G. Esses dois estão na aba "Precisa de double check".

O campo "Número" apaga a digitação, com ou sem frete calculado no carrinho

Na etapa Entrega, o número digitado some. No laboratório, isso só acontecia depois de calcular o frete no carrinho. À mão, aconteceu também sem calcular: o defeito pode atingir qualquer pessoa que chega à Entrega. Ao digitar de novo, o número foi aceito.

Com frete calculado no carrinhoapagoulaboratório 4 de 4 · à mão: sim
Sem calcular no carrinhoapagoulaboratório 0 de 2 · à mão: sim
Digitando de novoaceitouà mão, 27/10

Validado 100% · 27/10 No laboratório, sem o número a etapa não avançava e nenhuma mensagem aparecia. Detalhes em Entrega.

Os quatro pontos mais graves confirmados

1 · EntregaCrítico

Campo "Número" apaga o que é digitado

Com e sem frete calculado no carrinho. A pessoa precisa perceber e digitar de novo.

Testes 1, 2 e 3 · R1

2 · CarrinhoCrítico

Um clique na barra lateral esvazia o carrinho

O 1º ícone da barra Social Selling apaga o carrinho sem pedir confirmação, no desktop e no celular.

Teste 4 · R3

3 · CarrinhoAlto

"Fechar pedido" fora da primeira tela

Abaixo da dobra em 1366×768, no limite em 1440×900 e a ~1,7 tela no celular, sem barra fixa. O Giftback, ainda no ar em 27/10, empurra o botão.

Testes 7, 8 e 9 · R2, R4

4 · CarrinhoMédio

Frete e frete grátis escondidos até o clique

O frete só aparece em "Calcular", e o frete grátis também, mesmo quando o valor já foi atingido. O carrinho não diz quanto falta.

Testes 15 e 16 · R7

5 novos achados do teste manual

Novo · 27/10

O defeito do "Número" não depende do frete no carrinho

O teste de controle, sem calcular o frete, também apagou o número. No laboratório, esse caminho funcionava (2 de 2).

Teste 2

Novo · 27/10

Digitar o número de novo destrava o campo

Depois de apagado, o número foi aceito na segunda digitação. É o paliativo que o R1 pedia para testar: orientar a pessoa com uma mensagem até a correção.

Teste 3

Novo · 27/10

Frete grátis só aparece depois de "Calcular"

Mesmo com o valor de frete grátis atingido, o carrinho só mostra o benefício depois do clique em "Calcular".

Teste 15

Novo · 27/10

CEP aceita letras

O campo deixa digitar letras e só avisa depois que o CEP é inválido.

Testes 1 e 22

Novo · 27/10

CPF e telefone aceitam caracteres além de números

Os dois campos deixam digitar letras e só avisam depois que o valor é inválido.

Testes 1 e 21

02 Carrinho

O carrinho concentra 11 dos 13 pontos confirmados

Em ordem de gravidade. Todos foram refeitos à mão em 27/10 e se comportaram como o relatório descreveu.

  1. 1

    Crítico O 1º ícone da barra Social Selling esvazia o carrinho sem confirmação

    Ícone verde com desenho de carrinho. Desktop: coluna fixa à esquerda. Celular: faixa fixa no rodapé.

    Teste 4 · R3

  2. 2

    Crítico "Fechar pedido" fora da primeira tela

    1366×768: abaixo da dobra. 1440×900: no limite. Celular: a ~1,7 tela de rolagem, sem barra fixa.

    Testes 7 e 8 · R4

  3. 3

    Alto Giftback segue no carrinho e empurra o "Fechar pedido"

    Remoção já decidida, mas o bloco seguia no ar em 27/10. No laboratório, o deslocamento foi de 202 px.

    Teste 9 · R2

  4. 4

    Alto Celular: a barra Social Selling cobre o botão "Calcular" do frete

    Quando o botão está na parte de baixo da tela, a faixa fixa fica por cima dele.

    Teste 6 · R3

  5. 5

    Médio Frete e frete grátis só aparecem depois de "Calcular"

    Mesmo com o valor de frete grátis atingido. O carrinho não diz quanto falta para os R$ 300 anunciados na vitrine.

    Testes 15 e 16 · R7

  6. 6

    Médio Barra Social Selling visível para quem não está logado

    8 ícones voltados à venda assistida, expostos ao cliente final.

    Teste 5 · R3

  7. 7

    Médio Preço riscado "R$ 97,90" quase invisível

    Cinza muito claro sobre branco (contraste 1,23:1): o desconto quase não se vê.

    Teste 12 · R8

  8. 8

    Baixo "×" de remover o item pequeno para tocar

    20×20 px, abaixo do mínimo de 24×24 da WCAG 2.2.

    Teste 25 · R8

  9. 9

    Baixo Bandeiras e selos de segurança só no rodapé

    Abaixo da dobra em todos os tamanhos. No topo, só "Ambiente 100% Seguro".

    Teste 11

Anatomia: onde cada ponto aparece

Capturas do laboratório (23/10, 16:09, 1 item, sem login). Os pontos com selo verde foram confirmados à mão em 27/10. A linha tracejada marca onde termina a primeira tela. Toque ou passe o mouse nos números.

Carrinho em desktop 1440 px: tabela com 1 item à esquerda, coluna direita com Entrega, Giftback, Cupom, Subtotal, Escolher mais produtos e Fechar pedido; barra de 8 ícones fixa à esquerda.
1ª dobra · 900 px
Desktop 1440×900, página inteira (1083 px). evidencias/screenshots/20261023-160906_inicio_carrinho_desk1440_inteira.png

Ordem e posição medidas

Coordenada Y (px) de cada bloco, 1 item, com Giftback, 23/10 16:09
ViewportTelaEntregaGiftbackCupom"Escolher mais"Fechar pedidoNa 1ª tela?
1440×900900236407577815841–897sim, a 3 px
1366×768768236407577815841–897não
iPhone 1366455872190311251153–1209não (1,7 tela)
Moto G Power823558~72190311251153–1209não

O 1º ícone da barra esvazia o carrinho

Após 1 clique: itens 1 → 0. 23/10 17:14

Validado 100% · 27/10

O ícone é verde, com desenho de carrinho com "+", e ao passar o mouse mostra o rótulo "Novo carrinho". Um clique esvazia o carrinho, sem confirmação. Confirmado à mão em 27/10.

Os demais ícones abrem modais na própria página: código do vendedor; telefone ou e-mail para compartilhar (WhatsApp, SMS, Gmail, e-mail); link do carrinho. Messenger abre nova janela. Nenhum sai do checkout.

Desligar a barra é decisão de negócio: o ícone "código do vendedor" sugere uso por vendedoras ou revendedoras.

Com e sem o Giftback

Carrinho às 16:09 com o bloco Giftback e o botão Fechar pedido no rodapé da tela.
Carrinho às 16:08 sem o bloco Giftback, com o botão Fechar pedido mais alto.
← Com Giftback (16:09): CTA em y=841Sem Giftback (16:08): CTA em y=639 →

Arraste ou use as setas do teclado. Desktop 1440×900, primeira tela. O Giftback renderizou de forma intermitente às 16:08 (ausente) e às 16:09 (presente), o que permitiu as duas capturas.

Validado 100% · 27/10

O Giftback entra cerca de 0,5 s depois do carregamento e empurra o "Fechar pedido" de y=639 para y=841. Sem ele, o botão ficaria dentro da primeira tela em 1440×900 e em 1366×768.

A remoção já estava decidida (R2), mas o bloco seguia no carrinho em 27/10. A comparação antes/depois da remoção depende da data em que ela for publicada (pendência P7).

03 Entrega

O número some, e a pessoa precisa perceber e digitar de novo

O teste manual confirmou o defeito e mostrou que ele é mais amplo do que o laboratório indicava: não depende de calcular o frete no carrinho.

Campo "Número" na etapa Entrega: laboratório × teste manual
SituaçãoLaboratório (23/10)À mão (27/10)
Frete calculado no carrinhoApagou em 4 de 4; não avançou, sem mensagemapagou
Sem calcular o frete no carrinhoAceitou em 2 de 2apagou
Digitar de novo depois de apagadoNão testadoaceitou

O que isso muda

  • R1 continua como prioridade máxima, agora com confiança alta: o defeito foi reproduzido em navegador real.
  • O paliativo que o R1 pedia para testar existe: a segunda digitação é aceita. Até a correção, vale orientar a pessoa com uma mensagem na etapa.
  • O ponto de partida do diagnóstico continua sendo os apps de endereço da VTEX (omnishipping/address-form). O checkout6-custom.js da loja foi descartado como causa no laboratório.
  • O impacto em compras reais ainda precisa ser medido no GA4 (hipótese H1, na aba "Precisa de double check").
Laboratório, 23/10 16:29 Número e Destinatário vazios depois de "Ir para o pagamento".

04 Identificação e formulário

As mensagens de erro são claras, mas os campos aceitam letras

As validações obrigatórias funcionam. O problema é o que o formulário deixa digitar: CEP, CPF e telefone aceitam letras e só avisam depois.

Validado 100% · 27/10

Perfil vazio: "Campo obrigatório." nos quatro campos

Ao clicar em "Ir para a Entrega" sem preencher.

Teste 20

Validado 100% · 27/10

CPF inválido: "Informe um documento válido."

Aparece ao sair do campo.

Teste 20

Novo · 27/10

CEP, CPF e telefone aceitam letras

Os campos deixam digitar caracteres que não são números e só avisam depois que o valor é inválido. No celular, isso também indica que o teclado numérico não é garantido.

Testes 1, 21 e 22 · R9

Revisto

Máscara do telefone está correta

O laboratório registrou o celular formatado como "(11) 9876-54321". À mão, o celular de 11 dígitos foi formatado corretamente.

Teste 21

Perfil com os quatro campos vazios (laboratório, 23/10). Mensagens confirmadas à mão em 27/10.

05 Frete

Os valores se confirmam, e o frete grátis fica escondido até o clique

Frete do Kit Fitness (R$ 78,32) por região. No Kit, o frete vai de 11% (SP) a 43% (Manaus) do valor.

Uma única opção de entrega ("Normal") nos 3 CEPs. Barras proporcionais ao percentual sobre o subtotal.

Validado 100% · 27/10

Os três valores se confirmaram à mão, e o frete só aparece depois de clicar em "Calcular".

Frete grátis acima de R$ 300: a barra superior da vitrine e a página do produto anunciam. O carrinho não diz quanto falta e, mesmo com o valor atingido, só mostra o frete grátis depois de "Calcular". A simulação do laboratório coloca o limiar entre R$ 292,76 e R$ 313,28, coerente com os R$ 300 anunciados.

Hipótese A6 Os dados sustentam que o frete pesa num ticket de um kit, sobretudo fora do Sudeste (28–43%), e enfraquecem a ideia de um problema uniforme (11% em SP). O Trio Perfeito provavelmente é o próprio Kit Fitness (ver Revisto e localizado); se confirmado, estes valores valem para ele.

Correção em relação ao relatório (§4.5): o relatório diz que não há texto de "frete grátis" na página do produto. A validação confirmou que a PDP e a barra superior da vitrine exibem "Frete GRÁTIS acima de R$ 300". O que falta é comunicar o limiar no carrinho.

06 Revisto e localizado

O que não se sustentou à mão, e o que foi encontrado

Cinco pontos do relatório não se confirmaram no teste manual. Eles saem da lista de problemas ou mudam de peso.

A5 · teste 13Revisto

"Comprar" tem opção de continuar navegando

O relatório dizia que o "Comprar" levava direto ao checkout. À mão, dois comportamentos funcionam: um leva à página do produto e outro adiciona o item ao carrinho na barra lateral. Achado descartado.

Teste 21Revisto

Máscara do telefone

O celular de 11 dígitos foi formatado corretamente. O problema que ficou é outro: o campo aceita letras.

Teste 23Revisto

Zoom com pinça no celular

O bloqueio de zoom apontado pelo axe-core (atributo no código) não foi reproduzido à mão. Sai da lista de problemas visíveis.

Teste 24Revisto

Foco no teclado não é invisível, é sutil

Nos campos de quantidade e cupom, o foco aparece como uma borda sombreada discreta. Não é ausência de foco, mas é fraco para quem navega pelo teclado.

Teste 17Revisto

Banner "Frete Gratis + Kit Fitness"

Não foi encontrado na home em 27/10. A observação fora de escopo do relatório deixa de valer.

Localizados

P4 · teste 18Provável

Trio Perfeito = Kit Fitness?

O Kit Fitness recebe uma etiqueta de "kit perfeito" no banner da home. Se for ele, os dados de frete do relatório (A6) já valem para o Trio. Ver produto (sku 675)

P5 · teste 19Localizado

Produto com "Adicionar Assinatura"

Hidratante corporal pele negra 200 g. O fluxo de assinatura ainda não foi testado e entra na próxima rodada. Ver produto (sku 140)

07 Achados prévios do time

Quatro relatos confirmados à mão, um parcial, um descartado e um para double check

A1 · JulianoConfirmado à mão

Barra lateral aparece para quem não está logado

É o Social Selling nativo da VTEX. Confirmado à mão: visível sem login, cobre o "Calcular" no celular e o 1º ícone esvazia o carrinho.

Testes 4, 5 e 6

A2 · LeandroConfirmado à mão

"Fechar pedido" abaixo da dobra no desktop

Abaixo da dobra em 1366×768, no limite em 1440×900; no celular, a ~1,7 tela. O Giftback, ainda no ar, contribui.

Testes 7, 8 e 9

A3 · LeandroConfirmado à mão

Meios de pagamento e selos só no rodapé

No topo, só "Ambiente 100% Seguro". Bandeiras e selos abaixo da dobra.

Teste 11

A4 · Giovanni / LeandroParcial

Giftback: recálculo sem fim e aviso de login

O Giftback segue no carrinho e pede login. O recálculo sem fim não foi reproduzido nem no laboratório nem à mão; só dá para confirmar com conta logada (aba "Precisa de double check").

Testes 9 e 10

A5 · GiovanniDescartado

"Comprar" sem opção de continuar navegando

Descartado: à mão, há um "Comprar" que leva à página do produto e outro que adiciona ao carrinho da barra lateral. O tempo até o carrinho em 4G fica na outra aba.

Testes 13 e 14

A6 · GláuciaConfirmado (Kit Fitness)

Frete como barreira no Trio Perfeito

Frete confirmado no Kit Fitness (11% a 43% do valor), provável Trio Perfeito. Frete grátis escondido até "Calcular".

Testes 15, 16 e 18

A7 · JulianoDouble check

PageSpeed mobile baixo

Medido por ferramenta (Lighthouse e PageSpeed). Não se valida à mão: ver Performance.

08 Matriz de priorização

Onde está o maior retorno por esforço

Onze recomendações posicionadas por impacto esperado e esforço, como classificadas no backlog e atualizadas com a validação de 27/10. As preenchidas são as de execução imediata.

Matriz impacto por esforço das recomendações R1 a R11 Alto impacto e baixo esforço: R2 e R3. Alto impacto e esforço médio: R1 e R4. Impacto médio, esforço baixo a médio: R5 e R9. Impacto e esforço médios: R7. Impacto médio, esforço médio a alto: R10. Impacto baixo a médio, baixo esforço: R8 e R11. Baixo impacto e baixo esforço: R6. ALTO IMPACTO · BAIXO ESFORÇO ALTO IMPACTO · MAIS ESFORÇO MENOR IMPACTO · BAIXO ESFORÇO Baixo Médio Alto Esforço → Alto Médio Baixo Impacto → R1 R4 R2 R3 R5 R9 R7 R10 R8 R11 R6
  • Execução imediata
  • Condicional
  • Depois / arriscado

R3 reclassificado em 27/10: o relatório o classificava como impacto e confiança médios. Com o teste manual confirmando que o 1º ícone esvazia o carrinho sem confirmação, passa a impacto e confiança altos. Continua condicional à decisão sobre o uso da barra por vendedoras.

Como ler

Impacto e esforço vêm do backlog do relatório (A = alto, M = médio, B = baixo); só o R3 foi reclassificado após a validação. Faixas como "B/M" ficam entre os dois níveis. Recomendações com a mesma classificação aparecem lado a lado.

O agrupamento do relatório considera também confiança e dependências: ganhos rápidos são R2, R1, R6 e R8.

Backlog completo

11 de 11 recomendações

IDRecomendaçãoProblema que resolveEtapaDisp.ImpactoEsforçoConfiançaResponsávelQuando
R1atualizado 27/10
Diagnosticar e corrigir o campo "Número" que apaga a digitação (com ou sem frete calculado no carrinho); abrir chamado VTEX se for da plataforma (omnishipping/address-form). Paliativo: o número é aceito na segunda digitação; orientar via mensagem até a correção
Checkout trava sem avisocheckout → compraambosAMA reproduzido à mão em 27/10Agência/dev VTEX (+ VTEX)sim, é correção de defeito, prioridade máxima
R2Remover o Giftback do carrinho como decidido, garantindo: app não carregado, sem espaço reservado, sem instância duplicada no resumo das etapas seguintesCTA deslocado 202 px; CLS; pesocarrinho → checkoutambosABADecisão já tomada; execução: agência/dev VTEX ou fornecedor do app (raavi.crm-bonus-checkout é app da conta Raavi)sim
R3atualizado 27/10
Desligar ou esconder o Social Selling no checkout (no mínimo o ícone que esvazia o carrinho e a versão mobile)
1º ícone esvazia o carrinho sem confirmação; sobreposição no mobile; ícones sem foco ou rótulocarrinho → checkoutambosABA confirmado à mãoDecisão de negócio (uso por vendedoras?) → admin VTEX ou agência (CSS)sim, se o time confirmar que não usa
R4Mobile: barra fixa inferior com total + "Fechar pedido"; desktop: CTA logo abaixo do subtotal, acima do cupom (ou cupom recolhido)CTA a 1,7 tela no mobile; fora da dobra em 1366×768carrinho → checkoutambosAMMAgência/dev VTEX (checkout-custom CSS/JS)arriscado durante a campanha; fazer só se testado em homologação. Senão, depois
R5Corrigir o tracking: view_cart, add_to_cart com itens/valor, remover \r da moeda, padronizar value sem frete no begin_checkout, revisar gatilhos de purchaseFunil do GA4 não confiávelmediçãoambosM decisãoB/MAResponsável GTM/GA4sim (GTM é reversível por versão); validar no Preview
R6Apontar logo, "Escolher mais produtos" e links de produto do checkout direto para www (hoje passam por secure…/ e redirecionam por JS, com até 12,7 s no link do produto)Salto extra e lento ao sair do carrinhocarrinho → checkoutambosBBMAgência/dev VTEX (links/host do checkout)sim
R7Comunicar no carrinho o limiar de frete grátis ("faltam R$ X para frete grátis") e mostrar o frete estimado sem exigir cliqueFrete aparece tarde; limiar invisívelcarrinho → checkoutambosMMB efeito não medidoDecisão de negócio (texto e valor) → agênciaapós o EB, ou antes como teste A/B
R8atualizado 27/10
Corrigir contraste do preço riscado (1,23:1) e do texto do CTA (3,37:1); aumentar o "remover" para ≥24×24; liberar zoom (meta viewport; bloqueio não reproduzido à mão)
Acessibilidade e legibilidade do descontocarrinhoambosB/MBAAgência/dev VTEX (CSS)sim, CSS isolado
R9atualizado 27/10
Formulário: aceitar só números em CEP, CPF e telefone; autocomplete correto (family-name, tel-national, postal-code), inputmode=numeric no CEP, erros com aria-live/aria-describedby. A máscara de celular já está correta
Campos aceitam letras; preenchimento mais lento no mobile; erros não anunciadoscheckout → compramobileMB/MMAgência/dev VTEX (alguns atributos dependem da VTEX, verificar)sim para atributos; o resto depois
R10Reduzir JS do carrinho: carregar Google Pay e Braspag 3DS só no pagamento (ou desinstalar se não usados), remover tags com 404 (DataLive) e o pixel de stagingPeso de 5,6 MB / TBTcarrinho → checkoutmobileMM/AMAdmin VTEX (apps) + responsável GTM + agêncianão, estrutural; depois do EB
R11Rever o texto "O vale compras é adicionado na página de pagamento" e o destaque do cupom no carrinho (ex.: cupom recolhido em "Tenho um cupom")Distração e possível saída para buscar cupomcarrinho → checkoutambosB/MBBDecisão de negócio (texto) → admin/agênciateste A/B após o EB

Impacto A/M/B · Esforço B/M/A · Confiança A/M/B, conforme a seção 9 do relatório; linhas com o selo "atualizado 27/10" foram ajustadas pela validação manual. A coluna "Quando" reproduz a classificação "antes do Esquenta Black" do relatório, que passa a valer como ordem de execução.

09 Ordem de execução

O que fazer agora, a seguir e de forma estrutural

O Esquenta Black começou na semana de 26/10. A lista "antes do Esquenta Black" do relatório vira a fila do que fazer agora: corrigir defeitos, executar o que já está decidido e o que é reversível.

Agora
  • R1Campo "Número": urgente, confirmado à mão
  • R2Remover o Giftback: já decidido, ainda no ar em 27/10
  • R5Tracking: GTM com versionamento
  • R6Links do checkout direto para www
  • R8Contraste e alvo do "remover"
  • R3Social Selling: impacto alto confirmado; depende do ok do negócio
Depois: próximos passos
  • R9Formulário: bloquear letras e ajustar atributos
  • R7Limiar de frete grátis no carrinho (ou A/B)
Estrutural
  • R4CTA fixo e reordenação, testados com cuidado
  • R10Reduzir o JS do checkout
  • R11Cupom e "vale compras", via teste
Arriscado mexer enquanto a campanha estiver no ar: R4 (layout do checkout), R10 (apps e scripts) e qualquer mudança de layout sem homologação.