AI 分身聊天即将上线,敬请期待
返回作品

Case 02 · 绒华录

非遗绒花 APP「绒华录」

毕业设计项目 · 产品负责人。以产品经理视角完整走通「用户研究 → 需求分析 → 竞品分析 → 信息架构 → 功能取舍 → 高保真 → 前端落地」的 0 → 1 全流程:695 份问卷洞察、三类用户画像、五要素竞品拆解、四大模块信息架构,再到品牌 VI、IP 设计与 20+ 张高保真设计;Web 端以 HTML/CSS/JS 完成响应式实现(本地演示),获 2025 全国数字媒体技术大赛国家级一等奖与四川省级一等奖。

国家级一等奖四川省级一等奖2025 全国数字媒体技术大赛
我的角色
产品经理 · 0 → 1 全流程
项目周期
2025.02 — 2025.06
项目成果
国家级一等奖 · 省级一等奖
交付形式
APP 核心页高保真 · Web HTML/CSS/JS 实现
非遗绒花 APP「绒华录」 · 项目封面
非遗绒花 APP「绒华录」PROJECT COVER
01

项目概述

Overview · 产品定位

非遗绒花技艺正面临「传承人老龄化、传承模式单一、年轻群体认知度低」的困境。 针对这一痛点,「绒华录」以「承古韵,焕新生」为核心,打造一款打通 学 · 做 · 买闭环的非遗绒花文化传播与创作产品(APP + Web), 帮助年轻用户用更符合习惯的方式了解、学习并参与绒花文化。

01 降低认知门槛

让年轻人「看得懂、想参与」非遗绒花

02 打通学做买闭环

学习 → 创作 → 购买全流程线上化

03 传承人数字化

为传承人提供展示与变现的数字阵地

2025 全国数字媒体技术大赛

国家级一等奖 · 四川省级一等奖

02

我的角色与贡献

产品负责人 · 0 → 1 全流程

以产品负责人身份主导《绒华录》从 0 到 1 的完整过程:负责前期调研与需求定义, 独立完成品牌视觉、高保真设计与 Web 端 HTML/CSS/JS 实现,并统筹需求优先级、交付节奏与竞赛答辩。 项目核心产出以个人独立完成为主,确保「调研 → 设计 → 实现 → 呈现」全链路可控。

项目统筹 · 0 → 1 全流程用户调研 · 695 份问卷需求分析与 PRD 文档竞品分析 · 4 款头部产品信息架构 · 思维导图手工 DIY 功能 PRD 梳理品牌 VI · Logo 设计IP「绒凝」设计20+ 高保真设计Web 端 HTML / CSS / JS 实现
03

项目成果

成果概述 · 数据呈现

项目完成从用户研究到产品落地的完整闭环:以 695 份问卷与 4 款竞品拆解确定需求边界, 输出「首页 / 工坊 / 集市 / 我的」四大模块信息架构与品牌 VI、IP「绒凝」, 产出 20+ 张高保真设计;Web 端以 HTML/CSS/JS 完成响应式实现(本地演示), 获 2025 全国数字媒体技术大赛国家级一等奖与四川省级一等奖。

695份 有效问卷
4款 竞品拆解
3类 核心用户画像
20+张 高保真设计
4大 APP 核心模块
1套 Web 端代码实现
04

用户与问题

基于 695 份有效问卷(问卷星)

先回答三个问题:用户是谁、卡在哪、最想要什么。问卷显示用户集中在 18–30 岁年轻群体, 对绒花「听说过但没接触」,核心诉求是参与和体验,而不是单向的信息展示。

女性占比52.81%
18–30 岁青年60.72%
听说过绒花93.67%
主动搜索仅27.19%
用户最想尝试的功能
57.84% 手工 DIY 工坊
56.69% 学习课程
52.66% 线上商城
现有产品的痛点
功能杂乱 · 查找不便 >44%线上线下脱节 >44%缺少互动 · 参与感低 44%内容陈旧 · 界面不友好 30%+
年轻女性用户 18–30 岁

时尚买手 · 学生 · 搭配师

兴趣插花 · 手工 · 拍照

需求个性化创作与分享

手工 DIY 爱好者 18–35 岁

学生 · 手工艺人 · 设计师

兴趣手工 · 国风 · 文创

需求系统学习 + 亲手制作

传统文化爱好者 30–50 岁

文化学者 · 非遗工作者

兴趣历史 · 民俗 · 工艺

需求深度了解与收藏

05

产品洞察

Product Insight · 核心判断

问卷里最反直觉的一组数据是:93.67% 的人听说过绒花,但主动搜索过的只有 27.19%。 这说明问题不是「没人知道绒花」,而是缺少让人愿意深入了解、参与进来的入口—— 单纯把文化内容做得更多、更精美,解决不了参与问题。因此我的核心判断是:用数字化互动降低非遗学习门槛,把「被展示的文化」变成「可参与、可创作、可分享的体验」,让产品围绕「参与」而非「展示」来设计。

06

竞品分析

以「用户体验五要素」为框架

东家 APP 图标 东家

优势强商业闭环 · 匠人 IP 鲜明

不足门槛高 · 互动参与弱

手工客 APP 图标 手工客

优势教程海量 · 学买闭环

不足文化沉浸感较弱

匠木 APP 图标 匠木

优势游戏化交互极佳

不足无真实创作出口

故宫陶瓷馆 APP 图标 故宫陶瓷馆

优势内容权威 · 数字展陈精美

不足单向传播 · 无创作闭环

结论:东家强商业、手工客强内容、匠木强游戏化、故宫陶瓷馆强权威, 但都缺少「低门槛互动创作 + 情感共鸣」的结合点。 绒华录由此定位为——降低非遗接触门槛 · 强化互动乐趣与情感共鸣 · 线上线下联动。

07

方案与功能设计

Solution · 三大互动功能

围绕「降低门槛、提升参与、促成传播」三个目标,MVP 聚焦三个互动功能, 形成「玩中学 → 参与创作 → 体验分享」的闭环:

01 手工 DIY

把绒花八大制作步骤游戏化,闯关式制作 + 定制下单,解决「只会看、不会做」。

02 AI 创作

文生文 / 文生图 / 图生图,为零基础用户提供灵感起点,解决「想参与但不知从何下手」。

03 AR 佩戴

作品完成后的虚拟试戴与一键分享,契合年轻用户短视频分享习惯,放大传播。

08

手工 DIY · PRD 梳理

核心功能深度梳理

在完成产品方案后,我把最具差异化的「手工 DIY」功能单独按 PRD 方式做了完整梳理, 形成一份可直接评审、开发与验收的完整文档,存放于飞书(下方图片为部分截图)。

📄 完整 PRD 文档: 手工 DIY 功能 PRD · 飞书文档

绒华录 手工 DIY 功能 PRD 梳理(部分截图)
手工 DIY 功能 PRD · 节选PRD 部分截图 · 完整文档见上方飞书链接
09

MVP 与产品决策

Product Decision · 取舍

非遗题材 + 学生团队 + 有限周期,取舍是产品负责人每天都要做的事。三个关键决策如下:

Q1 695 份问卷里,怎么区分「真需求」和「伪需求」?
A1

用「认知 — 行为」落差做交叉验证:93.67% 的人听说过绒花,但主动搜索的只有 27.19%——问题不是「没人知道」,而是缺少让人愿意深入了解的入口。因此首屏不做卖货,先讲文化故事、给足参与动机,这一判断直接决定了首页信息架构。

Q2 非遗题材容易做得「老气」,怎么让年轻人愿意用?
A2

用三个互动功能降低参与门槛:游戏化的手工 DIY(闯关式制作)、AR 佩戴(虚实结合试戴分享)、AI 创作(文生图降低零基础门槛);视觉上从绒花实物提取米白、深红、淡粉,配合海棠纹、窗格等传统纹样,做到「有文化味但不老气」。

Q3 时间紧、范围大,功能取舍的依据是什么?
A3

回到项目目标的三层——认知(让年轻人看见)、参与(愿意学、愿意做)、闭环(能买、能分享)。功能按「服务哪一层」排优先级:优先实现 DIY、AI 创作、AR 佩戴,社区生态与部分运营功能后置,保证「学 → 做 → 买」核心闭环先完整跑通。

10

信息架构与交互流程

IA · Interaction Flow

APP 端以「首页 / 工坊 / 集市 / 我的」四大模块构建信息骨架(核心页面完整落地), Web 端延续同一品牌体系做信息层级再组织。功能坚持「用户主导、路径可逆」: 一级模块平级切换,二级页面围绕核心功能纵向延展,任何任务最多 2–3 步可达;流程上遵循「低保真先行」:先把路径跑通、确认每步都有明确的下一步,再进入高保真,避免视觉阶段返工。

绒华录 APP 产品架构
APP 产品架构PRODUCT ARCHITECTURE · APP
绒华录 Web 产品架构
Web 产品架构PRODUCT ARCHITECTURE · WEB
绒华录 页面交互流程图
页面交互流程图INTERACTION FLOW
11

品牌与 IP 设计

Brand VI · IP「绒凝」

Logo 以繁体「絨」字拆解重组:左部「糸」旁化作绒花簪形态,右部以海棠纹结合簪尾模拟古典窗格, 寓意绒花技艺打破展览限制、走进当代生活。IP「绒凝」以唐代《簪花仕女图》中头戴绒花的仕女为原型, 创作 1 : 1.5 头身比的 Q 版形象,作为品牌情感化沟通的载体,让文化传播更有温度。

绒华录 Logo VI 提案
LOGO · VI 提案LOGO PROPOSAL · 基础系统 / 图形延展 / 应用系统
绒华录 IP 提案 绒凝
IP 提案 · 绒凝IP PROPOSAL
12

页面展示

APP 核心页 · Web 响应式

APP 端聚焦核心页面完成高保真设计:从启动、登录到首页、工坊、集市、我的, 覆盖「学 → 做 → 买」主流程(未铺全量长尾页面);Web 端以 1960 × 1080 画布、1200px 版心 延续同一品牌语言,让文化介绍与作品展示在宽屏下有更从容的呼吸感。

绒华录 启动 · 登录 · 注册
启动 · 登录 · 注册对角构图 · 品牌视觉先行
绒华录 引导页 · 4 屏
引导页 · 4 屏图文结合 · 每页聚焦 1 个核心功能
绒华录 首页
首页搜索 / 轮播 / 金刚区 / 公告 / 绒花介绍 / 每日推荐
绒华录 工坊
工坊AR 佩戴 · 手工 DIY · AI 创作
绒华录 集市
集市名作拍卖 · 课程 · 商品 · 购物车
绒华录 我的
我的消息 · 签到 · 会员 · 订单 · 设置
绒华录 WEB · 首页展示
WEB · 首页展示大屏信息层级
绒华录 WEB · 部分页面展示
WEB · 部分页面展示1960 × 1080 · 版心 1200px
13

代码展示

HTML / CSS / JS

Web 端以 HTML / CSS / JS 完成响应式页面实现(本地可运行演示): 语义化结构 + 媒体查询适配 + 轻量交互动效,把 Web 端高保真落到真实可浏览的页面, 反向验证信息架构与视觉规范的可实现性;APP 端聚焦核心页面完成实现,作为主流程演示。

绒华录 前端代码页
前端代码实现HTML / CSS / JS · 部分代码展示
14

验证与复盘

Validation · Reflection

项目处于产品方案与原型阶段,暂无上线运营数据,因此验证分两层: 一是外部认可——695 份问卷支撑需求判断,产品获 2025 全国数字媒体技术大赛 国家级一等奖与四川省级一等奖;二是验证计划——原型可用性测试、DIY 完成率与 AI 创作使用率, 作为后续迭代的核心指标。

复盘:这个项目让我学会从用户痛点出发设计功能、用需求分析做优先级取舍、 把文化需求转化为数字产品体验。如果重新设计,我会补齐用户测试与数据验证的完整闭环, 让每个功能假设都有对应的验证指标。