茧界前端设计逻辑:从用户角度出发的站点结构
一份用户视角的站点设计指南——不是怎么排页面,是用户每翻一屏脑子里在想什么。
整体逻辑
用户不是来了解茧界的,是来确认"这件事跟我有没有关系"的。站点的每一句话、每一个页面、每一个按钮,都是在帮她做这个确认。
一、首页的七步说服路径(展开案例)
首页不是品牌画册,不是功能罗列,是一条完整的心理路径。每一屏只做一件事:回答用户此刻最想问的那个问题。答完之后,她自然想看下一屏。
第一屏:这是什么?
用户从小红书、朋友推荐、搜索引擎来的。她三秒内需要知道:你是谁、为什么不一样、要不要继续看。
- 眉标直接给品牌+人名+地名,一秒定位
- "不是改码,是重新建版"——否定她最熟悉的认知,建立差异
- 副标题给信任锚(金剪刀)和行动承诺(重新画纸样)
- 两个按钮:"预约见面"是终点,"看笔记"是往下翻的动力
为什么"看笔记"比"了解系列"好: 用户此刻还不需要看产品。她需要的是"这个品牌跟别人不一样"的证据——笔记里有真实的人、真实的衣服、真实的变化,比自己说"我们很牛"有效十倍。
第二屏:跟别的定制有什么不一样?
她看完了第一屏,知道你不是改码。但"建版"是什么?跟她在别处听到的"量身定制"有什么区别?
- "从你出发,而不是大中小号"——和主咒语形成对仗
- 正文把"工业标准 vs 独一无二的你"讲清楚
- 三个关键词(见人/量体/建版)给她一个不用翻页就能建立的基本认知
为什么这屏必须存在: 第一屏说"不是改码",第二屏说"那是什么"。如果第一屏直接跳到场景,用户脑子里会有一个没被回答的疑问悬在那里。
第三屏:适合我吗?
她知道了茧界不一样。但她还没把自己放进去——"这跟我的生活有什么关系?"
- "有这样一个场合"——不是问句,是一句确认
- "体面出现,从容应对,不将就"——三拍收住,具体承诺
- 三张场景卡(人生仪式/重要会面/日常的郑重),不绑性别、不自带角色
- 每张卡一句话,点进去是笔记
为什么不问"你想在哪个场合": 用户翻到这屏时的心理状态不是在做选择题——是想确认"这说的是不是我"。给一句确认,她自己会对号入座。
为什么不绑定"成年人礼的女孩""职场的女性": 场景优先,人自然出现。绑定角色 = 帮用户排除她自己("我不是妈妈"、"我不是女生")。不绑定 = 每个用户都能找到自己的出口。
第四屏:凭什么信你?
她觉得自己"可能"是茧界的用户了。但凭什么选你?
- "感恩大家的认可"——不是"为什么是茧界",不在说服
- 五条证据,每条都是"公开事实 + 用户利益解读"
- 不堆头衔。用户看不懂"新兴际华总设计师"意味着什么,但她能感受到"经历过最严格的检验"的分量
为什么不叫"为什么是茧界": 问句姿态是说教。感恩的姿态是分享。用户看到的事实都一样,但感受差很多——前者是"你得信我",后者是"你看,这些事确实发生了"。
第五屏:谁在做这件事?
高定本质上是一对一的关系。她想知道:跟我打交道的是什么样的人。
- "三个人·一份手艺,等你来"——人在、手艺在,就等你了
- 每人只写一句最核心的话,完整介绍在 /team 页
- 三个人的分工不是品牌关系/量体设计/剪裁工艺——是一个走近你的人,一个看懂你身体的人,一个把纸样变成衣服的人
为什么不在首页写简历: 用户此刻需要的不是"这个人毕业于哪个学校",是"这个人是干什么的、跟我的衣服有什么关系"。简历是下一层的信息,留给想深入了解的人。
第六屏:流程复杂吗?
她开始认真考虑预约了。但怕麻烦。
- "来工坊那天"——不是"服务流程",把抽象流程变成具体场景
- 正文先观察、先感受、然后才拿出尺子——顺序本身就是在说"我们跟改码不一样"
- 每一步描述都是用户利益("量体对我意味着什么"),不是功能标签("量体需要多久")
- 4–6 周放在最后一步——先让她感受到流程的好,再让她接受时间
为什么不叫"服务流程": 说明书是给别人看的,场景是把自己放进来的。用户看到"来工坊那天",会在脑子里预演一遍——比任何流程图都有用。
第七屏:我还没下定决心
她看完了。感兴趣,但还没准备好预约。
- "不用着急做决定"——不催、不卷、不逼
- 主推两个零压力动作:翻笔记、问顾问。预约放最下面
- "不用想好要做什么,说说就行"——把门槛降到最低
为什么不在第七屏再推一把: 用户已经翻了六屏了。她能走到这里,说明她有兴趣——但她需要时间和安全感。这一屏的任务不是说服,是给她一个零成本的"继续了解"的出口。今天不约没关系,翻了笔记、聊了顾问,下次她会回来。
二、从你出发,不从大中小号出发——贯穿全站的结构原则
它不只是第二屏的一句标题,是整个站的设计原则:
- 场景不绑人: 不是"成人礼的女孩",是"人生仪式"——管你是谁,重要的那天不想和别人一样
- 流程从聊开始: 不是"预约量体",是"预约见面"——先认识你,再量你
- 标题不训人: "不用着急做决定"比"还犹豫什么"更有效——用户不是不想决定,是还不够了解
三、每一页只做一件事,但这件事必须做到用户不需要往回找
首页让你知道茧界是什么、跟别人哪不同、适合我吗、凭什么、谁来做、怎么做。
点进"怎么做"就是流程展开+FAQ,点进"谁在做"就是三个人各自在做什么。一个页面 = 一个承诺。用户不需要拼凑信息。
四、名字是入口,不是分类
- "怎么做"而不是"定制服务"(用户想的是"怎么定制"这件事)
- "谁在做"而不是"主创团队"(三字对三字,统一节奏)
- "笔记"而不是"案例"(从用户角度看,不管是谁发的,都是"跟自己情况类似的经历")
- 笔记页标题"这里记录了我们的日常"——导航已经有"笔记"了,不重复
五、走得越深,推得越轻
- 第七屏:"不用着急做决定"——不催
- 联系页三个出口按门槛从低到高排:问顾问 → 加微信 → 填表
- 笔记页底部只放一个"预约见面"按钮,不加任何说服句
越靠近决策点,用户需要的是安全感,不是推力。
六、验证比说服持久
首页是品牌自己回答六个问题——一次性的、静态的。
笔记页是真实顾客用不同的人、不同的场景反复验证同样的六个问题——动态的、持续更新的。
用户翻完首页可以去笔记页继续翻。不需要"筛选你的场景"这种引导语——她自己会找。
一句话:用户不是来了解茧界的,是来确认"这件事跟我有没有关系"的。站点的每一行字,都是在帮她做这个确认。