01

政大雄鷹

大專籃球隊官網
gogriffins.com.tw
政大雄鷹官網昰一個隨著球隊成長,不斷優化的過程。
跟當初做航空公司網站一樣,按照我的習慣,用當年在外交系學到的Max-Matrix方法,把NCAA主力學校的官網研究一遍。結果發現,都是同一家公司做的,所以UE都一樣,只是UI外觀設計上的差別。
第一階段包括:球員名冊、賽程、數據檔案上傳、後台數據分析等。目的希望Google搜索球員名字時,會第一時間找到官網的球員個人頁;搜索政大UBA賽程,也會第一時間找到,並整合時間、分數、直播連結及數據連結(數據先連UBA大專體總官網,等賽季結束,再提供政大教練團場邊統計的更全面的數據)。
電商使用專業的電商系統商的平台,官網有專區介紹週邊商品優惠。
後來增加雄鷹故事的發佈平台,故事內容可分為公開或需要輸密碼的供內部人員查看。
雄鷹家族又是一個超複雜系統,因為政大有球員、門店、電商周邊,因此我們設計以球員背號為機制的家族,每個粉絲可以選擇加入三個家族,粉絲的活躍度,包括購買週邉、cama消費、參與活動都可以得到點數,點數彈以兌換週邊,參加獨家活動等,每月還按照每個家族的活躍度排行榜。
對了,我們還會在UBA賽季期間舉行官網活動「雄鷹粉絲應援牆」,讓粉絲上傳觀賽照片及鼓勵球隊的話,形成一整頁的應援牆,看著從預賽一路到決賽的過程,非常有感。
我無法用一句話告訴你政大雄鷹官網有什麼功能,因為它是一路伴隨著球隊不斷成長的一個官網。
College Basketball Team
02

王輝盃

全國籃球邀請賽官網
wanghuicup.com
王輝盃在109年暑假橫空出世,本來暑假就是各盃賽的重要檔案,有些已經辦了超過二十年。但因為疫情來襲,其他盃賽紛紛停辦,只有王輝盃逆勢操作,第一屆就一口氣邀請了國中甲乙組、高中甲乙組及大專組共72隊齊聚嘉義市,五天共舉行了144場比賽。
更有甚者,所有比賽都有網路直播,並且詳細記錄數據,在這麼數位化的條件下,官網就扮演十分重要的角度。
首先線上報名完全網路化,72隊的報名繳費完全自動化,自動生成每隊專屬的虛擬匯款帳號,匯款完成自動發確認信,不需要財務人員參與就能完成。
教練團線上登錄球員名單、球隊登入頁列出所有賽程、比賽結果及數據。後來連裁判及紀錄台人員的勞務單資料,也都請大家上網登入填寫,主辦單位只要把表格列出來,每場比賽後請相關人員簽名即可,相信這個功能應該是王輝盃獨創。
球迷看到的是前端有比賽直播、球隊及每人數據、每組別球隊團體排名。但後台管理機制的設計,才能協助盃賽儘量減少工作人員的人工作業及溝通成本。所以我們一向很驕傲,王輝盃的主辦單位工作人員只有幾位,因為我們設計出王輝盃官網,人機合作之下辦完這個比賽。
Student Basketball Invitational
03

景美盃&
景中男籃

國中盃賽+籃球隊官網
jmjscup.com
位於台北市文山區、緊鄰景美夜市的景美國中是一所以升學為主的學校,沒有體育班,三年前因緣際會下找到小巨人當籃球隊的教練。再加上有一群非常支持小孩打籃球的家長,無法外地賽或移地訓練,家長都跟著球隊南征北討。109學年景美國中從45隊中脫穎而出,奪得「台北市國中男子乙組冠軍」。
因為景美國中在109學年的暑假參加過王輝盃,當景美盃籃球邀請賽這個概念被提出來時,賽事規劃及執行自然落在小巨人CyberTeam頭上。我們深信再小的比賽,對球員及家長來說,都是孩子成長過程中重要的篇章,因此不應該默默的、不流痕跡的過去。
因此我們比照王輝盃的規格,提供參賽隊伍線上報名(儘管只有9所學校)、比賽一個月前就可以查看每隊球員名單及公佈賽程,比賽當天會把比賽過程用手機錄影,也會按照大會的紅黃單輸入簡單的比賽數據。
另一方面,我們為景中男籃建立球員名冊,每位球員有自己的個人頁,裡面有上場比賽的數據 (教練平常就會讓板凳球員協助記錄) ,成為球員國中生涯重要的印記。
Junior School Basketball
04

Women in sports

好體誌媒體官網
women.aips.asia
“Women In Sports”是亞洲體育記者協會台灣分會策劃的一本雜誌,特別聚焦在報導運動界的女性的故事。
雜誌需要排版、印刷、派送,而且版面有限,因此最初想法是設計官網來互補,可以讓因版面而遭刪減的文章原文重現,也可推廣給更多的讀者。
網站的主要框架是設計後台文章管理系統,讓管理者可以把雜誌文章,按照主題、期數、排序、置頂等value值自動發佈到官網各單元。後來更決定,在每期雜誌發行期間,也可以發表網路限定的文章到官網,不受發行日期限制,讓更多運動界女生的故事可以在官網呈現。
Women In Sports Media
05

政大95
校慶運動會

競賽規則+參賽名單+比賽成績
gogriffins.com.tw/nccu95-sportsday
校慶運動會本質是競技運動,但一直以來主辦單位大都用Word文件產生的PDF來紀錄每屆的資訊,往往要學生下載上百頁的PDF,同系同學想加油看到落落長的檔案也會退卻。
今年適逢政治大學 95週年校慶,首頁嘗試製作網站,但凡競賽辦法、工作人員名單、賽程、參賽選手、比賽結果等等,都應該用網站的形式,讓網路資訊可以跟比賽進程同步進行,讓參加比賽的同學,或想為系上同學加油的,都可以一目了然的找到資料。
但由於時間緊逼,再加上沒參與過運動會的整個流程,因此我們決定先不開發後台管理系統,先以人工方式來設計網站,連網站也先掛在政大雄鷹的官網之下。
比賽當天先以駐站方式,當場修改網站,以便能同步更新比賽成績、增加得獎者照片等等。
NCCU95 Sports Day
06

全國國小籃球錦標賽

國小體育總會官網
essa.org.tw
全國國小體育總會全年最重要的工作:舉行兩個全國性盃賽:三月全國小學籃球錦標賽及八月夏季聯賽;及舉行國小籃球教練研習。
官網最重的功能:
(1) 兩大盃賽從報名、賽程、參賽球隊及球員資訊都結合在官網。
報名系統以王輝盃為基礎,但國小要求更多,為怕冒名頂替,報名還要上傳每位球員的照片,並且後台管理要進行裁切,以便可以自動產生每隊整齊的秩序冊格式,省下每年花大量人力整理秩序冊的時間。
繳費是用綠界支付,一鍵產生各隊專屬的匯款帳號,繳費後不必通知,系統收到銀行回報就會自動寄出繳費確認Email。
線上報名流程說明
比賽開始期間,可以在官網查到各校的賽程、比分、球員名單及球員得分(因為是國小生,不提供對戰數據,但有紀錄表上的得分,這是父母最在意,也是瀏量最高的部分)。

(2) 教練研習線上報名,由過往的Email報名表給主辦單位,再等通知,改為課程、報名表單、繳交報名費都在網站完成,並且每天更新完成報名的名單,讓報名學員及主辦單位的流程都簡化及數位化,節省人工作業時間及流程。
教練研習整合Google表單及綠界支付:https://essa.org.tw/essa-coachtraining-111

Elementary Basketball Championship
07

海大附中
航躍盃

航躍盃籃球賽官網
mhoucup.tw
海大附中位於基隆,附中籃球隊教練楊能顯想辦一個屬於基隆的比賽,讓更多球隊來交流,第一屆時規模比較小,比較像友誼賽規格。2023年我建議他要把規模擴大,才能有影響力,才能有更多贊助,也才能讓基隆的學生籃球被更多人看見!
所以我們幫他設計了航躍盃官網,從線上報名、球隊資訊,到賽程、比分、數據都在官網,再協助他們開立YouTube頻道(初期還要找各參賽球隊來訂閱),直播有比分及時間,再搭配現場DJ的說明及音樂,無論有沒有到現場,都可以好好享受航躍盃。
來參加的球隊看到今年航躍盃有官網都驚呆了,再加上直播及現場DJ,很多教練說,這已經是聯賽決賽的等級,通常只有那種大公司出資幾百萬的等級辦的起來!
MHOUCUP Invitation