9 Ecommerce Landing Page Examples, Scored
Looking at good ecommerce landing pages is useful, but "this looks nice" doesn't tell you why a page works or what it still gets wrong. So we ran 9 homepages from well-known direct-to-consumer (DTC) brands, most of them on Shopify through PageCritic, the same audit anyone can run for free, and published the results as they came out: the overall conversion score, 7 sub-scores, each page's biggest issue with a concrete fix, and one thing it does well.
Audited on 2026-10-24. Scores are an AI's opinion of conversion best practices, based on desktop and mobile screenshots plus the page's HTML. They aren't measured conversion rates, and these companies didn't ask for a review. Pages change often; each link below goes to the full free report with the screenshots we judged.
We left out warbyparker.com, which showed our browser a maintenance page, and ridge.com and mejuri.com, which did not load for our browser. Scoring those would have been unfair.
The scores
| # | Page | Score | Clarity | Value prop | CTA | Trust | Design | Mobile | Speed & 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 |
| Average | 61 | 35 | 49 | 68 | 61 | 61 | 92 | 70 |
All scores are out of 100. The last row is the Ecommerce average, the tick every page is measured against on its teardown.
What the patterns say
- Weakest area on average: Clarity (35), then Value prop (49). Even brands with big marketing budgets leave points on the table here.
- Strongest area: Mobile (92). Strong product photography is standard for DTC brands. They don't make up for a vague headline or a buried call to action.
- Headlines are too vague. On 9 of 9 pages, the headline was one of the top 3 issues: it names a category or a slogan instead of saying what the product does and for whom.
- The common fixes are cheap. Most top issues are copy and layout: a headline that says what the product does, a line of proof under the hero, a short note under the button. None of them needs a redesign.
Page by page
huel.com
71The hero says "Food to fuel your goals" in a slogan voice, and a cookie banner covers the whole first screen, so visitors see a vague promise behind a wall.
- Top issue
- Headline is a slogan, not a result."Food to fuel your goals" names no outcome or product, so a visitor cannot tell what they get in the first seconds.
- Fix
- Replace the hero line with a concrete result, e.g. "Complete nutrition in 15 seconds", and keep "Food to fuel your goals" as a secondary tagline.
- What works
- The headline "Food to fuel your goals" is short, five words, and set large at 54 px, so it is easy to see.
bombas.com
66Bombas leads with a poetic slogan, "Stay Cozy Out There", and its first screen never says it sells socks, underwear and tees, so the hero is a mood, not a reason to buy.
- Top issue
- Headline is a slogan, not a result."Stay Cozy Out There" tells the visitor nothing they can buy or gain, so the first read leaves the offer unclear.
- Fix
- Replace the slogan with a headline that names the product and the result, e.g. keep "Stay Cozy Out There" as a small eyebrow and make the H1 "Socks, underwear and tees that stay comfortable all day".
- What works
- The AI summary matches the headline, so the page's tone is consistent for both people and machines.
brooklinen.com
64The hero leads with a generic sitewide discount and a "Shop the Sale" button, while a cookie banner covers almost half the first screen and nothing says who the store is for or why Brooklinen beats alternatives.
- Top issue
- No audience named in the hero.The headline and subheadline only mention a sale and bundling, so a visitor cannot tell whether the store is for them (sleepers, hosts, movers, gift buyers). Without that, the first screen gives no reason to keep reading.
- Fix
- Add an audience cue to the hero subheadline, for example "For anyone who wants softer sheets and a better night's sleep" in place of "And save even more when you bundle, for a limited time only."
- What works
- The headline "20% Off Sitewide Friends & Fam Sale" is short, seven words, and large in the centre of the hero, so it is the first thing read.
liquiddeath.com
60A signup modal covers the entire first screen and the hero headline is a brand slogan, so a visitor can't tell what Liquid Death sells or what they gain before a pop-up blocks everything.
- Top issue
- No audience named in the hero.The headline "EASY-DRINKING ENERGY FOR PEOPLE-DRINKING VAMPIRES" is playful but never says who the drink is for in plain terms, so a shopper scanning the first screen cannot tell if it fits their needs.
- Fix
- Add a subheadline under the hero that names the buyer, e.g. "Lower-sugar energy and sparkling water for people who want a real kick without the crash."
- What works
- The headline is five words set large at 60 px, so it is short and prominent on the hero.
allbirds.com
59The hero shouts a slogan, "Wildly Comfortable. Super Natural.", while a 10% email pop-up covers the headline and the shopping buttons, so visitors learn nothing about what Allbirds sells or why it's worth buying.
- Top issue
- Headline is a slogan, not a result."Wildly Comfortable. Super Natural." says nothing concrete about the product or outcome, so a first-time visitor cannot tell what they would get from buying here.
- Fix
- Replace the hero line with a concrete result, for example "Shoes that feel like slippers, made from merino wool", and keep the slogan as a smaller tagline.
- What works
- The "SHOP MEN" and "SHOP WOMEN" buttons sit in the first screen on desktop and phone, so the main action is visible without scrolling.
drinkolipop.com
59The first screen is a cookie banner and a 15% email pop-up stacked over a slogan headline, so the only real offer, Pomegranate Sparkle, is buried behind them.
- Top issue
- Audience never named.Nothing on the first screen says who OLIPOP is for. Visitors can't tell if this is a soda for adults, parents, or people watching sugar or gut health, so they have no reason to keep reading.
- Fix
- Add a subheadline that names the reader, for example "A prebiotic soda for anyone who wants soda flavor with 2–5g of sugar and real fiber." Replace the current subline "Pomegranate Sparkle layers pomegranate..." or add the audience line above it.
- What works
- The headline "Come sip with us" is short and set large at 90 px, so it's the first thing read on the hero.
awaytravel.com
58The hero shouts a slogan, "HIGH PERFORMANCE. HIGH POLISH.", that never says what Away sells or who it is for, so a first-time visitor has to guess before deciding anything.
- Top issue
- No stated audience in the hero.The headline and subline ("Aluminum has arrived in new colors. Finally.") never say who the aluminum luggage is for, so travellers weighing a premium suitcase cannot see themselves in the first screen.
- Fix
- Name the traveller in the subline, e.g. "Aluminum luggage for frequent flyers who want a case that lasts. Now in new colors."
- What works
- The headline is short (4 words) and large at 56 px, so it is the first thing read in the hero.
glossier.com
55The hero leads with a product-name card and a giant 'Glossier' wordmark, so a first-time visitor cannot tell who this is for or why to buy, even though the free-cleanser offer is buried in a black top bar.
- Top issue
- No audience named.Nothing in the first screen says who Glossier is for. The hero card only says 'For smelling good at every holiday plan, whether you're staying in or heading out', which describes an occasion, not a buyer.
- Fix
- Add a line under the hero card that names the shopper, for example 'Skincare, makeup and fragrance for everyday confidence', so a visitor can self-select in seconds.
- What works
- The top bar states a concrete benefit: 'Get a free Milky Jelly Cleanser with your $75+ order!'
gymshark.com
53The hero leads with a brand slogan ("SOFTSENSE™") and a fabric description instead of saying what Gymshark sells, and a cookie banner covers the whole first screen.
- Top issue
- Hero headline is a slogan, not a result."SOFTSENSE™" with "Our new premium, super soft fabric that responds to your movement in the moment" names a material, not what the shopper gets, so a first-time visitor has no reason to stay.
- Fix
- Replace the hero with a headline that states the outcome, e.g. "Gym clothes that move with you", and put the SoftSense™ name in the subheadline or as a small eyebrow label.
- What works
- The page offers specific, concrete offers: 15% off for email sign-up, free standard shipping over $75 and an extra 12% for students.
Use these lessons on your own page
See all 80 homepages in one list: landing page examples, scored and ranked, or browse all 94 teardowns.
Other categories, scored the same way:
Start with the first screen: what belongs above the fold. Then test your headline in the free headline analyzer and your button text in the CTA checker, and check how you look in Google with the meta tag checker. For a full pass, work through the 30-point landing page checklist.
Free score, 7 sub-scores and your top 3 issues, with desktop and mobile screenshots. The full report (all issues ranked by impact, headline and CTA rewrites, quick wins) is $5.