订阅增长
覆盖三个月的现代化周期。
Sport Goal
让一款实时体育产品在 Web、iOS 和 Android 上完成现代化。
Frontend 现代化与跨平台工程成果50%+ ~10K 10+
月活跃用户
横跨 Web 和移动端的生产环境产品。
平均互动时长（分钟）
按每位活跃用户计算，来自产品分析。
已报告的观察周期 · 2026年1月 — 2026年3月
现代化期间报告的产品结果；我的贡献集中在 Frontend 与跨平台工程。
我是如何做到的
改进一个已经在线运行的产品。
Sport Goal 已经是一款拥有真实用户和高密度信息模型的成熟产品。我的工作是让 Frontend 现代化、让数据体验更清晰，同时把产品扩展到多个平台。
界面更清晰，底层更协调。
我重建了 UX 和 UI，重新设计统计与客户端计算，并通过 Ionic 和 Capacitor 将共享应用适配到 iOS 和 Android。移动端需要属于自己的交互细节，而不是简单套上一层桌面页面。
Frontend UX/UI 现代化、统计与客户端计算、客户端数据编排、Ionic/Capacitor 移动端适配、SEO，以及客户端商店购买握手流程。
01 / 03产品体验 / 示意展示
SG / 聚焦比赛的视图
聚焦比赛的视图
更清晰的信息层级，让密集的体育统计更容易浏览和比较。
02 / 03产品体验 / 示意展示
SG / 一场比赛背后的细节
一场比赛背后的细节
比赛详情把摘要与更深入的统计上下文整合到一个聚焦的阅读体验中。
03 / 03产品体验 / 示意展示
为小屏而生
移动端专属导航与交互，让同一产品自然适配 iOS 和 Android。
产品体验 / 示意展示
聚焦比赛的视图
更清晰的信息层级，让密集的体育统计更容易浏览和比较。
多个来源，一个稳定体验。
数据密集型客户端需要从不同来源获取信息，同时避免不必要的请求和不稳定的界面状态。客户端协调与缓存可以减少可避免的工作，并组织每个视图真正需要的数据。
01采集
02协调
03计算
04呈现
一个产品，覆盖多个平台
共享的产品基础同时支撑 Web，以及专门的 iOS 和 Android 体验。
Sport Goal 已经是一款拥有真实用户和高密度信息模型的成熟产品。我的工作是让 Frontend 现代化、让数据体验更清晰，同时把产品扩展到多个平台。
共享的产品基础同时支撑 Web，以及专门的 iOS 和 Android 体验。
对比实施前后的工作模型。
Angular 和 TypeScript 构成产品界面与计算的基础。Ionic 和 Capacitor 支撑 iOS 与 Android 适配。
现代化既关乎变化，也关乎延续：在改进线上产品的同时，尊重已经依赖它的用户与系统。
一起打造 真正有意义的东西。
一个新产品。一个更好的系统。一个值得解决的难题。
[email protected]