C01 / CULTURE, MADE EXPLORABLE.
Web 数字展厅 / 移动 H5UI / INTERACTION
数字空间 / WEB / H5
中医数字展厅与文化地图
把文化资料组织成可以浏览、探索与互动的数字空间。
SELECTED WORK / 18 PROJECTS
两类场景，完整的设计过程。
从用户体验到业务工具，
展开需求、流程、页面与状态之间的关系。
18 个项目
CONSUMER EXPERIENCES
C 端 · 品牌与用户体验
品牌探索、活动互动、文旅与图书馆导航。
C03 / UNDER THE CASTLE.
活动小程序品牌素材 × UI 应用
品牌体验 / 小程序 / 交互
TEAM WANG 限定集市
连接线上预约与线下核销，让品牌氛围贯穿每个操作触点。
C04 / BOWMORE
微信小程序 / 品牌场景UI / INTERACTION
品牌探索 / 小程序 / 会员体验
波摩 · 我的艾雷岛
以艾雷岛为浏览入口，连接酒厂探索、活动与个人会员服务。
C05 / SHANGHAI / NAVIGATION
微信小程序 / AR 与 AOA 导航UI / INTERACTION
公共文化 / AR / 多模式导航
上海图书馆东馆导航
围绕地点、楼层和不同定位区域，组织导航方式与切换反馈。
C06 / PUDONG / NAVIGATION
微信小程序 / 室内导航UI / INTERACTION
公共文化 / 搜索 / 路线规划
浦东图书馆室内导航
从查找地点到跨楼层抵达，覆盖室内导航的主要路径与异常提示。
C07 / SHUI / JING / FANG
微信小程序UI / INTERACTION
品牌内容 / 产品浏览 / 活动
水井坊品牌小程序
组织品牌、产品与主题活动，让内容探索和参与路径保持清晰。
C08 / GUOJIAO
移动 H5UI / INTERACTION
品牌活动 / H5 / 预约体验
国窖 1573 · 冰 JOYS
将音乐活动介绍、预约凭证和现场内容组织为可连续访问的 H5。
C09 / JD / DADA
移动 H5 / 活动互动UI / INTERACTION
活动邀请 / H5 / 签到
京东达达活动 H5
围绕进入活动、了解议程和现场签到，组织连续的移动端页面。
C10 / SIMMONS
移动 H5 / 活动体验UI / INTERACTION
活动互动 / AI 拍照 / H5
席梦思 AI 拍照 H5
将拍摄、生成等待、结果查看和保存组织成一条可理解的体验。
BUSINESS & PROFESSIONAL TOOLS
B 端 · 业务与专业工具
内容编辑、生产作业、企业官网与行业可视化。
B01 / VIEW. CREATE. PUBLISH.
读者前台 / 馆员编辑后台UI / INTERACTION
公共文化 / 前后台 / 编辑器
上海图书馆数字云展
观展与办展，两端界面，一套内容关系。
B02 / TOOLS THAT CONNECT WORK.
管理后台 / 标注作业端UI / INTERACTION
生产工具 / 后台 / 质检
MK 测绘静标平台
让任务流转，与标注、质检和属性编辑相互衔接。
B03 / HAITONG
企业官网 / 电脑与手机UI / INTERACTION
企业官网 / 信息架构 / 响应式
海通恒信品牌官网
在企业信息完整性与品牌表达之间，组织清晰的栏目、页面与维护方式。
B04 / INFORMATION MEETS SPACE.
工业可视化平台UI / INTERACTION
工业可视化 / WEB / 信息架构
上美数字孪生
把计划、设备与生产状态，组织进可视化场景界面。
B05 / FROM BODY TO EVIDENCE.概念与原型
四联屏概念与交互原型UI / INTERACTION
信息架构 / AI / 交互原型
医学数字人 AI
让体检信息，成为可以逐层理解的视觉路径。
B06 / PHARMA
Web 专业模拟工具UI / INTERACTION
专业工具 / 参数配置 / 数据看板
药代药效模拟平台
围绕病人、病症、方案与场景，衔接配置和模拟过程的可视反馈。
B07 / SCHNEIDER
三维行业方案展示 / 设备信息UI / INTERACTION
行业方案 / 三维场景 / 设备信息
施耐德三维可视化
从行业场景进入设备与系统信息，让空间导航和专业内容保持对应。
B08 / FANGCANG
管理大屏 / 数据可视化UI / INTERACTION
数据大屏 / 空间信息 / 状态
方舱管理数据可视化
将舱区、楼层、收治出院与来源分布放在可对应的信息视图中。
01
DESIGN
界面与交互
围绕任务梳理信息层级、业务流程、多角色状态与多端适配。
02
BUILD
AI 与前端实现
用 AI 辅助视觉制作，通过 Codex 将设计衔接为可运行的前端体验。
03
DELIVER
核对与交付
协同客户与研发，核对页面、跟进测试问题，并整理交接资料。