md-station static page

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

茧界前端设计逻辑:从用户角度出发的站点结构 一份用户视角的站点设计指南——不是怎么排页面,是用户每翻一屏脑子里在想什么。 整体逻辑 用户不是来了解茧界的,是来确认"这件事跟我有没有关系"的。站点的每一句话、每一个页面、每一个按钮,都是在帮她做这个确认。 一、首页的七步说服路径(展开案例) 首页不是品牌画册,不是功能罗列,是一条完整的心理路径。每一屏只做一件事

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

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


整体逻辑

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


一、首页的七步说服路径(展开案例)

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

第一屏:这是什么?

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

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

第二屏:跟别的定制有什么不一样?

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

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

第三屏:适合我吗?

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

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

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

第四屏:凭什么信你?

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

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

第五屏:谁在做这件事?

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

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

第六屏:流程复杂吗?

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

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

第七屏:我还没下定决心

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

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


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

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


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

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

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


四、名字是入口,不是分类


五、走得越深,推得越轻

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


六、验证比说服持久

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

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

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


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