Landing page examples › Ecommerce › glossier.com
glossier.com homepage teardown: 54/100
The hero replaces Glossier's signature visual product appeal with an overwhelming blue pattern wallpaper and an awkward floating sale box that hides all actual products on mobile.
We ran glossier.com through PageCritic's landing page audit. It scored 54/100, #8 of the 9 ecommerce landing page examples we scored (average 62) and #69 of all 70 homepages in our ranked list. Its strongest area is Trust (68), and its weakest is SEO basics (38).
Audited on 2026-10-18 from desktop and mobile screenshots plus the page's HTML. The scores are an AI's opinion of conversion best practices, not measured conversion rates, and glossier.com didn't ask for this review. The page may have changed since.
Scores
| Area | glossier.com | Ecommerce average |
|---|---|---|
| Overall | 54 | 62 |
| Clarity | 58 | 64 |
| Value prop | 65 | 63 |
| CTA | 52 | 62 |
| Trust | 68 | 67 |
| Design | 50 | 73 |
| Mobile | 42 | 51 |
| SEO basics | 38 | 52 |
Top 3 issues, with fixes
1. Zero product or lifestyle imagery above the fold
Glossier converts on aesthetic, dewy skin, and coveted packaging; instead, first-time visitors are greeted by a loud, electric blue tiled graphic repeating 'SURPRISE SALE' without showing a single item to purchase.
Fix: Replace or combine the graphic banner with high-resolution imagery of best-selling hero products (e.g., Boy Brow, Glossier You, Cloud Paint) being worn or styled.
2. Mobile viewport is entirely consumed by promo wallpaper and cookie legal text
On mobile screens, the 'Your Privacy' cookie banner occupies 35% of the height, while the electric blue graphic and floating white card take up the remaining 65%, leaving zero merchandise or browsing hooks visible without scrolling.
Fix: Collapse the cookie banner to a single-line bottom sticky bar and decrease hero height on mobile so the first row of products peek prominently above the fold.
3. Floating white offer card looks like a visual bug or banner ad
The white box containing 'Take 20% off all Best Sellers!' is pinned in the upper-left corner with harsh drop shadows and no visual integration with the background, making it feel like a third-party overlay or broken modal.
Fix: Integrate the promotional message directly into the core layout with centered typography or a cohesive split-screen layout pairing the offer on the left with product photography on the right.
What the glossier.com homepage does well
- The 20% off incentive is prominent and immediately intelligible as a strong transactional hook.
- Brand navigation is clean, concise, and provides direct access to primary product categories (Skincare, Makeup, Balms, Fragrance).
- Immediate discount transparency with '20% OFF IN CART' labels on product cards just below the fold.
See the full free report for glossier.com, with the desktop and mobile screenshots we judged →
More ecommerce landing page teardowns
- gymshark.com homepage: 68/100
- bombas.com homepage: 68/100
- brooklinen.com homepage: 68/100
- awaytravel.com homepage: 68/100
- huel.com homepage: 64/100
- allbirds.com homepage: 58/100
See all of them, ranked, on the ecommerce landing page examples page, or browse all 84 teardowns.