关于我
两个行业 · 一个信念：好的设计应该让用户感受不到设计的存在十年里我做过母婴社区，也做过新能源监控。前者教我理解情绪与信任，后者教我敬畏数据与安全。跨界的视角让我在设计时既看得到人心，也看得到效率。
我习惯以研究开场、以指标收尾：每一版方案背后都有访谈、数据与可用性测试的支撑。我同时也是设计系统与前端规范的热衷者，善于把设计语言沉淀成可复用的资产，与研发高效协作。
固德威 GoodWe
高级 UI/UX 设计师SEMS 智慧能源云平台、储能监控与运维工具；主导设计系统 0→1 与数据可视化规范。
宝宝树 Babytree
UI/交互设计师 → 资深设计师「宝宝树孕育」App 核心界面设计，覆盖孕期管理、社区、问诊等亿级用户场景。
江南大学 · 数字媒体艺术
本科从视觉传达起步，逐步转向以用户为中心的体验设计。
用户同理心
孕妈妈的焦虑、电站业主的不安——先共情，再设计。访谈与真实场景始终是我的起点。
数据驱动
埋点、漏斗、可用性测试：让每一次改版有据可依，用结果说话。
系统化思维
设计系统、组件规范、多端一致性——让好体验可以规模化复制。
让 1 亿妈妈的
孕育旅程更安心
BABYTREE PREGNANCY APP · UX REDESIGN
宝宝树孕育是中国领先的母婴社区 App，覆盖备孕、孕期、育儿全周期。核心人群「孕妈妈」信息焦虑重、情绪波动大、操作时间碎片化。本案例从 0 到 1 完成一次以「信任」为目标的全流程体验重设计：重新梳理信息架构、重做孕期首页、重建社区与问诊入口，并用设计系统保障多端一致。
探索与定义
从焦虑出发，定义问题DESIGN RESEARCH
启动前我们对 24 位孕妈妈做了深度访谈，覆盖孕早/中/晚期与产后人群，并配合 1200 份问卷与后台行为数据。研究发现：新手妈妈在孕早期存在强烈的「信息恐慌」，但 App 首页却在推社区热帖；产检记录、用药提醒等高频刚需被折叠在三级入口之后；社区与问诊的信任感不足，导致权威内容与用户提问之间出现断裂。
信息过载
首页同时推送数十个入口与内容流，孕妈妈找不到当下最需要的「本周提醒」。
刚需深藏
产检记录、疫苗提醒、体重管理等高频工具需 3 级以上跳转，流失严重。
信任断裂
用户分不清内容来自医生、官方还是普通用户，权威性表达混乱。
情绪敏感
孕期情绪波动大，失败感、愧疚感易被放大，缺少安抚性设计。
用户与洞察
两类核心用户，两条设计主线PERSONAS & INSIGHTS
林女士 · 29 岁
孕 24 周 · 产品经理 · 一胎- 痛点：产检单看不懂、报告结论无法对照
- 动机：一切围绕「确认宝宝健康」
陈女士 · 32 岁
孕 8 周 · 全职妈妈 · 二胎- 痛点：社区信息真假混杂、缺乏圈层归属
- 动机：寻求陪伴与经验确认
洞察 1 · 「周」是时间锚点
孕妈妈按「孕周」组织一切认知，周提醒应成为首页第一优先级。
洞察 2 · 信任分层可见
用户需要一眼分辨信息来源：医生 / 官方 / 认证达人 / 普通用户。
洞察 3 · 记录即安抚
「记录胎动、体重」的完成感能显著降低孕期焦虑——把记录做成奖励。
信息架构
从「内容堆砌」到「孕周驱动」INFORMATION ARCHITECTURE
重构五大模块：首页改为「孕周管家」式布局，本周重点置顶；新增「我的产检」档案；社区按「同孕周圈」组织；问诊引入医生认证标识；个人中心承载全部记录入口。
首页 · 孕周管家
- 孕周卡片（孕程进度）
- 本周任务清单
- 胎动/体重记录
- 今日孕育知识
- 同孕周妈妈动态
- 医生直播入口
我的产检
- 产检档案（历次记录）
- 报告解读对照
- 下次产检提醒
- 异常项标注
- 医生问答挂接
社区
- 同孕周圈
- 话题广场
- 认证达人专区
- 同城孕妈群
- 专家答疑专区
问诊
- 在线问医生
- 医生认证标识
- 历史问诊记录
- 热门问答精选
- 报告解读入口
我的
- 宝宝档案
- 孕育记录（胎动/体重）
- 产检提醒管理
- 收藏与足迹
- 设置与隐私
设计系统
温暖可信的视觉语言DESIGN SYSTEM · 「暖珊瑚」
围绕「安心、温暖、可信」三个关键词建立设计语言：暖珊瑚色作为品牌主色（不同于传统母婴的甜粉，更沉稳可信），圆润但不失克制的大圆角，配以清晰的层级字体与留白。
色彩 COLOR
主色
底色
医疗/健康
辅助
文字
字体层级 TYPOGRAPHY
高保真与验证
交互演示：把方案做成可点击的高保真原型HIGH-FIDELITY PROTOTYPE
下方是重设计后的核心界面高保真演示。点击左侧切换五个场景，右侧为对应的设计说明——每个界面都围绕「孕周驱动 + 信任分层 + 记录安抚」三条主线展开。
首页 · 孕周管家：把「孕周」作为一切信息的锚点。顶部孕程卡片直接显示本周重点与进度，任务清单可一键勾选，下方是同孕周妈妈的动态流——把「与我相关」放在最前面。
微交互
小细节，大安心MICRO-INTERACTIONS
关键微交互让「记录」成为正向反馈：点按胎动计数按钮有弹性反馈；给内容点赞有爱心弹出动画。点击体验：
胎动计数 · 弹性反馈
按压时的缩放反馈与数字跳动，让记录胎动从「任务」变成「仪式」。连点后计数上滑动效。
点赞 · 爱心弹出
128 个赞点赞即时反馈 + 数字缓动，给分享者「被看见」的确定感。
任务完成 · 勾选动效
今日孕育任务 2/3
勾选瞬间有 120ms 弹性动画，进度条随之推进——把任务完成变成看得见的成就。
结果与反思
用数据验证设计RESULTS
反思：孕期人群的情绪设计是一把双刃剑——「安抚」与「说教」只有一线之隔。后续迭代中我们把文案语气调整为「陪伴式」，并引入 A/B 测试验证每一条文案的温度。这也让我养成了「设计必须可度量」的职业习惯。
让每一度电
都清晰可见
GOODWE SEMS SMART ENERGY PLATFORM · UX REDESIGN
固德威（GoodWe）是全球领先的光伏逆变器与储能系统提供商，SEMS 是其面向电站业主与运维商的智慧能源云平台，管理全球数百万台设备。业主大多是 40 岁以上的非专业用户：他们不关心逆变器型号，只想知道「今天发了多少电、赚了多少钱、设备是否正常」。本案例以「30 秒看懂电站」为目标，对 Web 端总览、告警与储能调度做全流程重设计。
探索与定义
数据不是问题，「看懂」才是DESIGN RESEARCH
我们对 18 位电站业主与 9 位运维工程师进行了访谈与实地走访，并分析了 6 个月后台使用日志。核心发现：业主平均每次登录只停留 47 秒，却要在 3 个页面间跳转才能回答「今天赚了多少钱」；告警列表用专业术语堆砌，业主看到「逆变器 Fault Code 05」时完全不知所措；储能用户在电费计价时段切换上频繁失误。
登录即迷路
核心问题「今日发电/收益」被埋在三级页面，47 秒停留内根本找不到。
术语拒人千里
告警信息直接抛 Fault Code，业主无法理解严重程度与处理方式。
储能调度难
电价峰谷设置藏在参数表里，多数业主从未修改过默认策略。
移动端残废
运维工程师在屋顶现场只能用手机，图表挤成一团无法操作。
用户与洞察
业主与运维，两种「懂」PERSONAS & INSIGHTS
周先生 · 52 岁
户用电站业主 · 江苏- 痛点：看不懂图表与术语、收益数字不直观
- 动机：确认「设备在赚钱、没坏」
李工 · 34 岁
运维工程师 · 负责 200+ 电站- 痛点：告警无分级、批量处理繁琐、移动端难用
- 动机：最快定位问题、少跑一趟
洞察 1 · 「钱」是业主的母语
收益、节省、回本进度——用钱的语言翻译一切技术数据。
洞察 2 · 告警要「翻译」
Fault Code → 一句话人话 + 严重级别 + 一键处理建议。
洞察 3 · 调度要「可视」
峰谷电价时段用时间轴可视化，让储能策略可理解、可调整。
信息架构
从「设备树」到「问题优先」INFORMATION ARCHITECTURE
将业主端重构为「总览 → 电站 → 收益 → 设备 → 告警」五级结构：总览回答「好不好」，电站回答「哪里不好」，告警页按严重度分级并给出处理建议。运维端新增「工作台」，聚合今日待处理工单。
总览
- 今日发电/收益（大数字）
- 电站健康状态
- 天气与预测发电
- 待处理告警入口
- 碳排放贡献
电站
- 电站列表/搜索
- 单站详情（发电曲线）
- 逆变器/组件分布
- 历史发电对比
- 环境数据
收益
- 累计收益/回本进度
- 月度收益报表
- 电价策略入口
- 补贴进度
- 收益明细导出
设备
- 设备列表/状态
- 储能运行曲线
- 峰谷调度设置
- 固件升级
- 设备详情参数
告警
- 严重度分级列表
- 一句话解释
- 处理建议/一键报修
- 历史告警查询
- 通知设置
设计系统
深色能源数据语言DESIGN SYSTEM · 「能量绿」
深色界面降低长时间监控的视觉疲劳，能量绿作为品牌色强调「产生、健康、正向」，配以红/黄语义色分级告警。图表统一采用 8px 圆角、渐变小面积填充与清晰的网格基线。
色彩 COLOR · DARK THEME
主色
高亮
背景
严重
警告
数据可视化规范 DATA VIZ
高保真与验证
交互演示：让电站数据 30 秒可读HIGH-FIDELITY PROTOTYPE
下方是重设计后的核心界面高保真演示。切换四个场景：总览大数字、收益与回本、储能调度、告警处理——每一屏都围绕「钱的语言 + 告警翻译 + 调度可视」展开。
总览 · 大数字先行：把「今日发电/收益/累计收益」三个大数字放在第一屏，配「电站健康」结论条——业主 30 秒内完成「好不好」的判断，无需进入任何子页面。
微交互
让策略调整像拨开关一样简单MICRO-INTERACTIONS
将复杂的储能调度参数封装为三种策略卡片，切换即生效，并实时给出收益预估。点击体验：
储能策略 · 一键切换
峰谷套利：谷电充电、峰电放电，预计每月多省 ¥86。
策略卡片点击即切换，状态实时反馈，收益预估同步刷新——把参数表变成选择题。
告警处理 · 进度可感
报修全流程可视化，业主随时知道「谁在处理、到哪一步」——消除等待焦虑。
回本进度 · 里程碑
回本进度环形/条形可视化，把抽象的投资回收变成看得见的里程碑。
结果与反思
让复杂系统自己「说话」RESULTS
反思：B 端产品的「专业」不是堆砌术语，而是把专业翻译成人话。与运维工程师的深度共创让我认识到：好工具要让「老师傅」用得更快，也要让「新业主」用得懂——两者并不矛盾，只是需要两套表达。
能力与工具
从研究到落地，全流程都能独立交付双钻模型
发散—聚焦—再发散—再聚焦，确保问题定义与方案验证同样扎实。
用户旅程地图
用全旅程视角发现「关键时刻」，而不是盯着单页优化。
设计冲刺
一周内完成「理解—草图—决策—原型—测试」闭环。
A/B 测试驱动
每个关键决策都有数据背书，迭代可回溯。
把复杂变简单，
是我最擅长的事。
目前正在寻找高级 UI/UX 设计师机会
欢迎聊产品、聊设计、聊母婴与新能源