2026-04-10
案例分享：金融科技品牌官網改版
把一個 jQuery 時代的官網全面升級到 Nuxt 4 + GSAP + Lenis，並且 Lighthouse 仍然維持在 95+。
客戶是一家成立 12 年的金融科技公司，原站使用 jQuery + Bootstrap 3，維護成本高、改版速度慢。我們花了 8 週將其遷移到 Nuxt 4，並導入了元件化的設計系統。
效能上的挑戰主要在 hero 段的 motion：客戶想要「電影感」但又不能拖累 LCP。我們的做法是：hero 影片 lazy-load + poster 預渲染、GSAP 動畫分階段啟動、Lenis 在 mobile 上自動降級。最終 Lighthouse mobile 95、desktop 99。
