知乎(移动端性能优化与设计系统)
我以独立顾问身份参与知乎移动端H5页面及部分管理后台的优化工作。首先对主信息流和问答详情页进行了全面的UI交互审视,提出并落地了基于Atomic Design的组件化设计规范,统一了按钮、卡片、表单等40余个基础组件的视觉与交互逻辑。同时,我主导前端性能优化,利用React Profiler定位重渲染瓶颈,引入代码分割、懒加载及Service Worker缓存策略,将首屏加载时间从2.3秒降至1.1秒,页面滚动流畅度提升35%。此外还搭建了Storybook组件库,便于团队跨项目复用。
盐言故事(阅读平台全栈开发)
盐言故事是知乎旗下的精品短阅读平台。我负责从0到1搭建创作者后台与移动端阅读器前端。后端基于Nest.js + PostgreSQL开发,设计了故事发布、章节管理、付费解锁及评论审核等RESTful API,并利用Redis实现热门故事排行榜与用户阅读进度缓存。前端使用Next.js + TailwindCSS,适配iOS/Android及Web端,重点实现了沉浸式阅读模式(自定义字体/背景/翻页动画)。我还独立完成了整个后台管理系统的UI/UX设计,通过Figma产出高保真原型,并采用Ant Design定制主题,大幅提升了内部编辑与创作者的发布效率。上线后三个月,用户日均阅读时长达到28分钟。
知钥AI(AI知识助手全栈与设计)
这是一个面向教育领域的AI对话式学习工具。我担任技术负责人兼UI设计师,主导了网页端与小程序端的开发。前端使用Vue3 + Vite + Pinia,集成WebSocket实现实时流式对话,并设计了多轮对话的卡片式知识图谱;后端基于FastAPI + LangChain,对接大语言模型API,实现了向量数据库(Pinecone)的文档检索与RAG能力。在UI设计上,我通过用户访谈确定了简洁明快的视觉风格,设计了对话气泡、知识卡片、语音输入按钮等微动效,提升了AI交互的亲和力。同时,我使用Docker Compose编排全栈服务,部署于阿里云ECS,并配置了GitHub Actions CI/CD流程。项目上线后日均请求量超5000次,用户留存率达42%。
中鼎art(艺术品电商平台重构)
该平台主要展示和交易高端书画及雕塑作品。我负责前端架构升级与后台管理系统改造。原有项目基于jQuery + Bootstrap,维护困难且移动端适配差。我主导使用React + Redux Toolkit + Ant Design重构前台展示页与商家后台,并基于Figma重新设计了作品详情页的沉浸式大图浏览、虚拟收藏展架以及3D模型预览(Three.js轻量集成)。针对艺术品的高清图片加载,我实现了渐进式JPEG与动态分辨率切换策略,显著提升弱网环境下的用户体验。后端方面,协助团队将Node.js接口从Express迁移至Nest.js,增加了基于Elasticsearch的全文检索(按作者、题材、年代),并设计了JWT + RBAC权限控制。重构后页面平均加载速度提升62%,移动端转化率提高27%。
元梦数藏(数字藏品平台MVP)
这是一家初创公司的数字藏品发行与交易平台。我以全栈+UI设计角色,在6周内快速交付可演示的MVP。前端使用React + Chakra UI,实现藏品盲盒抽卡、合成、二级市场挂单等核心界面;后端采用Go + Gin + GORM,连接MySQL与Redis,并集成以太坊链上合约的查询接口(通过Web3.js监听Transfer事件)。在UI/UX上,我设计了深色科技感主题,重点打磨了藏品3D翻转卡片、盲盒开启动画以及个人藏馆的网格布局。同时,我编写了详细的技术文档与部署手册,协助客户完成云服务器配置及域名备案。该MVP成功获得种子轮投资,上线首周注册用户突破3000人,藏品交易额超过12万元。
以上项目充分展现了我跨越全栈技术栈(React/Vue/Next/Nest/FastAPI/Go)与UI设计工具(Figma/Adobe XD)的综合能力,能够根据业务场景灵活选择最佳技术方案,并始终以用户体验和可交付成果为导向。