娛樂百分百官網

執行時間

2021.09 - 2021.12
( 3 個月 )

開發團隊 5

專案負責人、系統分析師、
前端工程師、後端工程師、UI/UX設計師

專案背景

《娛樂百分百》的《凹嗚狼人殺》單元為 GTV 最受歡迎的節目之一，節目單位會在《娛樂百分百 App》上舉辦相關活動，讓觀眾更有參與感，提高粉絲忠誠度。而隨著規模越做越大，為了能在 2022/01/28 《凹嗚狼人殺總冠軍台北小巨蛋演唱會》順利進行網路投票， 原始的 App 需要進行改善，方能提供更優質的活動體驗。

↑ 凹嗚狼人殺總冠軍於台北小巨蛋舉辦（圖／寬宏藝術提供）

痛點

與節目單位的討論後，我們決定將開發項目由 App 改為 RWD 網頁，主要考量為以下兩點：

• 新增功能的彈性及開發時間：若要在 App 上新增功能，需經過審核才能上架，網頁則不用。開發App 需設計 iOS 及 Android 兩個版本，Web 僅需開發一次就可適用不同大小的裝置。

• 流量的擴展性：原本 App 的基礎架構架設於實體環境，無法彈性應對流量差異。將新的架構將架設於雲端虛擬設備（google 雲），擴展性高，不需預先擴展資源，可短時間內應付流量的變化。

打造清新少女感

↑ 原 App 畫面

娛樂百分百的粉絲大多為年輕女性（15~ 24歲），我們移除花俏的背景，重新設計網頁視覺，保留原本粉嫩色系的少女感元素，改走小清新風格。

↑ 重新設計的RWD網頁

運用顏色及文字的某些特性來呈現清新感：

• 低調的配色：網頁主要背景使用淺灰色，以達到清新簡約感。

• 較寬的字距：適當的加寬字距，讓使用者閱讀起來比較舒服、有呼吸的空間。

頁面重新配置

我們將非重要訊息及頁面合併及刪減，並更改名稱。希望除了忠實粉絲，對節目有興趣的觀眾也能輕易的逛逛網站尋找他們想要的資訊，不因節目的專有名詞而感到困惑，以下列表為重新定義後的名稱及功能介紹：

降低跳出率

• 減少搜尋次數：首頁提供更多重要資訊，讓使用者可以快速找到目標並延伸閱讀。

• 添加影片及圖片：提升網站豐富度，吸引使用者的目光。

↑ 首頁Wireframe

活動驗票功能

「粉絲能在總冠軍賽當天參與網路投票」是此次專案最主要的目標，因此「活動資訊」的頁面被更加的重視。

雖然原本的 App 也有投票功能，但沒有限制投票資格，所以任何人都能參與活動。這次總冠軍賽只有買票的人才有投票資格，因此新的網站必須新增驗票功能。另外，我們將驗票及投票按鈕固定置底，讓用戶無論閱讀到哪裡，都能隨即點擊到按鈕。

粉絲專屬福利

隨著影音平台的普及化，公司也將節目影片上傳至 YouTube，觀眾能不受時間限制觀看影片，並透過建立 YouTube 會員制度，區分一般訂閱者及會員。

我們善用會員制，將娛百官網的「會員專區」規劃了綁定 YouTube 帳號的功能，藉此追蹤在影音平台上與品牌互動良好的粉絲，並適時給予回饋，例如：提供現場錄影與藝人互動的機會、演唱會門票等等。

成效

擴展流量後，使用者不再受流量過多時造成連線速度過慢或斷線的困擾，加上在驗票及投票的操作流程上也非常順暢，《凹嗚狼人殺總冠軍賽》網路票選活動順利進行。根據後台數據顯示，活動結束後還是有訪客陸陸續續前來拜訪網站，尋找與冠軍賽有關的資訊。

↑ 冠軍賽網路投票。圖片來源：八大電視娛樂百分百 YouTube 。

結語

官網目前仍然有在運行，主要還是較常使用網路投票功能，其他頁面相對的不是那麼活躍，例如：最新消息，對節目單位來說，每日更新網站資訊並不是那麼方便。

顧客忠誠度是一個值得討論的議題，期望未來能善用會員機制操作更多商業行為，除了與YouTube 帳號串連外，也可以與其他社群平台連結，將數據收集起來，透過曝光提供內容給感興趣的潛在消費者。

↑ 凹嗚狼人殺周邊商品