通讯_002@MRSADY地点 : 布鲁塞尔文件状态:有效

UX/UI · 网页开发

ACT:一页按情绪动线写成的落地页

要介绍一个没有算法的社交网络,这个网站不罗列功能:它让访客经过九种情绪,从“这说的就是我”到“我加入”。

ACT — 网站首页:“你消费什么,就成为什么”

« 落地页不是功能陈列。它是一条九步的情绪动线。 »

网站的工作文档(PRD)

ACT 出自一个信念:“你消费什么,就成为什么。”与其让算法替你挑,这个产品主张有意识地记录打动你的东西——一部电影、一首歌、一本书——从中理解它说明了什么。三个写进代码的承诺:没有算法,没有点赞,没有广告。

我负责 UX/UI 设计并开发了这页落地页。立场从工作文档的第一行就定了:讲述,而不是罗列。

一个版块,一种情绪

每个版块只有一个任务:在访客心里唤起一种确切的情绪。工作文档把它们一一命名,还写下了访客当时应当对自己说的那句话。

  1. 首屏 — 好奇“确实,我从没这么想过。”
  2. 问题 — 认出自己“这说的就是我。”
  3. ACT 是什么 — 理解“哦,原来是这样运作的。”
  4. 伦理 — 信任“他们是认真的。”
  5. La Map — 渴望“我想看看我的。”
  6. 转变 — 代入“我也想经历这件事。”
  7. 给谁用 — 认同“这是为我做的。”
  8. 最后的召唤 — 行动“我加入。”
  9. 页脚 — 可信“这东西扎实。”

把问题变得可感

“你刷。你点赞。你忘记。”问题版块不止是这么说:在访问过程中,它会统计你已经滑过的像素和停留的秒数——“这些数据在你访问时实时生成”。访客先看见自己的反射动作,然后才被提供另一种做法。

ACT — 问题部分:“你刷。你点赞。你忘记。”ACT — 宣言:写进代码里的三个承诺

AKUA,一张引路的脸

视觉主线是 AKUA,一张线框的脸,陪着访客从一个版块走到下一个。她从不分类——没有原型,没有标签:她提问、观察、映照。工作文档里她的那句话:“我不改变你。我只是让你看见,你已经在改变。”

网站的核心用四幕讲这个产品:“贴一个链接”(YouTube、Spotify、Netflix、Instagram、X、Apple Music、Letterboxd、Prime Video……)、“你感觉到了什么?”、“AKUA 为你揭示”、“付诸行动”。然后是 La Map,每个人的文化星图。

ACT — 第一幕:“贴上一个链接。”ACT — 第三幕:“AKUA 映照出你。”ACT — La Map:“你的文化星图。”

结果

网站已上线:一页完整的落地页,从宣言到私测注册。本文中的所有截图都来自已发布的网站。