源岭茶业 · 全站改版
原来的站是十几页图文堆叠，访客平均只看到第二屏。我们重排了叙事顺序： 先讲产地、再讲工艺、最后落到产品，把冲泡方法做成可交互的步骤条。
首屏 1.1s
停留时长 +52%
信息架构
作品
做过的站，以及它们解决了什么
下面是近两年公开的一部分项目。部分客户要求不公开细节，只保留了类型与结果； 需要看更接近你情况的案例，可以直接问我们。
品牌官网
把要讲的事，排成访客愿意读的顺序
官网的问题通常不是缺内容，而是顺序不对。我们先把信息层级理清楚，再做视觉。
澄野设计事务所 · 作品集站
事务所的作品图尺寸、比例、色彩全不统一。我们定了一套展示规范和裁切策略， 让风格差异很大的项目放在一起仍然整齐。
图片规范
自适应栅格
CMS
产品界面
把散在六七个页面里的操作，收进一个工作台
这类项目的核心不是好看，是让人少跳转、少记东西、少点几下。
北辰数据 · 控制台重构
图表和筛选散在六个页面里，运营每次出周报要来回跳。我们按"一次任务一个工作台" 重做布局，把常用筛选固化，图表支持同屏对比。
点击 ↓41%
设计系统
图表
衡石 · 排班与工时看板
门店经理原来用表格排班，冲突只能靠肉眼发现。我们把约束条件写成规则， 冲突即时标红，并支持拖拽调班、一键导出工时。
拖拽交互
规则校验
前端
动效实验
自己造轮子，然后把轮子公开
项目里反复用到的动效与可视化，我们抽成组件开源。源码与技术说明在实验室栏目。
Scroll Motion 实验集
十二组滚动驱动的动效组件：视差、粘连、渐进揭示、路径描边。全部用 Canvas 与 CSS 实现，附性能预算与降级方案，源码开源。
开源
60fps
Canvas
状态流转可视化组件
把订单、工单这类"多状态流转"画成可读的图：节点按状态着色，流转过程带动画， 点击任意节点看该状态的历史记录。
SVG
状态机
开源
电商
把"选错"和"放弃付款"这两件事解决掉
电商前端真正影响结果的地方，往往在选择和结账这两步。
合川手作 · 独立商城
手作商品 SKU 少但每件都不一样，标准商城模板反而添乱。我们做了以"单件商品叙事" 为核心的店铺，购物车保持轻量，结账流程压到两步。
结账两步
弃单 ↓23%
前端
鹿过 · 礼品定制下单页
定制礼品要选材质、刻字、包装，选项组合一多就容易选错。我们把选择过程做成 实时预览，右侧同步看到成品效果与价格变动。
实时预览
选错率 ↓36%
前端
想看看和你情况接近的案例？
说一下你的行业和眼下卡在哪儿，我们挑几个最相关的细讲。