茧界前端设计逻辑：从用户角度出发的站点结构

# 茧界前端设计逻辑：从用户角度出发的站点结构

> 一份用户视角的站点设计指南——不是怎么排页面，是用户每翻一屏脑子里在想什么。

---

## 整体逻辑

用户不是来了解茧界的，是来确认"这件事跟我有没有关系"的。站点的每一句话、每一个页面、每一个按钮，都是在帮她做这个确认。

---

## 一、首页的七步说服路径（展开案例）

首页不是品牌画册，不是功能罗列，是一条完整的心理路径。每一屏只做一件事：回答用户此刻最想问的那个问题。答完之后，她自然想看下一屏。

### 第一屏：这是什么？

用户从小红书、朋友推荐、搜索引擎来的。她三秒内需要知道：你是谁、为什么不一样、要不要继续看。

- 眉标直接给品牌+人名+地名，一秒定位
- "不是改码，是重新建版"——否定她最熟悉的认知，建立差异
- 副标题给信任锚（金剪刀）和行动承诺（重新画纸样）
- 两个按钮："预约见面"是终点，"看笔记"是往下翻的动力

**为什么"看笔记"比"了解系列"好：** 用户此刻还不需要看产品。她需要的是"这个品牌跟别人不一样"的证据——笔记里有真实的人、真实的衣服、真实的变化，比自己说"我们很牛"有效十倍。

### 第二屏：跟别的定制有什么不一样？

她看完了第一屏，知道你不是改码。但"建版"是什么？跟她在别处听到的"量身定制"有什么区别？

- "从你出发，而不是大中小号"——和主咒语形成对仗
- 正文把"工业标准 vs 独一无二的你"讲清楚
- 三个关键词（见人/量体/建版）给她一个不用翻页就能建立的基本认知

**为什么这屏必须存在：** 第一屏说"不是改码"，第二屏说"那是什么"。如果第一屏直接跳到场景，用户脑子里会有一个没被回答的疑问悬在那里。

### 第三屏：适合我吗？

她知道了茧界不一样。但她还没把自己放进去——"这跟我的生活有什么关系？"

- "有这样一个场合"——不是问句，是一句确认
- "体面出现，从容应对，不将就"——三拍收住，具体承诺
- 三张场景卡（人生仪式/重要会面/日常的郑重），不绑性别、不自带角色
- 每张卡一句话，点进去是笔记

**为什么不问"你想在哪个场合"：** 用户翻到这屏时的心理状态不是在做选择题——是想确认"这说的是不是我"。给一句确认，她自己会对号入座。

**为什么不绑定"成年人礼的女孩""职场的女性"：** 场景优先，人自然出现。绑定角色 = 帮用户排除她自己（"我不是妈妈"、"我不是女生"）。不绑定 = 每个用户都能找到自己的出口。

### 第四屏：凭什么信你？

她觉得自己"可能"是茧界的用户了。但凭什么选你？

- "感恩大家的认可"——不是"为什么是茧界"，不在说服
- 五条证据，每条都是"公开事实 + 用户利益解读"
- 不堆头衔。用户看不懂"新兴际华总设计师"意味着什么，但她能感受到"经历过最严格的检验"的分量

**为什么不叫"为什么是茧界"：** 问句姿态是说教。感恩的姿态是分享。用户看到的事实都一样，但感受差很多——前者是"你得信我"，后者是"你看，这些事确实发生了"。

### 第五屏：谁在做这件事？

高定本质上是一对一的关系。她想知道：跟我打交道的是什么样的人。

- "三个人·一份手艺，等你来"——人在、手艺在，就等你了
- 每人只写一句最核心的话，完整介绍在 /team 页
- 三个人的分工不是品牌关系/量体设计/剪裁工艺——是一个走近你的人，一个看懂你身体的人，一个把纸样变成衣服的人

**为什么不在首页写简历：** 用户此刻需要的不是"这个人毕业于哪个学校"，是"这个人是干什么的、跟我的衣服有什么关系"。简历是下一层的信息，留给想深入了解的人。

### 第六屏：流程复杂吗？

她开始认真考虑预约了。但怕麻烦。

- "来工坊那天"——不是"服务流程"，把抽象流程变成具体场景
- 正文先观察、先感受、然后才拿出尺子——顺序本身就是在说"我们跟改码不一样"
- 每一步描述都是用户利益（"量体对我意味着什么"），不是功能标签（"量体需要多久"）
- 4–6 周放在最后一步——先让她感受到流程的好，再让她接受时间

**为什么不叫"服务流程"：** 说明书是给别人看的，场景是把自己放进来的。用户看到"来工坊那天"，会在脑子里预演一遍——比任何流程图都有用。

### 第七屏：我还没下定决心

她看完了。感兴趣，但还没准备好预约。

- "不用着急做决定"——不催、不卷、不逼
- 主推两个零压力动作：翻笔记、问顾问。预约放最下面
- "不用想好要做什么，说说就行"——把门槛降到最低

**为什么不在第七屏再推一把：** 用户已经翻了六屏了。她能走到这里，说明她有兴趣——但她需要时间和安全感。这一屏的任务不是说服，是给她一个零成本的"继续了解"的出口。今天不约没关系，翻了笔记、聊了顾问，下次她会回来。

---

## 二、从你出发，不从大中小号出发——贯穿全站的结构原则

它不只是第二屏的一句标题，是整个站的设计原则：

- **场景不绑人：** 不是"成人礼的女孩"，是"人生仪式"——管你是谁，重要的那天不想和别人一样
- **流程从聊开始：** 不是"预约量体"，是"预约见面"——先认识你，再量你
- **标题不训人：** "不用着急做决定"比"还犹豫什么"更有效——用户不是不想决定，是还不够了解

---

## 三、每一页只做一件事，但这件事必须做到用户不需要往回找

首页让你知道茧界是什么、跟别人哪不同、适合我吗、凭什么、谁来做、怎么做。

点进"怎么做"就是流程展开+FAQ，点进"谁在做"就是三个人各自在做什么。一个页面 = 一个承诺。用户不需要拼凑信息。

---

## 四、名字是入口，不是分类

- "怎么做"而不是"定制服务"（用户想的是"怎么定制"这件事）
- "谁在做"而不是"主创团队"（三字对三字，统一节奏）
- "笔记"而不是"案例"（从用户角度看，不管是谁发的，都是"跟自己情况类似的经历"）
- 笔记页标题"这里记录了我们的日常"——导航已经有"笔记"了，不重复

---

## 五、走得越深，推得越轻

- 第七屏："不用着急做决定"——不催
- 联系页三个出口按门槛从低到高排：问顾问 → 加微信 → 填表
- 笔记页底部只放一个"预约见面"按钮，不加任何说服句

越靠近决策点，用户需要的是安全感，不是推力。

---

## 六、验证比说服持久

首页是品牌自己回答六个问题——一次性的、静态的。

笔记页是真实顾客用不同的人、不同的场景反复验证同样的六个问题——动态的、持续更新的。

用户翻完首页可以去笔记页继续翻。不需要"筛选你的场景"这种引导语——她自己会找。

---

> **一句话：用户不是来了解茧界的，是来确认"这件事跟我有没有关系"的。站点的每一行字，都是在帮她做这个确认。**