Case Studies

How Topicals builds culture on the web: editorial imagery, tiered rewards, and immersive experiences

Topicals treats skincare like a media brand: emotion-led photography, a tiered rewards program that pays off consistency, Spline-built interactivity, and a dedicated video destination for premium editorial.

BG Image
Blog Image

Topicals is one of those beauty brands that feels closer to a culture publication than a catalog. The site does not open on a grid of SKUs. It opens on mood, personality, and a point of view about who skincare is for.

We pulled four patterns from their storefront that hold up beyond beauty: how they use imagery, how they structure loyalty, how they build immersive web moments, and how they give video its own home.

Emotion-first imagery that tells a story

Topicals editorial portrait with bold makeup, styled hair, and personality-driven art direction

Most DTC skincare sites default to clean, clinical photography. Topicals goes the other direction. Their imagery is styled, editorial, and unapologetically human. Models look like people with taste, not templates in a routine.

That choice matters because Topicals is selling belonging as much as product. The brand has built its reputation on making skincare feel fun, not shameful. The photography reinforces that before a shopper reads a single product description.

If your category skews sterile or medical, this is the counter-move: lead with personality and let the product earn its place in the frame.

Rewards with tiers, not a single points pile

Topicals reward tiers: Fresh Face, Routine Regular, and Top Shelf with escalating benefits

Topicals Rewards is not a generic "earn points, redeem later" program. It is structured around three named tiers: Fresh Face, Routine Regular, and Top Shelf. Each tier unlocks a different set of benefits, from store credit and member offers up to early access, exclusive merch, and brand trip giveaways.

Consistency is built into the ladder. Routine Regular unlocks at $75 in spend or through an active subscription. Top Shelf kicks in at $150+. The message is clear: stay with us and the program gets better, not just bigger.

Topicals ways to earn points: reviews, email, SMS, content challenges, and orders

Points are tied to real activity along the way. Join the program, sign up for email or SMS, leave a review, submit before-and-after content, place orders. You are rewarded for showing up in different channels, not only for one big checkout.

That is a stronger retention model than a distant redemption threshold. Shoppers get wins early, which makes the next visit feel worth it.

Immersive web with Spline

Topicals TOPICAL$ Rewards page with interactive 3D coin animation built in Spline

The Topicals Rewards landing page opens on floating 3D coins rendered in Spline. It is playful, on-brand, and immediately signals that this is not a bolt-on loyalty widget buried in the footer.

Shopify themes handle commerce well. They do not always handle wonder. Tools like Spline let brands embed interactive 3D moments inside a standard storefront without rebuilding the whole stack. Topicals uses that to make rewards feel like part of the world they have already built, not a third-party afterthought.

A dedicated home for editorial video

Topicals Watch page with full-screen editorial video for Slick Salve Papaya launch

High-quality video usually lives everywhere except its own destination: ads, product pages, social clips, email headers. Topicals gives premium film a dedicated Watch experience in the main nav, alongside Shop and Learn.

The Slick Salve Papaya launch film runs full-screen with cinematic grading, custom personas, and the same editorial confidence as the still photography. Shoppers can sit with the brand on its terms, not only encounter a five-second clip while scrolling a PDP.

That elevates the content and the brand. It says this footage is worth your full attention, not just a supporting asset in someone else's funnel.

What you can take from this

  • Let imagery carry the thesis. If your brand stands for identity or culture, show it before you explain it.

  • Design loyalty as a journey. Named tiers and activity-based points beat one vague points balance.

  • Use the web for moments, not only transactions. Interactive layers like Spline can make a program or launch feel native to the brand.

  • Give your best assets a room. Video, editorial, and campaign film deserve a dedicated venue when they are core to how you sell.