Case 01 · 绒华录
非遗绒花 APP「绒华录」
毕业设计项目 · 产品负责人。以产品经理视角完整走通「用户研究 → 需求分析 → 竞品分析 → 信息架构 → 高保真 → 前端落地」的 0 → 1 全流程：695 份问卷洞察、三类用户画像、五要素竞品拆解、四大模块信息架构，再到品牌 VI、IP 设计与 HTML/CSS/JS 实现，获 2025 全国数字媒体技术大赛国家级一等奖与四川省级一等奖。
项目背景与目标
非遗绒花技艺面临「传承人老龄化、传承模式单一、年轻群体认知度低」的困境。 针对这一痛点，「绒华录」以「承古韵，焕新生」为核心，以 学 · 做 · 买 完整闭环， 打造一款集文化传播、技艺学习、商业推广于一体的移动端 + Web 端产品。
让年轻人「看得懂、想参与」非遗绒花
学习 → 创作 → 购买全流程线上化
为传承人提供展示与变现的数字阵地
PM 思考：立项先定义「做成什么样才算成功」。我把项目目标拆成 认知（让年轻人看见）、参与（愿意学、愿意做）、闭环（能买、能分享） 三层，后续所有功能优先级都围绕这三层展开。
“让非遗绒花从被观赏的文化遗存，变成可以参与、可以穿戴、可以传播的当代生活美学。”
个人角色
产品负责人 · 0 → 1 全流程
以产品负责人身份主导《绒华录》从 0 到 1 的完整过程：负责前期调研与需求定义， 独立完成品牌视觉与高保真设计，并推动前端开发落地与竞赛答辩。项目以个人独立完成核心产出为主， 同时统筹需求优先级与交付节奏，确保「调研 → 设计 → 开发 → 呈现」全链路可控。
PM 思考：一个人走全流程最大的优势是「没有信息损耗」——调研洞察能原封不动地 传递到设计决策里。我的方法是把每个环节都文档化（问卷结论、竞品表、思维导图、PRD）， 让每一步取舍都有据可查、可复盘。
项目成果
成果概述 · 数据呈现
项目完成从用户研究到前端落地的完整闭环：以 695 份问卷与 4 款竞品拆解确定需求边界， 输出「首页 / 工坊 / 集市 / 我的」四大模块信息架构与品牌 VI、IP「绒凝」， 独立产出 20+ 张高保真页面并以 HTML / CSS / JS 完成 APP 与 Web 双端核心页面落地， 最终获 2025 全国数字媒体技术大赛国家级一等奖与四川省级一等奖。
PM 思考：成果不只属于交付物，也属于「验证」。我用问卷样本量、还原度、 获奖等级这些可量化结果来回答「这件事做得怎么样」，让项目价值可被评估、可被复用。
挑战
Q & A · 问题与解法
Q1 遇到的问题：695 份问卷里，怎么区分「真需求」和「伪需求」？
解决方法：用「认知 — 行为」落差做交叉验证——93.67% 的人听说过绒花，但主动搜索的只有 27.19%，说明问题不是「没人知道」，而是缺少让人愿意深入了解的入口。因此产品首屏不做卖货，而是先讲文化故事、给足参与动机，这一判断直接决定了首页的信息架构。
Q2 遇到的问题：非遗题材容易做得「老气」，怎么让年轻人愿意用？
解决方法：用三个创新功能降低参与门槛——2.5D 游戏化的手工 DIY（闯关式制作 + 定制下单）、短视频式的 AR 佩戴（虚实结合试戴分享）、AI 创作（文生图降低零基础门槛）；视觉上从绒花实物提取米白、深红、淡粉，配合海棠纹、窗格等传统纹样，做到「有文化味但不老气」。
Q3 遇到的问题：时间紧、范围大，功能取舍的依据是什么？
解决方法：回到项目三个目标——认知（让年轻人看见）、参与（愿意学、愿意做）、闭环（能买、能分享）。所有功能按「它服务于哪一层目标」排优先级，砍掉与主流程无关的锦上添花项，保证「学 → 做 → 买」核心闭环先完整跑通。
用户需求分析
基于 695 份有效问卷（问卷星）
时尚买手 · 学生 · 搭配师
兴趣插花 · 手工 · 拍照
需求个性化创作与分享
学生 · 手工艺人 · 设计师
兴趣手工 · 国风 · 文创
需求系统学习 + 亲手制作
文化学者 · 非遗工作者
兴趣历史 · 民俗 · 工艺
需求深度了解与收藏
竞品分析
以「用户体验五要素」为框架
东家 优势强商业闭环 · 匠人 IP 鲜明
不足门槛高 · 互动参与弱
手工客 优势教程海量 · 学买闭环
不足文化沉浸感较弱
匠木 优势游戏化交互极佳
不足无真实创作出口
故宫陶瓷馆 优势内容权威 · 数字展陈精美
不足单向传播 · 无创作闭环
PM 思考：我以用户体验五要素（战略层、范围层、结构层、框架层、表现层）为框架拆解竞品， 目标是在每一层都找到「空位」。东家强商业、手工客强内容、匠木强游戏化、 故宫陶瓷馆强权威，但都缺少「低门槛互动创作 + 情感共鸣」的结合点。 绒华录的差异化定位由此确定：降低非遗接触门槛 · 强化互动乐趣与情感共鸣 · 线上线下联动。
产品架构
APP 产品架构 · Web 产品架构
以「首页 / 工坊 / 集市 / 我的」四大模块构建 APP 信息骨架，Web 端延续同一品牌体系做信息层级再组织。 功能坚持「用户主导、路径可逆」：一级模块平级切换，二级页面围绕核心功能纵向延展，任何任务最多 2–3 步可达。
页面交互流程图
INTERACTION FLOW
先用中低保真原型把「首页 / 工坊 / 集市 / 我的」四大核心模块的布局与操作路径跑通， 再确定一级页面之间的平级切换与各模块内部的纵向延展，形成完整的页面交互流程。
PM 思考：交互流程是「功能定义」与「视觉设计」之间的桥梁。我先用低保真把路径跑通、 确认每一步都有明确的下一步，再交给高保真——这样视觉阶段只需要解决「怎么更好看」， 而不需要回头处理「这里走不通」。
Logo 设计
VI 提案 · 品牌标识
Logo 以繁体「絨」字的拆解重组为核心：左部「糸」旁化作绒花簪形态， 右部用海棠纹结合簪尾模拟古典窗格，呈现「红杏出墙」的含蓄动态， 寓意绒花技艺打破展览限制、走进当代生活。配色取自传统绒花经典色系，与 APP 主题色体系一致。
IP 设计
IP「绒凝」 · 形象 · 延展
以唐代《簪花仕女图》中头戴绒花的仕女为原型，创作 1 : 1.5 头身比的 Q 版形象 「绒凝」RONGNING：20 岁女性设定，融合珍珠、云锦「库金」纹、钿花、宝相花等 传统服饰元素，外冷内热、端庄优雅又耐心坚韧，成为品牌情感化沟通的载体。
高保真页面展示
PAGE DISPLAY · 界面尺寸 375 × 812
米白底 + 深红强调 + 淡粉点缀，思源黑体 / 思源宋体，卡片式 + 圆角布局； 从启动、登录到首页、工坊、集市、我的，覆盖「学 → 做 → 买」完整用户动线。
PM 思考：高保真阶段同时校验视觉层级、可读性与操作热区，保证「好看」和「好用」同步成立。
Web 端页面展示
WEB DISPLAY · 1960 × 1080 · 版心 1200px
将「绒华录」延展到 Web 端：以 1960 × 1080 画布、1200px 版心搭建大屏信息层级， 中文采用微软雅黑 / 思源宋体，英文采用 Arial / sans-serif，延续 APP 端品牌语言， 让文化介绍、工艺传承、作品展示在宽屏下有更从容的呼吸感。
代码展示
HTML / CSS / JS
