张 斌
前端开发工程师 ✦ UI产品设计师
跨界型数字化技术专家。擅长将视觉美学与工程技术深度结合。从动画专业背景起步，历经10年前端架构历练，现专注于前端工作流，具备从需求调研、原型设计到全栈开发的全链路交付能力。
第一重：复合型能力图谱
作为一名“懂设计的前端，懂代码的设计”，张斌的职业技能分布展现了高度的跨界融合特征。本节通过数据可视化展示其在不同维度的经验积累与能力占比。
🎯 核心价值构成分析
展现前端工程、设计美学与AI工具应用的整合能力
📊 专业领域深耕时长
对比各技术与管理领域的沉淀年份 (2011-2025)
第二重：全链路技术雷达
从底层代码逻辑到高阶AI辅助工具的全面覆盖。通过雷达图可以直观分析其在主流技术栈、产品设计以及前沿探索方向的掌握深度。
⚒ 工程能力矩阵 (Engineering)
- ● 熟练掌握 HTML5 / CSS3 (SCSS, Tailwind)
- ● 精通 JavaScript (ES6+), 响应式架构
- ● 跨端开发：微信小程序、Web端、CS端工具
🎨 设计能力矩阵 (Design)
- ● 工具流：Axure RP, Photoshop, Figma/即时设计
- ● 动效与呈现：剪影，finalcut
- ● 优势：实现“设计到代码”的100%还原度
🧠 AI 驱动应用 (AI Integration)
- ● AI辅助编程：Cursor, GitHub Copilot, Claude
- ● 快速原型构建：熟练运用各种AI工具
- ● 目标进阶学习：Agent
第三重：职涯进化演进史
13年间的角色跃升与平台转化，展示了其从纯视觉设计到前端架构，再到技术团队负责人的成长轨迹与责任扩表。
昆明创林科技有限公司
2025.03 - 至今前端开发 & UI/UX 设计
核心主导教育系统全生命周期的产品交互设计与前端工程落地。建立全局UI视觉体系，并通过AI辅助工具大幅优化工作流，实现需求到上线周期缩短30%的效能突破。
粤港澳大湾区精准科学研究院
2024.06 - 2024.09前端开发 (AI 医疗专项)
深入前沿医疗AI赛道，专项突破医疗数据的复杂交互与可视化难点。参与核心项目“房颤动风险AI评分系统”，成功完成医疗指标结构化展示与AI推理结果界面的联调落地。
云南蓝典科技股份有限公司
2016.10 - 2023.12 (7年)部门负责人 / 项目负责人
职涯中坚时期，实现了技术广度与管理深度的双重跨越。统筹前端部门建设、技术架构选型，把控多个省级高并发系统全流程。
早期经验积淀阶段
2012 - 2016历任昆明旭林数码(设计)、酷虎科技(前端开发)、昆明国旅(前端开发)。完成从纯视觉包装(舞美/室内/平面)向网页端全栈重构的职业蜕变。
第四重：项目展示
精选近期及代表性项目，展示其在处理“大规模数据”、“复杂科研逻辑”与“前沿AI医疗”三大硬核场景下的专业表现。
生物资源数字化开发应用
构建庞大生态体系，涵盖Web公众门户、微信小程序及CS端仓鼠数据管理系统。主导制定了全平台的跨端视觉规范，深度优化了海量生物资源数据的可视化渲染与流转逻辑。
云南天然药物信息平台
云南白药集团旗下核心医药科研项目。涵盖近5万条天然药物数据及海量专业图谱检索。深度优化庞大复杂的多维专业科研数据分类展示与检索呈现性能，打造专业级医药信息数据平台。
激酶共价抑制剂设计工具
突破传统科研软件的交互瓶颈 (CKI-Builder项目)。将极其复杂的化学大分子结构推演与筛选逻辑，成功转化为具有高可用性、响应式的Web端交互操作界面，提升科研人员操作能效。
心房颤动风险AI评分系统
为延安医院心内科打造的临床辅助决策系统。将复杂的后台AI评分推理模型成功接入前端业务流，定制化设计了直观醒目的风险预警数据看板，保障病患高频变动数据的实时精准渲染。
大环化合物综合数据库
一个综合性的大环化合物数据库。整合了大环化合物及其靶点、分子结构、连接体（Linkers）和各项结构特征，为大环化合物领域的前沿研发提供强大的数据归集、检索与可视化支撑系统。(Released: 2025-03)
微信原生交互小程序 (Demo)
一款深度贴合移动端用户体验的微信小程序应用演示。实现了UI视觉原稿的像素级高保真还原，严格遵守微信原生组件化开发规范，交互流畅，支持在浏览器端预览移动端组件生态与特性展示。
第五重：近期工作集锦
工作产出的高保真视觉切片，直观呈现设计审美、布局重构与工程落地的细节品质。点击图片可放大查看原图。
