F&B · DTC 订阅·2026
MochaLane · 每月精品咖啡
一份 DTC 精品咖啡订阅 · 一份口味画像替你挑盒 · 三档定价 · 公开发货日历
DTC 店铺订阅引擎口味画像Stripe 自动续费
设计稿 · 视觉
V1 · Specialty coffee monthly box
A one-page subscription front for an indie specialty roaster. The header carries a warm-cream wash, a serif display title, the next-ship calendar pinned top-right, and a tiny zh/en switcher. Below the hero, three tier cards (Starter / Connoisseur / Reserve) with weight + frequency + monthly price. A 4-question taste profile picks the recommended tier — the recommendation pill highlights live as you answer. Footer carries the brew-guide nav and shipping policy.
- Palette
- Cream #F2E6D0 · Coffee ink #3A2317 · Rust #C25E2C · Olive #7A8052
- Fonts
- Cormorant Garamond (display serif) + Inter (body) + JetBrains Mono (SKU/numbers)
- Architecture
- React 18 UMD + Babel standalone · single-file SPA · static MinIO host
- For
- Indie specialty roasters running a DTC subscription with under-10-SKU rotations
- Memorable
- Taste quiz lights up the recommended tier card in real time · ship calendar as a hand-drawn strip
准备加载预览…
☞ 完整流程：首页 → 列表 → 详情 → 选授权 → 支付 → 证书在新窗口打开：V1
相关样板
看更多样板 →📊SaaS · 数据分析
In
Insight Board · 跨境 SaaS 数据分析
第一天就支持 4 语的跨境产品分析 — 服务中、日、韩、美四地团队的 SaaS 仪表盘
< 30 秒
首次洞察用时
自动引导
4
上线语言
zh / ja / ko / en
SaaS 仪表盘i18n 架构Stripe 计费
看样板→💄美妆 · DTC 化妆品
Lu
Lunaria · 洁净美妆 · 把成分讲清楚
洁净美妆 DTC · 每一个活性成分都有一张卡 — 产地、作用、配比百分比 — 瓶身不承诺配方做不到的事
11.2%
PDP 加车转化
行业平均:3.4%
2.4
单次访问看的成分卡数
平均停留 84 秒
DTC 店铺成分透明使用仪式 UX
看样板→🐾宠物 · 高端 DTC
No
Nocturne · 月夜 · 高端宠物
高端宠粮店 · 根据宠物本身(体型 · 年龄 · 体重曲线 · 兽医备注)安排自动续订节奏,不从 SKU 推算
94%
续订准确率
不超买不断货
0.42
单次访问创建宠物画像
行业平均:0.06
DTC 店铺宠物画像自动续订引擎
看样板→