9 exemplos de landing page de e-commerce com nota
Olhar boas landing pages ajuda, mas "isso é bonito" não diz por que uma página funciona nem o que ela ainda erra. Por isso passamos 9 páginas iniciais de marcas conhecidas de venda direta ao consumidor (DTC), a maioria na Shopify pelo PageCritic, a mesma auditoria que qualquer pessoa pode rodar de graça, e publicamos os resultados como saíram: a nota geral de conversão, 7 notas por área, o maior problema de cada página com uma correção concreta e uma coisa que ela faz bem.
Auditadas em outubro de 2026. As notas são a opinião de uma IA sobre boas práticas de conversão, a partir de capturas no computador e no celular e do HTML da página. Não são taxas de conversão medidas, e essas empresas não pediram a análise. As páginas mudam com frequência. Traduzimos os textos da auditoria para o português; os títulos e botões citados ficam como estão no site, e os relatórios completos estão em inglês.
Deixamos de fora warbyparker.com, que mostrou ao nosso navegador uma página de manutenção, e ridge.com e mejuri.com, que não carregaram no nosso navegador. Dar nota a elas seria injusto.
As notas
| # | Página | Nota | Clareza | Proposta de valor | CTA | Confiança | Design | Celular | Velocidade e SEO |
|---|---|---|---|---|---|---|---|---|---|
| 1 | huel.com | 71 | 35 | 73 | 93 | 87 | 50 | 100 | 60 |
| 2 | bombas.com | 66 | 55 | 53 | 67 | 73 | 80 | 80 | 60 |
| 3 | brooklinen.com | 64 | 35 | 47 | 67 | 87 | 50 | 100 | 70 |
| 4 | liquiddeath.com | 60 | 35 | 53 | 67 | 53 | 60 | 87 | 80 |
| 5 | allbirds.com | 59 | 40 | 20 | 80 | 40 | 90 | 87 | 80 |
| 6 | drinkolipop.com | 59 | 25 | 60 | 60 | 60 | 60 | 93 | 70 |
| 7 | awaytravel.com | 58 | 25 | 33 | 67 | 67 | 50 | 100 | 80 |
| 8 | glossier.com | 55 | 30 | 53 | 60 | 40 | 60 | 93 | 60 |
| 9 | gymshark.com | 53 | 35 | 47 | 53 | 40 | 50 | 87 | 70 |
| Média | 61 | 35 | 49 | 68 | 61 | 61 | 92 | 70 |
Todas as notas vão até 100. A última linha é a média da categoria.
O que os padrões mostram
- Área mais fraca na média: Clareza (35), depois Proposta de valor (49). Mesmo marcas com grandes verbas de marketing deixam pontos na mesa aqui.
- Área mais forte: Celular (92). Fotografia de produto forte é padrão em marcas DTC. Isso não compensa um título vago ou uma chamada para ação escondida.
- Os títulos são vagos demais. Em 9 de 9 páginas, o título foi um dos 3 problemas principais: ele cita uma categoria ou um slogan em vez de dizer o que o produto faz e para quem.
- As correções comuns são baratas. A maioria dos problemas principais é de texto e layout: um título que diz o que o produto faz, uma linha de prova social sob a primeira tela, uma nota curta sob o botão. Nenhuma exige redesenho.
Página por página
huel.com
71A primeira tela diz "Food to fuel your goals" em tom de slogan, e um banner de cookies cobre a tela inteira, então o visitante vê uma promessa vaga atrás de um muro.
- Maior problema
- O título é um slogan, não um resultado."Food to fuel your goals" não nomeia resultado nem produto, então o visitante não consegue saber o que recebe nos primeiros segundos.
- Correção
- Substitua a frase principal da primeira tela por um resultado concreto, por exemplo "Complete nutrition in 15 seconds", e mantenha "Food to fuel your goals" como um slogan secundário.
- O que funciona
- O título "Food to fuel your goals" é curto, tem cinco palavras e está em 54 px, por isso é fácil de ver.
Análise completa →Relatório grátis com capturas (em inglês) →
bombas.com
66A Bombas começa com um slogan poético, "Stay Cozy Out There", e sua primeira tela nunca diz que vende meias, roupas íntimas e camisetas, então a primeira tela transmite um clima, não um motivo para comprar.
- Maior problema
- O título é um slogan, não um resultado."Stay Cozy Out There" não diz ao visitante nada que ele possa comprar ou ganhar, então a primeira leitura deixa a oferta pouco clara.
- Correção
- Substitua o slogan por um título que nomeie o produto e o resultado, por exemplo mantenha "Stay Cozy Out There" como um rótulo pequeno acima e faça o H1 "Meias, roupas íntimas e camisetas que ficam confortáveis o dia todo".
- O que funciona
- O resumo de IA combina com o título, então o tom da página fica consistente tanto para pessoas quanto para máquinas.
Análise completa →Relatório grátis com capturas (em inglês) →
brooklinen.com
64A primeira tela destaca um desconto genérico em toda a loja e um botão "Shop the Sale", enquanto um banner de cookies cobre quase metade da primeira tela e nada diz para quem é a loja nem por que a Brooklinen é melhor que as alternativas.
- Maior problema
- Nenhum público nomeado na primeira tela.O título e o subtítulo mencionam apenas uma promoção e pacotes, então o visitante não consegue saber se a loja é para ele (quem dorme mal, anfitriões, quem muda de casa, quem compra presentes). Sem isso, a primeira tela não dá motivo para continuar lendo.
- Correção
- Adicione uma pista sobre o público no subtítulo da primeira tela, por exemplo "For anyone who wants softer sheets and a better night's sleep", no lugar de "And save even more when you bundle, for a limited time only."
- O que funciona
- O título "20% Off Sitewide Friends & Fam Sale" é curto, tem sete palavras e está grande no centro da primeira tela, por isso é a primeira coisa lida.
Análise completa →Relatório grátis com capturas (em inglês) →
liquiddeath.com
60Um modal de cadastro cobre a primeira tela inteira e o título principal é um slogan da marca, então o visitante não consegue saber o que a Liquid Death vende nem o que ganha antes que um pop-up bloqueie tudo.
- Maior problema
- Nenhum público nomeado na primeira tela.O título "EASY-DRINKING ENERGY FOR PEOPLE-DRINKING VAMPIRES" é divertido, mas nunca diz de forma simples para quem é a bebida, então quem olha a primeira tela não consegue saber se ela atende às suas necessidades.
- Correção
- Adicione um subtítulo abaixo do título principal que nomeie o comprador, por exemplo "Lower-sugar energy and sparkling water for people who want a real kick without the crash."
- O que funciona
- O título tem cinco palavras em 60 px, por isso é curto e chamativo na primeira tela.
Análise completa →Relatório grátis com capturas (em inglês) →
allbirds.com
59A primeira tela mostra um slogan, "Wildly Comfortable. Super Natural.", enquanto um pop-up de e-mail com 10% cobre o título e os botões de compra, então o visitante não entende o que a Allbirds vende nem por que vale a pena comprar.
- Maior problema
- O título é um slogan, não um resultado."Wildly Comfortable. Super Natural." não diz nada concreto sobre o produto ou o resultado, então um visitante de primeira viagem não consegue saber o que ganharia ao comprar aqui.
- Correção
- Substitua a frase principal da primeira tela por um resultado concreto, por exemplo "Tênis que parecem pantufas, feitos de lã merino", e mantenha o slogan como uma frase menor.
- O que funciona
- Os botões "SHOP MEN" e "SHOP WOMEN" aparecem na primeira tela no desktop e no celular, então a ação principal fica visível sem rolar a página.
Análise completa →Relatório grátis com capturas (em inglês) →
drinkolipop.com
59A primeira tela tem um banner de cookies e um pop-up de e-mail com 15% sobrepostos a um título de slogan, então a única oferta real, Pomegranate Sparkle, fica escondida atrás deles.
- Maior problema
- Público nunca nomeado.Nada na primeira tela diz para quem é a OLIPOP. Os visitantes não sabem se é um refrigerante para adultos, pais ou pessoas que controlam açúcar ou saúde intestinal, então não têm motivo para continuar lendo.
- Correção
- Adicione um subtítulo que nomeie o leitor, por exemplo "A prebiotic soda for anyone who wants soda flavor with 2–5g of sugar and real fiber." Substitua a linha atual "Pomegranate Sparkle layers pomegranate..." ou adicione a frase sobre o público acima dela.
- O que funciona
- O título "Come sip with us" é curto e está em 90 px, por isso é a primeira coisa lida na primeira tela.
Análise completa →Relatório grátis com capturas (em inglês) →
awaytravel.com
58A primeira tela exibe um slogan chamativo, "HIGH PERFORMANCE. HIGH POLISH.", que nunca diz o que a Away vende nem para quem é, então um visitante de primeira viagem precisa adivinhar antes de decidir qualquer coisa.
- Maior problema
- Nenhum público declarado na primeira tela.A headline e o subtítulo ("Aluminum has arrived in new colors. Finally.") nunca dizem para quem é a bagagem de alumínio, então viajantes que avaliam uma mala premium não conseguem se enxergar na primeira tela.
- Correção
- Cite o viajante no subtítulo, por exemplo: "Aluminum luggage for frequent flyers who want a case that lasts. Now in new colors."
- O que funciona
- A headline é curta (4 palavras) e grande, com 56 px, então é a primeira coisa lida na primeira tela.
Análise completa →Relatório grátis com capturas (em inglês) →
glossier.com
55A primeira tela começa com um cartão com o nome do produto e uma marca 'Glossier' gigante, então um visitante de primeira viagem não consegue saber para quem é nem por que comprar, mesmo com a oferta de limpador grátis escondida em uma barra preta no topo.
- Maior problema
- Nenhum público é citado.Nada na primeira tela diz para quem é a Glossier. O cartão da primeira tela diz apenas 'For smelling good at every holiday plan, whether you're staying in or heading out', o que descreve uma ocasião, não um comprador.
- Correção
- Adicione uma linha abaixo do cartão da primeira tela que nomeie o cliente, por exemplo 'Skincare, makeup and fragrance for everyday confidence', para que o visitante se identifique em segundos.
- O que funciona
- A barra do topo traz um benefício concreto: 'Get a free Milky Jelly Cleanser with your $75+ order!'
Análise completa →Relatório grátis com capturas (em inglês) →
gymshark.com
53A primeira tela começa com um slogan da marca ("SOFTSENSE™") e uma descrição do tecido, em vez de dizer o que a Gymshark vende, e um banner de cookies cobre a primeira tela inteira.
- Maior problema
- O título principal é um slogan, não um resultado."SOFTSENSE™" com "Our new premium, super soft fabric that responds to your movement in the moment" nomeia um material, não o que o comprador ganha, então um visitante de primeira viagem não tem motivo para ficar.
- Correção
- Substitua a primeira tela por um título que declare o resultado, por exemplo "Roupas de academia que acompanham você", e coloque o nome SoftSense™ no subtítulo ou como um pequeno rótulo acima.
- O que funciona
- A página oferece ofertas específicas e concretas: 15% de desconto para cadastro de e-mail, frete padrão grátis acima de $75 e mais 12% para estudantes.
Análise completa →Relatório grátis com capturas (em inglês) →
Use essas lições na sua página
Veja as 80 páginas iniciais em uma única lista: exemplos de landing page, com nota e ranking, ou navegue por todas as 94 análises.
Outras categorias, avaliadas do mesmo jeito:
Comece pela primeira tela: o que vai acima da dobra. Depois teste o seu título no analisador de headlines e o texto do botão no verificador de CTA, e veja como a página aparece no Google com o verificador de meta tags. Para uma revisão completa, siga o checklist de landing page.
Nota grátis, 7 notas por área e os seus 3 problemas principais, com capturas no computador e no celular. O relatório completo (todos os problemas por impacto, reescritas de título e de CTA, ganhos rápidos) custa R$ 9,90.