Glossier Shopify case study

The challenge

Glossier's minimal visual language makes every detail visible. The storefront needed to feel effortless while supporting a deceptively complex commerce model: shade selection, curated routines, mix-and-match sets, subscriptions, international markets, checkout customization, and launch traffic from one of beauty's most engaged communities.

• Translate an iconic editorial identity into a high-converting commerce experience.
• Make discovery, shade selection, and routine building feel natural on mobile.
• Support sophisticated set and bundle logic without adding friction to checkout.
• Keep richly merchandised pages fast through everyday demand and major launches.

Built, then rebuilt, on headed Shopify

SDG delivered two full generations of Glossier.com on Shopify's native online-store architecture. The first established Glossier's Shopify flagship; the second was a complete rewrite with a new UX, deeper merchandising capabilities, and another step forward in mobile performance.

Headed Shopify was an intentional choice. It paired Shopify's proven storefront and commerce foundation with a fully custom Liquid experience, giving Glossier the brand control of a bespoke build without introducing the operational weight of a separate headless stack.

• Two complete Glossier storefront builds on headed Shopify.
• A custom Liquid front end shaped around Glossier's visual and editorial system.
• Mobile-first product discovery and highly optimized shopping journeys.
• Checkout Extensibility, subscriptions, and international-market support.

Set and bundle commerce as a product experience

Sets are not a promotional afterthought on Glossier.com. They are a core way customers discover routines, combine shades and scents, and build a basket around how they actually use beauty products.

SDG engineered the custom set and bundle experiences that make that complexity feel simple. Shoppers can choose curated kits, configure duos and trios, mix and match fragrances, select variants for each position in a set, or build a personalized three-to-five-product skincare routine step by step. Product choices, savings, and the path to bag stay together in one cohesive flow.

• Guided build-your-own skincare routines with optional and repeatable steps.
• Mix-and-match fragrance, makeup, balm, and shade-driven bundles.
• Per-item variant selection inside a unified set-building interface.
• Clear bundle savings and a consolidated add-to-bag experience.
• Merchandising flexibility for gifts, limited editions, and evolving routines.

Performance worthy of the brand

Glossier's storefront carries high-resolution imagery, expressive merchandising, and custom buying interactions, but it still has to respond instantly—especially for the mobile audience at the center of the brand.

Performance was treated as a product requirement throughout both builds, not a cleanup exercise after launch. The result is a headed Shopify experience that can feel visually rich and deeply custom while remaining fast, direct, and ready for the demand spikes that accompany major beauty launches.

The outcome: Shopify's award-winning beauty storefront

At Shopify's inaugural Build Awards in 2024, Glossier by SDG won Best Custom Liquid Storefront. Shopify singled out the way the build preserved Glossier's minimalist aesthetic while creating an engaging shopping environment, and specifically praised the innovative bundling that lets customers customize selections directly in the cart.

The platform also gives Glossier room for memorable launches. The Shop-powered Boy Brow Arch drop—using QR codes and geo-gated early access across New York, Chicago, and Los Angeles—showed that flexibility in action. But the larger achievement is the everyday flagship: a fast, sophisticated beauty experience engineered around how Glossier customers discover, combine, and buy products.