作品集
folio02line
张阳阳 1994.12.31 31 河南省周口市 羽毛球。爬山。动漫 生日 年龄 家乡 爱好 上海昆亚医疗器械股份有限公司 （软件部） （UI设计师） （3年） （2年） 2019-2025 （研发部） （UI设计师） 用友汽车信息科技有限公司
负责App的全周期设计 小程序的运营迭代设计 B端医疗管理系统设计 负责公众号运营设计 PPT优化与排版 医院大屏可视化设计
B端宝马DMS管理系统 林肯DMS-APP 设计 福特DMS-APP 设计 线上平面运营 宣传画册设计
组件控 建模渲染 动效设计 视频剪辑
01 02 03 04 0506
01 02 03 04 05
个人介绍 工作经历 个人优势 （Merlin）
17521791994 17521791994@163.com @2025
folio02mail
folio02phone
关于我 About me
folio02me
folio03denglu
iMES-3.0
医宠助
小程序
2023-2024 独立设计
贝贝猫
B端HIS系统
2024-2025 独立设计
其他
3D建模、H5、Ai生成
2021-2025 独立设计
folio04bg
iMES 3.0，专为医院提供设备保修、维修、管理等等的一体化服务，降低售后成本，助力医院服务数字化管理。 移动端设计
folio05people
01. 截止至2023年11月底，我国医院数量为3.6万个，医疗器械第三方维修机构作为除生产厂家、医院设备科外的新的维修渠道，于2016年得到合法地位。
02. 据统计，2024年中国医疗器械售后维修市场的容量约为五百亿元，而第三方医疗器械维修公司仅占15%的市场份额，且该领域在国内还未出现寡头竞争的格局，从某种意义来说，这是货真价实的蓝海市场。
行业背景
https://merlin7.site/
Works Display @Merlin
行业分析
Industry analysis
・提取竞品相关功能关键词，将功能进行归纳 ・分析其在维修师与医工人员使用过程中的服务触点时机 ・分析其优势和劣势
https://merlin7.site/
Works Display @Merlin
Competitors analysis
支持功能
特色功能
不支持功能
阶段 功能
云售后
医修帮
芯医工
上报方式 医院方器械损坏上报
扫码上报
微信公众号上报
微信群整合上报
工单派工
定位签到
拍照反馈
维修过程 维修师修器械过程经历
到期提醒
备件管理
统计分析
知识库
维修后 维修后行为
竞争取舍线根据以上三个APP中用户对每个竞品关键功能满意度的分析，其中关键功能主要有：报修、定位签到、知识库以及验收功能。从这个指导性工具中可以看出用户对报修和知识库的关注度更高，在接下来的新产品中需要着重考虑优化。
报修 定位签到 知识库 验收
9
5
0
云售后
医修工
芯医工
竞争取舍线
竞品分析
folio07old
修是修好了，如果能有修过的工程师告诉我修这个设备的经验就好了
你别说这，我今天找了半天都没找到盘点功能在哪儿
这维修软件黑黢黢白天看不清
这些要能改好，那就方便了！
杨工，上次你那个CT机后来找到办法修好了没？
  • APP界面颜色过深，在白天工作中长时间看深色界面眼睛不适
  • APP界面功能设计紊乱，路径过深，很多常用功能不易查找
  • 维修端和医工端界面一样，医工端需要另外下载专属APP，简单问题复杂化
  • 缺乏知识库等技能帮助手段，维修效率有待提升
旧版问题痛点
https://merlin7.site/
Works Display @Merlin
Old products analysis
旧版产品分析
PROTO
......
以体现交互关系为目的，梳理的交互跳转；自己更清晰的同时，给开发、测试也能提供参考，提高项目内的协同效率。
选择紧急程度
一般
急
紧急 选择故障现象
部分功能失效 故障描述
填写故障相关信息 图片信息
报修人
江奕云 血管造影X射线机
品牌、型号：西门子- SKD2018S32 出厂SN：SG002312131 科室、房间：心内科-903
确定 一键报修
9:41
请输入手机号
phone
手机号 输入您的密码 密码 切换本地用户登录 忘记密码
登录系统 使用iMES账号登录系统 登录
folio08line
Resume by Jiaxuan https://merlin.figweb.site/
Works Display @Merlin
Design prototype
设计原型
folio09dolphin
folio10display
# 292E37 # 3777F6 # 52B4C1 # 668FF6 # 00C2FF # E6F9F0 # 9AA0A9 # B4D2FF
导航栏
标题样式一
标题样式二
筛选
全部
全部科室
紧急程度
报修时间
搜索
设备名称/院内编号/出厂SN
快速搜索
搜索设备名称
状态标识
正常
维修中
退还
待报废
常规
设备状态
正常
待报废
维修中
紧急状态
一般
急
紧急
一般
急
紧急
设备状态2
维修中
外部维修
单选按钮
单选
切换
折叠栏
展开基础信息
收起基础信息
INITIAL FILLED Disable
标题
血压测量仪
名称
血压测量仪
名称
江奕云
故障描述
请填写相关信息
故障描述
打开点火开关，EPC灯不亮，其余仪表灯正常（0.25）；推到起动档
故障描述
打开点火开关，EPC灯不亮，其余仪表灯正常（0.25）；推到起动档
分段控制
盘点计划
我的盘点
盘平
盘盈 盘亏
待申领
维修中 外部维修 待验收
页面操作
取消
确定
查看明细
已选 3 种备件
已选项目 15
全选
确定
已选 3 种备件
提交
查看明细
https://merlin7.site/
Works Display @Merlin
规范定义
Standard Definition
folio12phone4
引导内容增加： 增加登陆引导页，激发用户对APP的兴趣，引导用户了解核心功能，建立心理预期和产品形象，进而增强产品温度。为后续的使用过程做铺垫。
https://merlin7.site/
Works Display @Merlin
folio12loading
主要界面展示
Interface display
登陆页面
多版本登录页： APP分为常规云端产品和本地化部署版本，以满足不同医院的需求，首页入口处切换，以进入不同版本使用
folio13phone3
主菜单页面
常用功能整合： 首页整合显示医院资产以及相关设备信息，保留院方用户对数据的全方位了解，医护的报修及工程师的维修方便快捷进入；设备台账是沿用了web端的清单理念；
folio14robot
引入AI助手功能
folio14phone3
folio15emoji
搜索系统功能/选择医院/扫描设备二维码/查看系统说明......
🔧设备维修场景
部分业务
folio16phone3l
不同于常见To-C的app，院方维修服务这种垂直行业需要的是移动办公，会有大量数据展示的需求。从维修工单到设备点检、巡检、勘查、保养，都需要全面记录以提供更好的服务 数据信息流：
维修 设备报表 设备点检
设备档案
移动版信息库： 整合设备详细信息，脱离web端也能高效访问、编辑设备档案。设计时以清晰展示设备数据为目标，主动按类划分信息，重点内容以异形卡片突出
folio17phone4
folio18phone8end
To be continued 未完待续
folio18phone8
180+ Pages
更多页面总览
iMES-3.0
App
2022-2025 独立设计
folio19phone3
贝贝猫
B端HIS系统
2024-2025 独立设计
其他
3D建模、H5、Ai生成
2021-2025 独立设计
医宠助小程序
folio20hand
小程序 升级迭代
Year 2024
项目类型 UI Design
系统页面
设计组件
工作日
之间的平台，用户在平台可以记录宠物信息、建立任务、查看医院病例等 是建立在宠物医院与宠物主 「医宠助」
什么是医宠助？
项目的设计情况如何
关于项目
任务
数据调研
设计系统
字体
色彩
一些组件
UI 设计
UX
UI
测试
原型
22%
17%
16%
设计
过程
45%
关于项目
任务
数据调研
设计系统
字体
色彩
一些组件
UI 设计
主要集中在25–40岁，偏向年轻群体，以上班族、自由职业者、新婚家庭为主。这类用户通常居住在城市，生活节奏快，但情感需求强烈，对服务的专业性与便捷性有较高要求。 其中女性用户占比更高，约为65%，对宠物健康、美容、营养等方面更关注，互动频率更高。常用功能包括疫苗提醒、在线咨询、病例记录、挂号预约等，使用时间段集中在晚上8点后。 由此推导出产品设计的关键词：温暖、专业、科学、人性化、互动性。
关于项目
任务
数据调研
设计系统
字体
色彩
一些组件
UI 设计
folio23ABC
Content font Pingfang SC/Din
PF&DIN
关于项目
任务
数据调研
设计系统
字体
色彩
一些组件
UI 设计
一些组件
folio24some
渐变背景
G
医院主菜单即是用户的入口，也是后续链接宠物主与系统的桥梁。作为首页可以方便用户了解核心价值点。 模块/医院 主菜单页面
关于项目
任务
数据调研
设计系统
字体
色彩
一些组件
UI 设计
image 184
Program C
医院主菜单即是用户的入口，也是后续链接宠物主与系统的桥梁。作为首页可以方便用户了解核心价值点。 模块/医院 主菜单页面
关于项目
任务
数据调研
设计系统
字体
色彩
一些组件
UI 设计
folio26phone1
Program C
养宠作为用户侧核心页面之一，记录信息承载核心功能点。用户在和医院建立链接后，可以提高产品在用户心中的价值感。引入Ai助手方便持续跟进了解、记录宠物信息，成为贴心专家。形成宠物画像的同时，了解用户关注点
信息架构上，将 宠物头像、基础档案、待办提醒 同位布局，减少操作路径，爱宠信息与待办设定一触即达。 模块/养宠 主菜单页面
folio27phone2
给到用户电子化宠物病例，能清晰展示同步到的检查结果，帮助用户留存爱宠档案 无论是发布爱宠的日记，还是记录待办，属于宠物专属的功能，期望在宠主在日常养宠时，多一分快乐和方便，数据在连锁门店可开启信息共享 页面/病例 日记/待办 功能页 功能页
folio28phone8
待付款
等待买家付款
剩余时间： 29:59
待发货
等待卖家发货
您的快递正在飞奔向您，请耐心等待
待收获
等待收货
已完成
交易完成
多订单类型
folio30phonesome
部分页面
展示 Partial Page Display
Program C
目录合集
iMES-3.0
App
2022-2025 独立设计
医宠助
小程序
2023-2024 独立设计
贝贝猫管理系统
folio31web1
其他
3D建模、H5、Ai生成
2021-2025 独立设计
folio32web3
folio32weblogo2
Bibicat Project © ️Merlin
是宠物诊所智能化运营平台。
集成宠主接待、商品管理、库存协同与权限控制，通过分析诊疗数据与历史记录，为兽医提供智能建议与风险预警。系统联动库存与免疫周期数据，提升诊疗效率与服务质量，构建数据驱动的智能闭环。 「贝贝猫宠物医疗管理系统」
WHAT IS THE BIBICAT？ 什么是Bibicat?
目标人群 *
宠物医院医生 宠物医院医生助理 宠物医院前台
核心诉求 *
  • 提升诊所运营效率
  • 赋能智能诊疗决策
  • 打通小程序C端数据
改版目标 *
全新界面设计升级，优化界面的操作流程，提供更好的视觉操作 接入更智能的AI agent，更优的ai诊疗辅助的交互体验
01 02
folio34web1
3.0 首页看板 首页作为平台的信息中枢，承载诊所运营与用户任务的核心内容。通过三次迭代优化，页面风格在清新活泼与B端专业之间取得平衡，提升了整体的可用性与视觉体验。
3.0 · 系统首页/看板
设计目标
04
03
02
01
可复用的组件化思维 合理有好的交互体验，调用组件库，提升设计和开发效率
一站式运营管理平台 提供宠医服务全生命周期管理，多端数据整合
清晰、高效的内容排版 内容排版美观，凸显重要内容
统一的视觉风格，一致的布局逻辑 制定完善的设计规范，确保落地执行
设计目标 Design Objectives
项目立项
方案设计
开发实现
测试验证
项目立项 业务流程 产品功能 交互原型 视觉设计 跟进开发 测试走查 上线复盘
UI设计 充分理解需求并解决问题，制作组件化规范
功能测试 测试环境走查，发现问题
项目立项 介入需求方案与需求制作，提出想法
问题梳理 需求文档梳理
UX设计 流程框架
前端开发 配合前端开发，沟通规范、组件库建立于视觉还原
上线复盘 整理设计文件
项目时间表 Project Schedule
视觉风格陈旧
导航颜色丑，层级好乱
弹窗类型太多，而且很多时候弹窗叠弹窗太多级
视觉风格不统一，体验差
有些表格里的内容太多，又不重要，很占空间
筛选的功能有待加强
操作起来很花时间，乱
链路不够闭合，很多相关的数据分开的太很
导航没有搜索功能，有时候很难快速找到自己想要的内容
导航没有搜索功能，有时候很难快速找到自己想要的内容
有些表格里的内容太多，又不重要，很占空间
全面走查 线上走查，归纳旧版问题
用户反馈 焦点访谈，问题表收集
痛点地图 归纳整理，新系统提供依据
用户调研 User Research
苹方 12px regular 提示文字 苹方 14px regular 正文内容 苹方 14px bold 表格标题 苹方 16px bold 弹窗标题 苹方 20px regular 一级标题
文字
图标
颜色规范
primary
#E8F3FF #BEDAFF #94BFFF #6AA1FF #4080FF #165DFF #0E42D2 #072CA6 #031A79 #000D4D
text
#F9F9F9
#E6E8EA
#C5CACD
#A6ABB1
#878D93
#6A7074
#545B62
#40464D
#2D3239
#1A2024
BG
#FFFFFF
#F9F9F9
#000000 (50%)
#E8F3FF
(50%)
#FFF7E6
(50%)
#E8F7FF
(50%)
#E3F7F2
(50%)
#FAF1FF
(50%)
#E8FFEA
(50%)
提醒色
#FF1C33
#FF7300
#00B42A
Design System
部分组件
folio37websome
folio37web1
选择登录门店 客服电话：400-9099-477
门店2
确认登录
返回
folio37web2
icon以动效展示，并且，这个回访
按照时间排序
消息通知 一键已读
化验结果 截止至2月21日，伊马替尼胶库存仅剩3包...
09/28 11:23
库存预警 截止至2月21日，伊马替尼胶库存仅剩3包...
09/28 11:23
库存预警 截止至2月21日，伊马替尼胶库存仅剩3包...
09/28 11:23
预约申请 截止至2月21日，伊马替尼胶库存仅剩3包...
09/28 11:23
影像结果 截止至2月21日，伊马替尼胶库存仅剩3包...
09/28 11:23
店内预约 截止至2月21日，伊马替尼胶库存仅剩3包...
09/28 11:23
挂号通知 截止至2月21日，伊马替尼胶库存仅剩3包...
09/28 11:23
系统消息 截止至2月21日，伊马替尼胶库存仅剩3包...
09/28 11:23
点击登录后，弹窗变成选择登录门店，下拉选项根据用户拥有的门店数量来展示
Product Display
Alisa
前台接待
用户列表
皮肤管理
订单列表
今天
2024年8月28日 今天
预约挂号
日
周
GMT +8
张医生
李医生
陈医生
刘医生
江医生
陈医生
杨医生
古医生
09:00 10:00 11:00 12:00 13:00 14:00 15:00 16:00 17:00 18:00 19:00
石榴 预约，已到店 11:00-12:00
石榴 挂号，已接诊 9:00-10:00
石榴 预约，已到店 13:00-14:00
石榴 挂号，待接诊 15:00-16:30
石榴 挂号，已接诊 9:00-10:00
石榴 挂号，待接诊 10:00-10:30
石榴 预约，待接诊 10:00-10:30
外出就诊 10:00-10:30
石榴 挂号，待接诊 15:00-16:00
石榴 预约，待到店 10:00-10:30
外出就诊 9:00-9:30
石榴 挂号，待接诊 10:00-10:30
石榴 挂号，已接诊 10:00-10:30
石榴 挂号，已接诊 10:00-10:30
石榴 预约，待到店 10:00-10:30
石榴 挂号，待接诊 10:00-10:30
14:20
2024
7月
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
客户姓名/联系电话/宠物昵称/病历号
工作类型
全选
预约 (3条待确认)
预约列表
挂号
挂号列表
院内事项
员工列表
全选
张医生(本人)
前台小李
江医生
贝贝猫 宠物医疗管理系统
前端页面
首页
前台
客户接待
工作日历
订单
结算单
处方管理
诊疗
检测
会员管理
营销中心
后端页面
商品服务
库存管理
报表中心
权限管理
系统管理
模块
接待列表
客户信息
宠物信息
周-日视图 可切换
主界面 可预约、挂号，并且可看医生的状态
清晰明了的模块划分，让用户快速找到自己的客户信息与切换客户信息
姓名：
Alisa
来源： 大众点评
电话： 15888888888
等级：
性别： 男
登记日期： 2020.12.12
备注： 该用户为医院高端用户，需每月定期电话访问
客户信息
100-200
储值
连锁会员账户
押金
次卡
张
次卡
消费趋势
订单记录
宠物信息
小石榴
果果
小石榴
猫 / 公(已去势) / 短耳 / 橙色 / 4岁3个月
已驱虫
未免疫
无保险
100-200
病历：
B208745
体重：
5KG
驱免：
驱免记录(3)
保险：
保险记录
预约：
预约记录
备注： 需要提示用户来做驱虫
零售
次卡销售
挂号
预约
预防开单
回访
预约：5.1 14:30｜张医生｜宠物美容
修改
挂号
客户信息主要展示用户最想要了解客户的信息
添加预约
添加挂号
院内事项
取消
确认
张星星
石榴
2024.09.20
10:30
10:30
杀虫
杨医生
石榴最近身体比较痒，考虑可能有虫 0/200
预约详情
待到店
口腔诊疗 李医生
2024.08.20 10:00-10:30
张星星 158 9999 9999
石榴｜BS10061｜3年2个月｜暹罗（猫）｜公（未去势）
张果
石榴最近身体比较痒，考虑可能有虫
取消
修改
挂号
挂号详情
待接诊
口腔诊疗 李医生
2024.08.20 10:00-10:30
张星星 158 9999 9999
石榴｜BS10061｜3年2个月｜暹罗（猫）｜公（未去势）
张果
石榴最近身体比较痒，考虑可能有虫
取消
修改
事项详情
李医生 休假
2024.08.20 10:00-10:30
--
取消
修改
folio38web1
folio39web2
BibiCat
有新的“辅助诊断”更新
您当前正在病历诊疗中。
 
该美国短毛猫公猫，之前有过尿闭导尿史且后续未规范处理仅在家喂药。此次又出现尿频继而尿不出的情况，很可能是泌尿系统问题复发。公猫尿道细长，易因结石、结晶、炎症等堵塞尿道，引发尿闭。结合之前病史，考虑可能是上次治疗不彻底，导致泌尿系统炎症持续存在或结石、结晶再次形成堵塞尿道，进而出现目前症状。从各项体征分数来看，可视粘膜颜色、口腔情况、心音听诊、淋巴结触诊等虽有得分但未明确具体异常指向，综合判断仍以泌尿系统疾病可能性最大。
可能的疾病：
慢性肾衰
猫毛球症
代谢紊乱
代谢紊乱
猫毛球症
代谢紊乱
心肌炎
猫毛球症
代谢紊乱
猫泛白细胞减少症
以上服务由bibiCat AI提供，仅供参考
您还可以向我提问宠物诊疗相关问题
发送
您当前正在病历诊疗中。
当前病历已完成了 2 个实验室检测，
慢性肾病
心肌炎
纠正脱水 肾功能受损，尿液浓缩能力下降，很容易出现多尿，此时饮水不足，很容易造成脱水，所以必须保证每天饮水量足够，要随时能够喝到新鲜饮水，监测饮水量和尿量。如果饮水量不足超过2-3天，及时与医院联系。如病因是体液丢失，根据需要立即使用等渗多离子替代液（如乳酸林格液）IV或SQ以纠正脱水。必要时给予适当的维持量液体，为了保持水合状态，维持液需低钠含量（30-40mmol/l），且最好添加钾（约13mmol/l），以确保满足每日所需的液体和电解质需求。
乳酸钠林格注射液
在售
0.9%氯化钠注射液
在售
碳酸氢钠注射液
下架
氯化钾注射液
未激活
手术方案
控制感染
回访
folio39web1
系统亮点功能，涵盖辅助诊断、检查判读、智慧处方、工程方案、回访计划、预约复诊、自定义对话等
Product Display
表情内容 1
空状态·设计 将IP形象融入空白页面，通过情感化设计引导用户理解页面状态、缓解焦虑，并在边界场景中营造良好体验。以品牌IP设计缺省页，可显著提升沉浸式体验。
folio40web4
在视觉上，以大圆角元素塑造柔和友好的界面氛围，以主色为核心，延展梯度色辅助，并辅以高饱和度点缀色，为系统注入清新且富有活力的观感。
folio40websome
将IP形象融入空白页面，通过情感化设计引导用户理解页面状态、缓解焦虑，并在边界场景中营造良好体验。以品牌IP设计缺省页，可显著提升沉浸式体验。
img-4 1
视觉·构建 在视觉上，以大圆角元素塑造柔和友好的界面氛围，以主色为核心，延展梯度色辅助，并辅以高饱和度点缀色，为系统注入清新且富有活力的观感。
项目覆盖了从需求调研、信息架构、交互设计到可用性验证的完整设计闭环，在确保业务高效与流程合规的前提下，显著提升了诊所运营效率与诊疗决策的智能化水平。很荣幸能够参与并完成这样一个兼具业务影响力与设计深度的项目。 受篇幅限制有大量页面与细节未能在此呈现。实际交付过程中，从初期内部需求对接到后期客户需求拓展，共产出了数百个设计页面，既切实落地了产品价值，也充分发挥了设计在业务中的驱动作用。
folio42webemoji
为提升设计与开发协作效率，由此项目开始推动公司转为figma平台
从最初1.0内的多个小版本，
至后续迭代2.2.1，已经有三百多张页面上线 300+
More Something
iMES-3.0
App
2022-2025 独立设计
医宠助
小程序
2023-2024 独立设计
贝贝猫
B端HIS系统
2024-2025 独立设计
其他设计
其他设计
3D相关 公众号运营 AI生成 ...
Catalog Collection
目录合集
3D-icon
3D-icon
3D-icon
3D-icon
folio443d
4.1
2024
Some three-dimensional icons that are usually practiced and created are made using Blender and are mainly used as design auxiliary materials for mobile terminals and web pages. 一些平时创作的三维图标，使用Blender制作，主要用于移动端与网页端的设计辅助素材
folio45wechat4
4.2 2024
During the iteration of the system version, responsible for the visual design of WeChat public account articles, including the cover image and long image layout. 在系统版本迭代过程中，负责微信公众号推文的视觉设计，包括封面首图与长图排版。
！
folio46cat1
{ {
folio46cat2
贝贝宠物医生IP，是为贝贝猫宠物医疗管理系统创作的品牌化视觉形象，定位为拟人化的兽医小猫。它既体现了医疗的专业性，又具备亲和与温暖的特质。 该形象旨在通过情感化的视觉传达，增强品牌识别度与用户的情感连接，让系统不再冰冷。 推导出IP的关键词：温暖、专业、信赖。
Product Display
folio47cat3
STANFDEE
Product Display
folio48cat4
Ai Generate