Web DNA

用 OJO Design Agent 设计的「个人网站人格测试」：8 种网站人格、10 道题和一套评分规则，把用户对个人网站的模糊偏好，转成可继续用于设计的网站方向。

Web DNA 是一个帮助用户找到个人网站设计方向的小工具。拿到 OJO Design Agent 的内测机会后，我用它的专家团队和 Skill 参与需求梳理、测试设计、页面结构、交互原型和视觉设计，并加入 IP Skill，约束插画、角色设定和整体视觉风格。

项目完成后通过小红书小工具上线，目前已获得约 300 次用户使用。

产品设计｜把模糊偏好转成设计方向

Web DNA 的目标很明确：把用户对个人网站的模糊偏好，转成一套可以继续用于设计的网站方向。

整个测试由 8 种网站人格、10 道题和一套评分规则组成。

结果没有直接使用“极简、科技、复古”这类风格标签，而是设计成更有记忆点的人格类型，例如：

每种人格对应一组具体的网站特征，包括：

这样结果既能被用户理解，也能继续指导后续的网站设计。

10 道题覆盖 6 类信息：

题目里保留视觉偏好，也加入用户准备展示什么内容、希望别人怎么浏览，以及网站需要传达什么感觉。

每个选项会影响一组设计维度的得分，完成 10 道题后汇总分数，并映射到对应人格。

Scoring Path

10 Questions
      ↓
Preference Signals
      ↓
Design Dimensions
      ↓
Personality Score
      ↓
Website Personality
      ↓
Design Direction

结果页包含：

产品规则确定后，我继续用 OJO Design 推进页面结构、交互和视觉设计。不同阶段调用不同的专家团队与 Skill。

核心流程保持很短：

User Flow

首页
 ↓
10 道题逐题作答
 ↓
分析页
 ↓
人格结果页

在原型阶段补充了题目切换、页面状态、结果跳转和信息层级，并配合 User Story、Wireframe Spec 等 Skill 继续细化页面要求。

OJO Design 最终生成了桌面、平板和手机三端原型。页面可以直接点击完成完整测试流程，文字、背景和图层也可以继续编辑。

为了让 Web DNA 保留自己的视觉特征，我把已有的 IP 视觉规则整理成 Skill 加入项目。

IP Skill 主要约束：

不同阶段可以调用不同的专家团队，IP Skill 持续保留在项目上下文里，用来减少页面之间的视觉漂移。

Web DNA 最终完成了从测试逻辑、页面结构到三端原型的完整设计，并上线为可以直接使用的小工具。

用户完成 10 道题后，可以获得：

目前通过小红书小工具获得 300+ 次用户使用。