Pet · Premium DTC·2026
Nocturne · Premium pet, by the moon
A premium pet-food store that builds a delivery plan from the pet, not from the SKU — size, age, weight curve, vet notes feed the auto-reorder cadence.
DTC storefrontPet profile builderAuto-reorder engineVet-note sync
Designs / Visuals
V1 · Pet-first storefront
A premium pet-food storefront that opens with a pet profile builder (species · size · age · diet sensitivity) and lets the recommendation engine choose the right bag and the right cadence. The header carries the brand mark, the next-reorder pill, and a tiny zh/en switcher. Below the hero, a horizontal product strip shows the recommended bag + complementary chews. The reorder rhythm card visualizes the auto-ship schedule as a horizontal calendar.
- Palette
- Slate #11161D · Moonlight #9DB3CC · Sage #8FA08A · Soft cream #E8E4DC
- Fonts
- DM Serif Display (display) + Inter (body) + JetBrains Mono (SKU/dates) + Noto Serif SC
- Architecture
- React 18 UMD + Babel standalone · single-file SPA · static MinIO host
- For
- Premium pet brands in CN tier-1 / tier-2 cities running an auto-ship subscription
- Memorable
- Pet card animates in as you answer the profile · reorder calendar locks the cadence visually
Preparing preview…
Full flow: home → list → detail → license → checkout → certPop out:V1
Related samples
See more samples →☕F&B · DTC subscription
Mo
MochaLane · Specialty coffee, monthly
A DTC specialty-coffee subscription that picks the box for you — one-page taste profile, three tiers, recurring ship calendar.
+38%
Avg LTV uplift
vs single-order baseline
4 min
Onboarding to first box
taste quiz → checkout
DTC storefrontSubscription engineTaste profile
Open sample→💄Beauty · DTC cosmetics
Lu
Lunaria · Clean beauty, told honestly
A clean-beauty DTC where every ingredient gets a card — origin, role, percentage — and the bottle never carries a claim the formulation can’t back.
11.2%
PDP → cart conversion
industry: 3.4%
2.4
Ingredient cards viewed / visit
avg dwell 84s
DTC storefrontIngredient transparencyRitual UX
Open sample→⛺Outdoor · Specialty retail
Ca
Camp Apex · Plan the weekend, we pack the list
A trip planner that builds the gear list — pick the trip type, the season, the headcount; the store fills the cart with shelter, sleep, cook in the right order of priority.
6.4 items
Avg cart size from planner
vs 1.8 single-PDP
+92%
New-camper conversion
over previous SKU grid
DTC storefrontTrip plannerAuto gear-list builder
Open sample→