Northbound

挑战

产品功能已经很完整，但界面像功能清单：颜色多、层级平、地图与信息抢注意力。团队需要一套能支撑路线规划、预订与离线场景的统一视觉。

策略

将「向北」的隐喻落到导航隐喻上：地图始终是主角，界面元素退后。主色收敛为近黑与暖灰，陶土橙只用于「当前位置」与「下一步」——用户扫一眼就知道该看哪。

我们建立了 48 个基础组件与 12 个页面模板，覆盖日程、地图、票务与个人中心。动效统一为 180ms 缓出，列表入场错开 30ms，避免滚动时的「整块弹出」。

品牌层同步更新：标志简化为字母 N 的方位折角，应用于启动页、周边与线下活动背板。

结果

上线后核心预订路径完成时间缩短约 18%；设计系统交付给内部团队后，新功能走查返工率明显下降。

交付

品牌视觉规范、Figma 组件库、图标集、动效说明、启动图与商店素材。