U s e r I n t e r f a c e d e s i g n
这是一款围绕三福品牌展开的互动小游戏设计。我
把“三福购物袋”作为整个项目的视觉起点，把它延伸
成一场“城市探险计划”。项目表面上是一个轻松、有
趣、带有打卡和收集属性的品牌互动游戏，实际上想
讨论的是年轻人越来越容易陷入信息茧房（内容同质
化）的问题。
我希望用户在游戏过程中，从“只看自己熟悉的内
容”，慢慢转向“主动探索陌生场景和不同兴趣”，借
助城市探索、任务解锁和奖励机制，完成一次从线上
封闭到线下感知的转换。
“城市探险”游戏设计
曹雅欣个人作品集 08U s e r I n t e r f a c e d e s i g n
问题定义
品 牌 产 品 线 丰 富 虽 然 带 来 了 更 多 消 费 选 择 ， 但 也 容 易 造 成 品 牌 印 象 分 散 、 识 别 度 不 足 的 问 题 。 对 目
标 用 户 来 说 ， 三 福 “ 好 买 、 好 逛 ” 是 成 立 的 ， 但 “ 为 什 么 记 住 它 、 为 什 么 愿 意 持 续 参 与 它 ” 还 不 够 明
确 ， 因 此 需 要 通 过 更 具 传 播 力 和 体 验 感 的 设 计 ， 强 化 品 牌 特 色 和 年 轻 化 认 知 。
项目背景
三 福 作 为 年 轻 化 生 活 方 式 品 牌 ， 覆 盖 多 个 品 类 ， 拥 有 丰 富 的 线 下 消 费 场 景 和 较 强 的 年 轻 客 群 基 础 。 但
在 品 牌 传 播 层 面 ， 现 有 认 知 更 多 停 留 在 “ 潮 流 杂 货 集 合 店 ” ， 缺 少 更 鲜 明 、 统 一 的 品 牌 记 忆 点 和 情 绪 价
值 表 达 。
设计切入点
从 Z 世 代 用 户 的 情 绪 需 求 、 社 交 分 享 和 趣 味 体 验 出 发 ， 以 互 动 小 游 戏 为 载 体 重 构 品 牌 沟 通 方 式 。
曹雅欣个人作品集 09
why tihs project
我 选 择 做 这 个 项 目 ， 是 因 为 它 不 仅 是 一 个 品 牌 传 播 命 题 ， 也 是 在 回 应 当 代 年 轻 人 的 真 实 生 活 状 态 。 我
希 望 通 过 游 戏 化 体 验 连 接 品 牌 传 播 与 现 实 议 题 ， 让 项 目 既 有 年 轻 化 表 达 ， 也 具 备 一 定 的 思 考 深 度 。U s e r I n t e r f a c e d e s i g n
用户分析
User Analysis 审美表达
情绪价值
社交分享
Z世代目 标 用 户
易受算法影响
曹雅欣个人作品集 09
用 户 痛 点 设 计 机 会 点
信 息 重 复
选 择 以 游 戏 化 互 动 为 切 入 方 式 ， 通 过
探 索 、 解 锁 、 收 集 和 反 馈 机 制 ， 吸 引
用 户 主 动 参 与 ， 并 在 体 验 过 程 中 弱 化
单 向 传 播 感 。 让 用 户 从 “ 被 动 接 收 信
息 ” 转 向 “ 主 动 进 入 体 验 ” ， 是 这 次 设 计
的 核 心 机 会 点 。
容 易 停 留 在 熟 悉 的 兴 趣 圈 层
中 ， 形 成 固 定 的 浏 览 与 消 费 路
径 。 对 品 牌 而 言 ， 这 意 味 着 用
户 可 能 “ 愿 意 看 ” ， 但 未 必 真 正
形 成 深 层 记 忆 与 持 续 参 与 。
兴 趣 固 化
参 与 疲 劳
用 游 戏 探 索 打 破 单 一 路 径U s e r I n t e r f a c e d e s i g n
核心创意推导
Derivation of core creativity
曹雅欣个人作品集 09
概念转译
信 息 封 闭 被 困 在 固 定 路 径
打 破 信 息 同 质 化 主 动 探 索 未 知 区 域
多 元 接 触 城 市 地 图 / 随 机 事 件 /
场 景 解 锁
最 终 形 成 ： 城 市 探 索 互 动 游 戏U s e r I n t e r f a c e d e s i g n 曹雅欣个人作品集 09
进入活动 → 探索任务 → 场景解锁 → 奖励收藏 → 商城兑换U s e r I n t e r f a c e d e s i g n
0 1 0 2 0 3
Br eak do wn the phases of y our
pr ocess f or y our client, so they
gr ok ho w y ou do y our w ork.
Pr o vide details f or each step, lik e
what’ s inv olv ed, ho w long it tak es,
and any other critical bits.
Y ou can change the width of each
step abo v e, and the r est will
adjust automatically .
曹雅欣个人作品集 09
0 4
Y ou can use multiple copies of
this slide if y ou hav e mor e steps.
曹雅欣个人作品集
{ 解 压 游 乐 场 } D e - S t r e s s F u n l a n d
{ 惊 喜 变 身 地 }
S u r p r i s e M o r p h Z o n e
{ 宅 家 梦 想 集 }
H o m e b o d y D r e a m C o l l e c t i o n
{ 邂 逅 活 力 境 }
V i v a E n c o u n t e r
项 目 共 设 置 四 个 主 题 场 景 ： 解 压 游 乐 场 、 惊 喜 变 身 地 、 宅 家 梦 想 集 、 邂 逅 活 力 境 。 四 个 场 景 分 别 对 应 年 轻 人 不 同 的 生 活 状 态 与 信 息 接 收
方 式 ， 也 构 成 从 “停 留 于 舒 适 区 ”到 “主 动 探 索 外 部 世 界 ”的 叙 事 路 径 。 通 过 色 彩 、 场 景 和 互 动 方 式 的 变 化 ， 逐 步 传 达 从 封 闭 到 开 放 、 从 单
一到多元的主题表达。U s e r I n t e r f a c e d e s i g n
个人主页则负责记录任务进度与成长轨迹
个人主页
曹雅欣个人作品集 09
收藏页面用于沉淀用户探索成果
NFT收藏页面
兑换商城连接互动奖励与品牌转化
兑换商城
三 者 共 同 构 成 了 从 参 与 、 积 累 到 转 化 的 品 牌 互 动
闭环，使项目兼具视觉传播性与实际应用价值。U s e r I n t e r f a c e d e s i g n
本 项 目 以 三 福 品 牌 为 载 体 ， 将 “信 息 茧 房 ”这 一 社 会 议 题 转 化 为 更 轻 量 、 更 易 感 知 的 互 动 游 戏 体 验 。 设 计 不 再 停 留
于 单 一 的 界 面 展 示 ， 而 是 通 过 “城 市 探 险 ”这 一 叙 事 框 架 ， 将 任 务 探 索 、 场 景 解 锁 、 奖 励 收 藏 与 商 城 兑 换 串 联 起
来 ， 形 成 从 参 与 到 沉 淀 再 到 转 化 的 完 整 体 验 路 径 。 前 文 页 面 中 已 逐 步 呈 现 出 从 概 念 推 导 、 用 户 分 析 到 场 景 构 建 与
功能闭环的系统设计逻辑。
曹雅欣个人作品集 0 7
对用户 以游戏化互动降低理解门槛，让用户在探索中感知信息茧房议题。
对品牌 增强三福年轻化表达，提升品牌传播性、互动感与记忆点。
对设计 完成从视觉包装到系统化交互体验的转化，强化项目的叙事与落地逻辑。U s e r I n t e r f a c e d e s i g n
视频演示
如 果 后 续 继 续 深 化 ， 我 希 望 进 一 步 补 充 真 实 用 户 测 试 与 交 互 反 馈 ， 验 证 不 同 场 景 任 务 对 用 户 参 与 度 和 停 留 时 长 的 影 响 ； 同 时 ，
也 会 继 续 完 善 动 态 演 示 、 社 交 传 播 机 制 以 及 线 下 联 动 的 可 能 性 ， 让 项 目 从 概 念 型 作 品 进 一 步 接 近 可 执 行 的 品 牌 活 动 方 案 。 这 样
既能够增强项目的真实落地感，也能进一步体现三福品牌在年轻用户中的互动价值。
曹雅欣个人作品集 09
项目完整动态演示
