20 年的信任與傳承：香港友誼足球聯賽 (Yau Yee League) 網站全面升級 - 精選案例 - 香港網頁設計公司 | 客製化系統開發與全方位數碼營銷 - YSD # 友誼聯賽 ![yauyee-logo](https://ysd.hk/storage/webp/media/Client/Y/Yauyee/yauyee-logo.webp) 友誼聯賽（Yau Yee Football League）成立於 1977 年，最初是一個多元文化的社交足球團體，主要旨在將精彩的足球賽事與星期日下午的社交活動相結合。聯賽及其首個組別由本地及海外球員共同建立。 YSD 為友誼聯賽主理[網頁設計](https://ysd.hk/zh-Hant/web-design)與技術開發，從視覺概念到功能實現一手包辦，協助品牌在數碼世界建立專業形象。 [ 瀏覽實際成品 (官方網站) ](https://www.yauyeeleague.com/) 網頁設計 Scope ## 網頁設計 ### 20 年的信任與傳承：香港友誼足球聯賽 (Yau Yee League) 網站全面升級 #### 20 年默契，再次同行 早在 2006 年的夏天，我們協助 Yau Yee Football League (YYL) 推出了他們的第一代網站。這 20 年來，這個網站陪伴著無數香港與海外球員度過了每個熱血的星期日下午。20 年後的今天，他們再次將網站升級的重任交託給 YSD。這份長達二十年的信任，對我們來說別具意義。 #### 從舊時代到新科技的挑戰 隨著時代進步，舊網站雖然充滿回憶，但在用戶體驗和技術上確實需要一次徹底的「換血」。這個項目最大的考驗，不是設計一個有多漂亮的版面，而是**「傳承」**。 YYL 的資料庫裡，裝載著足足 20 年的珍貴回憶——由每一場比賽的賽果、聯賽積分榜，到無數球員的數據。要將這份龐大且複雜的歷史數據，一丁點都不漏地搬移（Migrate）到全新的系統，是我們這次任務中最重視、也最具挑戰性的一環。 #### 我們的解決方案與成果 為了確保網站未來能走得更遠，我們選用了穩定且擴展性極高的 **Laravel** 框架重新建構整個平台，並融入了多項實用的 **AI 智能功能**： - **完美傳承 20 年歷史：**我們成功將長達兩年代的龐大數據庫無縫過渡到新系統，完整保留聯賽 20 年的心血。 - **AI 影像修復技術：**針對舊系統中僅得 80x96 像素的微小球員照片，利用 AI 超高解像技術（Upscaling）進行畫質修復與重構，重現清晰頭像。 - **AI 智能對賽數據分析：**導入生成式 AI 功能，自動分析對賽雙方過往的交手紀錄，為每場賽事即時生成專業的戰況前瞻與焦點分析。 - **OCR 智能自動填單：**徹底顛覆傳統後台操作，工作人員只需拍攝紙本 Team Sheet 並上載至 CMS，系統便會利用 AI 光學識別自動填入數據，無需再手動逐個輸入。 - **與時並進的用戶體驗：**換上了充滿現代感且完全支援手機瀏覽（Responsive Design）的全新介面。球員和球迷隨時拿起手機，就能輕鬆查看最新賽程和戰況。 2026 年，全新的 YYL 網站正式上線。這不單是一個系統的升級，更是 YSD 與 YYL 結合最新 AI 科技，共同邁向下一個足球世代的新起點。 ![yauyee detailpage 1](https://ysd.hk/storage/media/Client/Y/Yauyee/yauyee-detailpage-1.jpg) ### 官方網站 [成品 ](https://www.yauyeeleague.com/ "瀏覽實際成品") ![yauyee detailpage 2](https://ysd.hk/storage/webp/media/Client/Y/Yauyee/yauyee-detailpage-2.webp) ![yauyee detailpage 3](https://ysd.hk/storage/media/Client/Y/Yauyee/yauyee-detailpage-3.jpg) ![yauyee detailpage 4](https://ysd.hk/storage/media/Client/Y/Yauyee/yauyee-detailpage-4.jpg) ## 類別 - [ \#運動 ](https://ysd.hk/zh-Hant/showcase?category=sports) ## 對此類項目有興趣？ 從構想到實現，我們與您同行。歡迎免費諮詢。 ## 相關作品 [ 焦點 ![品牌推廣: 中國香港軟式曲棍球總會](https://ysd.hk/storage/webp/resized/6541/500x/U19-logo-listingpage.webp) ![網頁設計: 中國香港軟式曲棍球總會](https://ysd.hk/storage/webp/resized/6241/500x/Screenshot%202026-01-04%20at%205.19.28%E2%80%AFPM.webp) ![市場營銷: 中國香港軟式曲棍球總會](https://ysd.hk/storage/webp/resized/6239/500x/View%20recent%20photos.webp) ### 中國香港軟式曲棍球總會 ](https://ysd.hk/zh-Hant/showcase/floorball-federation-of-hong-kong-china)- [ \#商標設計 ](https://ysd.hk/zh-Hant/showcase?category=logo-design) - [ \#NGO、社福及協會 ](https://ysd.hk/zh-Hant/showcase?category=ngo-association) - [ \#運動 ](https://ysd.hk/zh-Hant/showcase?category=sports) - [ \#影片 ](https://ysd.hk/zh-Hant/showcase?category=video) [ 焦點 ![網頁設計: 香港冰壺協會](https://ysd.hk/storage/webp/resized/349/500x/entry-2.webp) ![網頁設計: 香港冰壺協會](https://ysd.hk/storage/webp/resized/350/500x/entry-3.webp) ### 香港冰壺協會 ](https://ysd.hk/zh-Hant/showcase/hong-kong-curling-association)- [ \#NGO、社福及協會 ](https://ysd.hk/zh-Hant/showcase?category=ngo-association) - [ \#運動 ](https://ysd.hk/zh-Hant/showcase?category=sports) [EN](https://ysd.hk/en/showcase/yau-yee-football-league) | 繁 | [简](https://ysd.hk/zh-Hans/showcase/yau-yee-football-league) [](https://www.facebook.com/YSD.hk) [](https://www.instagram.com/ysd.hk/) [](https://x.com/YSDinteractive) [](https://www.youtube.com/user/ysdhk) 精選案例 - [全部案例](https://ysd.hk/zh-Hant/showcase) - [網頁設計](https://ysd.hk/zh-Hant/showcase/web-design) - [市場營銷](https://ysd.hk/zh-Hant/showcase/marketing) - [品牌推廣](https://ysd.hk/zh-Hant/showcase/branding) - [應用程式開發](https://ysd.hk/zh-Hant/showcase/apps-development) 我們的服務 - [服務概覽](https://ysd.hk/zh-Hant/services) - [網頁設計](https://ysd.hk/zh-Hant/web-design) - [市場營銷](https://ysd.hk/zh-Hant/marketing) - [品牌推廣](https://ysd.hk/zh-Hant/branding) - [應用程式開發](https://ysd.hk/zh-Hant/apps-development) - [廣告方案](https://ysd.hk/zh-Hant/ads) 了解 YSD - [關於YSD](https://ysd.hk/zh-Hant/about-ysd) - [我們的客戶](https://ysd.hk/zh-Hant/clients) - [合作夥伴](https://ysd.hk/zh-Hant/partners) - [聯絡我們](https://ysd.hk/zh-Hant/contact) - [網誌](/zh-Hant/blog) - [加入我們](https://ysd.hk/zh-Hant/career) [](https://www.facebook.com/YSD.hk) [](https://www.instagram.com/ysd.hk/) [](https://x.com/YSDinteractive) [](https://www.youtube.com/user/ysdhk) [![linkedin icon logo black and white](https://ysd.hk/storage/webp/media/contact/linkedin-icon-logo-black-and-white-2.webp)](https://hk.linkedin.com/company/ysd) 版權所有© 2026 YSD HK Limited [私隱政策](https://ysd.hk/zh-Hant/privacy-policy) 我想做一個類似友誼聯賽的項目 你們可以為我們製作類似的嗎？ × YSD AI 開始新對話 開始新的對話？ 開始新對話將會清除目前的對話記錄。 開始新對話 取消 [ ](https://api.whatsapp.com/send?phone=85296796007)