Narrativa
A primeira dobra comunica campanha e navegação antes de sustentar a PUV premium.
Auditoria UX/UI e conversão
Transformar marca premium em conversão previsível.
A Berry House tem produto desejável, categoria clara e percepção premium. A jornada atual, porém, ainda cria fricção entre desejo e compra: interrupções no mobile, pouca narrativa de valor, cards pouco decisivos e confiança distante do CTA.
01 · Diagnóstico executivo
O valor existe. A jornada ainda não captura esse valor com força.
A leitura combina contexto interno do projeto, captura Playwright, scrape Firecrawl e análise visual das superfícies Home, PLP e PDP.
Decisão
Cards e vitrines mostram produto e preço, mas pouco ajudam a escolher o kit certo.
Confiança
Frescor, entrega refrigerada, qualidade e segurança ficam fracos ou longe do CTA.
Infraestrutura
CEP, checkout mobile, estoque e tracking seguem como bloqueadores P1.
02 · Achados observados
O relatório completo aponta problemas específicos por superfície.
Este bloco traz para o HTML os detalhes operacionais do Markdown: estado observado, problemas de conversão e direcionamento por Home, PLP, PDP, mobile e técnica.
Home
- Título do navegador comunica entrega de frutas vermelhas em casa.
- Scrape não encontrou `h1` semântico visível.
- Primeira dobra depende de campanha promocional e navegação.
- Pop-up Berrylover e Cookiebot competem com a decisão inicial.
- Há categorias visuais, benefícios e footer fortes, mas pouca narrativa consultiva.
PLP / Catálogo
- Página de Kits exibe `h1`, contagem de 21 produtos, preço e CTA `EU QUERO`.
- Cards ainda não explicam ocasião, rendimento, melhor uso ou perfil de compra.
- Selos como mais vendido, promoção, exclusivo e recém-chegado devem virar padrão visual.
- Filtros mobile precisam priorizar intenção, quantidade, fruta, ocasião, assinatura e entrega.
PDP / Produto
- PDP traz SKU, composição, preço, quantidade, CTA, envio, descrição e recomendados.
- O CTA é forte, mas confiança crítica está longe dele.
- Composição do kit precisa ser mais visual: potes, peso, frutas, rendimento e ocasião.
- Entrega, validade, conservação, origem e FAQ devem aparecer antes da dúvida virar abandono.
Mobile
- Cookiebot ocupa a tela antes da leitura real.
- Newsletter e WhatsApp flutuante disputam área de interação.
- O valor percebido aparece tarde para uma jornada vinda de mídia social.
- Home e PLP podem ganhar atalhos contextuais menos intrusivos.
Técnica
- Contexto registra CEP válido retornando área não atendida.
- Há congelamentos no checkout mobile e divergência de estoque.
- Tracking tem falhas em `begin_checkout`, receita GA4 inflada e parâmetros ausentes.
- Captura Playwright indicou CORS, recursos com falha, respostas 401 e imagens `0x0`.
03 · Contexto de negócio
O site é a superfície crítica entre aquisição, checkout, CRM e recompra.
O e-commerce precisa sustentar crescimento de mídia, ativação de CRM e recorrência. Se a compra falha, o tráfego só amplifica desperdício.
Entrada
Aquisição social e busca
Decisão
Site com narrativa premium
Compra
Checkout confiável e rápido
Retenção
CRM e recompra programada
Escala
Mídia com dados confiáveis
04 · Evidência mobile
No primeiro acesso, a usuária vê mais interrupção do que proposta de valor.
Mobile é o ponto mais sensível porque a jornada de aquisição social tende a chegar pelo celular.
Cookiebot, newsletter e WhatsApp entram antes da usuária entender a oferta principal.
A primeira impressão deveria responder o que é, por que é melhor e qual próximo clique.
A captura sugere necessidade de regra de frequência, delay e hierarquia para pop-ups.
05 · Home
A Home navega bem, mas ainda não vende o suficiente.
A primeira dobra precisa sustentar valor premium antes de empurrar a usuária para categorias e campanhas.
Trocar a lógica de vitrine solta por uma jornada de decisão.
PUV
Primeira dobra com frutas vermelhas premium, frescas e entregues com segurança.
Vitrine
Seções de mais vendidos, kits por intenção e ofertas da semana antes do footer.
Prova
UGC, avaliações e benefícios concretos para reduzir objeção de preço premium.
06 · PLP / Catálogo
A PLP precisa reduzir esforço de escolha, não apenas listar produtos.
Para kits, a pergunta real é: qual opção combina com primeira compra, rotina saudável, família, presente ou maior custo-benefício?
Adicionar rendimento, ocasião, composição resumida e melhor uso do kit.
Mais vendido, ideal para primeira compra, presenteável, promoção e melhor custo-benefício.
Priorizar quantidade, tipo de fruta, ocasião, assinatura e entrega, especialmente no mobile.
07 · PDP / Produto
A PDP deve funcionar como uma mini LP do produto.
A página já mostra preço e CTA com clareza, mas ainda precisa antecipar objeções de alimento premium.
O CTA precisa estar cercado de confiança, não isolado dela.
Acima do CTA
Composição visual do kit, entrega refrigerada, garantia de qualidade, compra segura e região atendida.
Abaixo do CTA
Conservação, consumo, validade, origem, FAQ e reviews próximos à decisão.
Recomendados
Trocar grade genérica por combinações com contexto: leve junto, combina com, rotina da semana.
08 · Técnica e confiabilidade
Sem infraestrutura de conversão, mídia paga pode amplificar desperdício.
A apresentação separa problemas de experiência dos bloqueadores técnicos que impedem conversão mensurável.
CEP e entrega
Validar regras de entrega, tabelas de frete e comportamento para CEPs válidos rejeitados.
Checkout mobile
Investigar congelamentos, scripts de terceiros, erros JavaScript e requisições lentas.
Estoque
Corrigir divergência entre vitrine e checkout para não quebrar confiança no momento de compra.
Tracking
Revisar GA4/GTM, begin_checkout, receita inflada e parâmetros ausentes em eventos.
Assets
Verificar falhas de carregamento, CORS e imagens com dimensão natural zerada na captura.
PMax
Corrigir destino que não funciona antes de retomar escala agressiva de aquisição.
09 · Priorização V4
Primeiro destravar compra. Depois aumentar tráfego.
A matriz abaixo traduz o diagnóstico em sequência de execução para Designer, Copywriter, Dev/VTEX e Tráfego.
Baixo esforço
Médio esforço
Alto esforço
Alto impacto
Pop-ups mobile
Regra de exibição, frequência e empilhamento.
Confiança no CTA
Selos de entrega, segurança e qualidade na PDP.
CEP, estoque e checkout
Validação técnica P1 antes de escalar mídia.
Selos nos cards
Decisão mais rápida em PLP e vitrines.
Home como jornada completa
Reestruturação de narrativa, vitrines e prova social.
Médio impacto
Mais vendidos
Seção de prova social e descoberta rápida.
Filtros por intenção
Categoria, ocasião, quantidade e assinatura.
LPs por audiência
Campanhas dedicadas depois das correções P1.
Baixo impacto
Ajustes cosméticos isolados
Não devem substituir correções de compra.
Banners intermediários
Úteis se conectados a categorias e campanhas.
Refino visual amplo
Executar após clareza de tese e tracking.
10 · Plano detalhado
A matriz vira uma fila objetiva de execução.
A tabela abaixo replica a priorização do relatório-fonte, com ação, superfície, impacto, esforço e dono sugerido para cada frente.
| Prioridade | Ação | Superfície | Impacto | Esforço | Dono sugerido |
|---|---|---|---|---|---|
| P1 | Corrigir empilhamento Cookiebot + newsletter no mobile | Home / PLP / PDP | Alto | Baixo / Médio | Dev/VTEX + Designer |
| P1 | Validar CEP, estoque e checkout mobile | Checkout / PDP | Alto | Médio / Alto | Dev/VTEX |
| P1 | Inserir blocos de confiança próximos ao CTA | PDP | Alto | Baixo / Médio | Designer + Dev |
| P1 | Criar selos de decisão nos cards | PLP | Alto | Médio | Designer + Dev |
| P1 | Criar seção de mais vendidos e kits por intenção | Home / PLP | Alto | Médio | Designer + E-commerce |
| P2 | Adicionar prova social e UGC na Home/PDP | Home / PDP | Médio / Alto | Médio | Designer + Marketing |
| P2 | Melhorar narrativa premium acima da dobra | Home | Médio / Alto | Médio | Copywriter + Designer |
| P2 | Reorganizar filtros mobile por intenção de compra | PLP | Médio | Médio | Designer + Dev |
| P3 | Reestruturar Home como jornada completa de conversão | Home | Alto | Alto | Designer + Copywriter + Dev |
| P3 | Criar LPs dedicadas por campanha/audiência | Aquisição | Alto | Alto | Designer + Copywriter + Tráfego |
11 · Roteiro da apresentação
A leitura deve seguir lógica de LP: problema, evidência, impacto, recomendação.
Este roteiro estava no Markdown como direcionamento para o Designer. Agora ele também aparece no HTML final para orientar a conversa executiva.
Abertura
Mensagem-chave: a marca tem valor percebido, mas a experiência cria fricção entre desejo e compra.
Visual: hero com screenshot desktop da Home e marca em destaque.
Contexto de negócio
Mensagem-chave: e-commerce é superfície crítica para recuperar performance, ativar CRM e justificar mídia paga.
Visual: Aquisição → Site → Checkout → CRM → Recompra.
Diagnóstico executivo
Mensagem-chave: gargalos se concentram em narrativa, decisão, confiança e infraestrutura.
Visual: quatro cards de síntese com impacto direto.
Evidência mobile
Mensagem-chave: a usuária vê mais camadas de interrupção do que proposta de valor.
Visual: print mobile com anotações de Cookiebot, newsletter e WhatsApp.
Home
Mensagem-chave: a Home navega, mas ainda não vende o suficiente.
Visual: print desktop, PUV clara, mais vendidos, kits por intenção e prova social.
PLP
Mensagem-chave: a PLP precisa reduzir esforço de escolha.
Visual: selos, cards com composição/rendimento/ocasião e filtros por intenção.
PDP
Mensagem-chave: a PDP deve funcionar como mini LP do produto.
Visual: confiança acima do CTA, conservação, validade, origem, FAQ e UGC.
Técnica
Mensagem-chave: infraestrutura instável transforma tráfego em desperdício.
Visual: checklist de CEP, checkout, estoque, tracking, assets e PMax.
Priorização V4
Mensagem-chave: primeiro destravar compra, depois aumentar tráfego.
Visual: matriz impacto x esforço e quick wins P1.
Próximos passos
Mensagem-chave: transformar diagnóstico em plano de execução com donos claros.
Visual: Designer, Copywriter, Dev/VTEX e Tráfego em sequência.
12 · Direção visual
Diagnóstico V4 com força visual Berry House, sem virar peça publicitária.
O objetivo visual é deixar claro o padrão consultivo: visão de negócio, evidência, impacto, ação e limites declarados.
Tom
- Consultivo, direto e premium.
- Mostrar a força visual da Berry House sem parecer campanha da marca.
- Deixar evidente a leitura V4: negócio, evidência, impacto e ação.
Linguagem
Usar prints reais com marcações, círculos e chamadas curtas; priorizar fundos claros, respiro e leitura executiva.
Paleta
Usar vermelho/rosa Berry House como destaque, equilibrado com preto, branco, cinzas e neutros.
Ritmo
Evitar excesso de texto por bloco; cada seção precisa ter uma tese central e uma recomendação acionável.
Numeração por blocos
Problema → Impacto → Recomendação
Matriz impacto x esforço
Antes/depois conceitual
Callouts sobre prints
Checklist P1/P2/P3
13 · Próximos passos
Transformar diagnóstico em plano de execução com donos claros.
O objetivo do entregável é alinhar decisão, não apenas documentar problemas.
Designer
Desenhar blocos de Home, PLP e PDP com hierarquia de conversão, prints anotados e componentes reutilizáveis.
Copywriter
Refinar headline, PUV, microcopy de cards, blocos de confiança e narrativa premium.
Dev/VTEX
Validar CEP, estoque, checkout, assets, CORS e tracking antes de qualquer escala forte.
Tráfego
Retomar escala após correções P1 e eventos confiáveis para leitura de performance.
14 · Fontes e limites
Evidência real, com lacunas declaradas.
Sem dados internos de GA4/VTEX nesta peça. As hipóteses quantitativas precisam ser validadas em analytics e plataforma.
- context/data_site.md
- context/business.md
- context/gtm.md
- context/constraints.md
- outputs/site/auditoria-site-berry-house-relatorio-designer.md
- .firecrawl/berryhouse-home-2026-06-05.json
- .firecrawl/berryhouse-map-2026-06-05.json
- .firecrawl/berryhouse-plp-kits-2026-06-05.json
- .firecrawl/berryhouse-pdp-kit-degustacao-2026-06-05.json
- assets/screenshots/berryhouse-home-mobile-consent-2026-06-05.png
- assets/screenshots/berryhouse-home-desktop-consent-2026-06-05.png
- assets/screenshots/berryhouse-plp-kits-mobile-2026-06-05.png
- assets/screenshots/berryhouse-pdp-kit-mobile-2026-06-05.png
Lacunas declaradas
- Sem dados internos de GA4/VTEX para confirmar taxa de conversão por dispositivo, abandono por etapa ou impacto quantitativo dos pop-ups.
- Sem validação de comportamento para usuários logados, recorrentes ou diferentes regiões de entrega.
- Sem screenshot de checkout completo, porque exigiria simular compra com dados de entrega/pagamento.
- Sem brandbook oficial anexado no diretório do projeto; o visual usa contexto do site e padrão consultivo V4.
Risco principal
Priorizar redesign visual sem corrigir CEP, checkout, estoque e tracking pode melhorar percepção, mas não destravar conversão.
Por isso, a recomendação central é resolver P1 técnico e experiência de decisão antes de aumentar tráfego com força.