案例分享 Reference Case

有想法.會設計.懂程式

我們深信即便是社群白熱化的年代,官網仍然有其必要,
重點是怎麼設計出跟社群相輔相承,對內外部流程有幫助的官網。

政大雄鷹籃球隊官網

球員 賽程 粉絲經營 數據分析

設計之初,我們去美國NCAA強隊的官網研究了一遍,結果發現都是同一家公司做的,各隊有著同樣的UE,只是改了設計的顏色。
球員名冊就參考NCAA的規格,請球隊總監發佈作業,讓球員寫自傳,再加上球隊及政大的趣事,希望呈現球隊在球場以外的面貎。
UBA比賽期間,主頁會即時呈現比分、直播連結,也把結果整理在UBA賽程,讓球迷可以一目了然,這是我們在設計王輝盃官網時,受到球迷肯定的呈現方式。
UBA比賽期間舉行「一人一句鼓勵雄鷹球員」的粉絲應援活動,在雄鷹的臉書、IG宣傳,但活動主體在官網,最後呈現的粉絲牆形式是我參考維拉諾瓦大學紀念100季活動「FAN MEMORIES」,但他們使用第三方接口,活動結束連內容都不見了,有點可惜。我們則會在活動結束後,再把活動內容整理在一頁,成為球隊的積累。
除了對外部分,我們還為球隊設計了內部系統,包括僅供內部觀看的文章,上傳比賽數據,提供教練團分析球隊及球員比賽數據的機制。

政大雄鷹後援會官網

小額捐款機制 內部流程表單/報表

政大雄鷹會是力挺政大雄鷹籃球隊的球友力量的集結,成立的目的就是替雄鷹籌募經費的社團法人,讓政大雄鷹可以永續經營。
因此本官網最主要的功能就是提供校友線上小額捐款的機制,包括:單次/定期定額信用卡、ATM匯款及超商代收等。
捐款者可以方便的查詢及重度捐款,免去重覆的填寫資料。同時為雄鷹會開發後台機制,簡化文書處理流程。

王輝盃籃球邀請賽官網

報名繳費 賽程 數據 回憶

第一屆王輝盃是為了紀念姜老大在嘉義高中執教一甲子的籃球教練王輝老師,邀請國高中大專共72隊參賽的全國籃球邀請賽。
我們規劃之初就決定不開臉書及IG社群帳戶,因為比賽一年一次,維期一週,沒有比賽的日子,社群若不維護形同虛設,而且社群也無法呈現盃賽的多元面向。從4月中受邀球隊到官網報名,到8月比賽結束的當月,短短五個月官網有超過31000人來訪,而且在google找「王輝盃」官網永遠是關聯度最高的第一筆。
官網緊貼著比賽的不同階段推出不同的內容:
第一階段:邀請球隊期間,推出王輝老師的生平、嘉中籃球隊校友的回憶文(其中由以王偉忠最精彩),同時提供線上報名及繳費機制(HBL東泰高中教練點評這是他用過最先進方便的報名系統)。
第二階段:6月中公佈參賽隊伍名單及賽程,搭配HBL甲組的死亡之組的新聞稿,每隊新球季招收的新生成為球迷的觀賽重點,離比賽開始還有一個多月,但各球隊的球員名單瀏覽量爆增。
第三階段:比賽當週即時數據及直播,官網整合數據廠商提供的API,把72隊共144場比賽的資料整合在官網,讓未能到場的球迷仍能在官網追蹤王輝盃的所有訊息。同時官網還提供五個組別團隊數據排名,據說球員比完賽一邊吃便當一邊看數據排行榜。
官網的功能不只是對外的面向一般用戶,我們還設計了不少後台,例如報名切結書、裁判費用領據模版、賽程發佈等等,就是利用官網平台減少人工作業,讓比賽在最少的人力投入下,提供與會者最好的用戶體驗。

英雄育樂官網

公司特色、專長一目了然

英雄育樂是做運動行銷的公司。官網最主要的目的是讓對他們感興趣的合作伙伴,能快速了解這個公司的特色及優勢。
很多公司都依賴臉書或IG,不做官網,但社群的貼文是碎片的,沒法像官網可以邏輯化的設計單元。 英雄育樂官網單元包括:關於我們、商業合作、生涯規劃、運動賽事、服務項目。一目了然的代表英雄育樂Logo上4個C的函意 (Campaign, Career, Cobrand, Cyber)。

善耕365公益平台新官網

會員系統 媒合平台 點數機制

善耕365公益媒合平台已經有八年的歷史,但因為早期開發的語言已不合時宜,舊網站也沒有自動適配手機的機制,因此我們替善耕重新設計官網。
善耕是相對比較複雜的官網:
1. 會員體系分成個人志工及社服團體。
2. 有社團發佈需求,志工來參加的媒合機制。
3. 志工參與後善耕提供點數,可兌換禮品的點數機制。
4. 社服團體發佈文章的機制。
5. 善耕內部在各流程審查的機制。
6. 善耕內部對媒合效益的數據分析及報表下載的機制。
目前在內部測試中,預計2021年1月下旬推出。
回到頂端