PROJECT / INTERACTION + IP SYSTEM

禾小星

定义从答题到结果的用户旅程,让十四位守迹灵、题目反馈与人格映射共同构成连续体验。

体验定义 · 用户旅程 · 结果映射 · 角色系统 · 网页协作

CASE LOGIC / CHARACTER-LED EXPERIENCE

让一次测试,
变成一次角色相遇。

核心不是把角色放进页面,而是让人格判断、互动节奏与视觉反馈共同完成一次有情绪记忆的体验。

01 / 背景与目标

星座测试需要新的表达

常见人格测试文字密、反馈机械。本项目希望通过角色世界降低进入门槛,同时保持测试流程清楚可信。

02 / 用户需求

好奇、轻松,也要知道下一步

用户需要快速理解题目、确认选择和掌握进度;完成后还需要一个值得保存与分享的角色结果。

03 / 我的职责

体验逻辑与角色系统并行

梳理用户旅程、题目—结果映射和关键状态,负责视觉方向、十四位角色谱系、信息架构与交互节奏,并协同完成网页落地。

04 / 方案探索

先统一世界,再制造差异

用共同体型、面部比例和光泽建立家族感,再以元素、色彩、轮廓和命名区分十四种人格气质。

05 / 问题与迭代

角色陪伴,但不能抢答

对题目密度、选项反馈、音乐开关和页面跳转反复调整,让角色在关键节点出现,不遮挡选择也不拖慢完成速度。

06 / 成果与反馈

14 位角色,一条完整线上流程

从首页、答题、等待到结果页形成可访问体验,角色资产也能继续延展至结果卡与社交传播。

01 / GOAL

先建立一个愿意靠近的角色世界。

禾小星以星座测试为入口。角色不是页面装饰,而是结果反馈的情绪载体:用户完成选择后,会遇见与人格倾向对应的守迹灵。

禾小星星座人格测试网站首页界面截图

02 / CHARACTER SYSTEM

十四位守迹灵,
构成一套角色谱系。

水、火、植物、星夜与光被转译为不同的轮廓、材质和性格。角色保持共同的身体比例与面部语言,同时用头冠、斗篷和色彩建立差异。

共同骨架

统一的体型、面部比例与柔和高光,让十四个角色属于同一个世界。

元素差异

水滴、苔叶、火焰、灯烛与星尘成为角色轮廓和服饰的识别线索。

人格语气

颜色和姿态对应不同的情绪倾向,为测试结果提供更柔和的表达。

守迹灵洄洄
01洄洄
守迹灵映沫
02映沫
守迹灵跃岚
03跃岚
守迹灵苔茸
04苔茸
守迹灵岔岔
05岔岔
守迹灵守烛
06守烛
守迹灵隐蕊
07隐蕊
守迹灵静闪
08静闪
守迹灵璃滴
09璃滴
守迹灵曦羽
10曦羽
守迹灵夜蜕
11夜蜕
守迹灵砂芽
12砂芽
守迹灵栈火
13栈火
守迹灵云梭
14云梭

角色进入测试流程

禾小星测试流程与星象人格结果界面截图

03 / WEB JUDGMENT

让每一道问题,
都保持清楚的下一步。

当前问题、可选答案与进度形成稳定的阅读顺序。角色视觉在关键节点出现,陪伴测试,但不打断选择。

信息层级

把当前问题作为主焦点;选项提供明确可点击状态;辅助信息保持安静。

交互反馈

选择、跳转和加载应可理解,避免随机高亮或黑屏过场破坏用户位置感。

移动端

手机端重新安排文字行长、触控区域和滚动位置,让单手操作保持顺畅。

04 / INTERACTION RHYTHM

音乐、跳转与反馈,
共同决定体验速度。

页面围绕“进入—选择—等待—结果”调整节奏:音乐保留关闭入口,跳转避免黑屏,选项状态保持明确,结果页则给角色更多展示空间。

音乐状态可控选择反馈明确页面跳转连续结果页便于分享

05 / CREATIVE DIRECTION

角色探索之后,
还要建立可持续的系统。

生成工具参与角色形象探索;项目定位、角色谱系、命名、视觉统一、测试流程、结果页与移动端体验由人工持续收束。

06 / DELIVERY

角色世界已经进入网页。

禾小星目前可以在线完成测试。角色系统也保留了扩展空间,可继续进入结果卡、社交内容与后续主题活动。