遠傳電信/
friDay影音網站

整合個人化影音服務,強化視覺形象

隨身影音服務 你的專屬電影院

最強大、最多元的影音平台,讓使用者隨時隨地透過手邊裝置觀賞電影、戲劇、動畫、直播,充足的片源與各式詳細付費方案,滿足所有人對影音觀賞的渴望。

專案挑戰

跨平台全新改版上線
介面易用 使用體驗更升級

此次改版橫跨四個平台,專案同時進行RWD網頁、iOS、Android手機與平板介面的功能流程規劃和視覺設計。

我們整合原先動線不清、容易造成誤會的付費方案,做了介面優化,並規劃影評人特區、社群分享,滿足不同需求,讓深度電影用戶獲得不同資訊與聲音,完善影音平台體驗。
friDay影音擁有龐大的客戶群與上萬的片量,要如何在如此繁雜的狀況下,簡化程序,提升使用者體驗、並加強宣傳原有的優點,是非常大的挑戰。

專案規劃

我們如何立定目標並達成?

在了解並開始專案後,我們進一步與客戶和不同使用者一起討論探索他們重視的要點,判斷使用情境,站在各種不同角度歸納討論後,將重點放在良好功能/介面易用度/跨裝置,也站在行銷角度,加強了社群互動與各種主題版位,讓用戶發現更多可能。

與客戶緊密的連結 不斷的修正

在整個專案過程裡,除了公司內部的專案成員每天固定的會議外,我們也一直保持與客戶定期的討論與修正細節,在完成第一階段改版後,繼續做內部修正與測試,並陸續完成第二次改版,不管是團隊成員、客戶的專案團隊,我們每天都密切的維持進度並解決問題。

產品討論
與策略研究

phase1

使用性測試

交互設計

修正改良

使用性測試

phase2

使用性測試

功能與介面優化

規劃各大主要功能入口
讓用戶針對不同需求 精準搜尋

我們針對friDay影音此次改版需求,替用戶規劃了不同功能的入口,除個人化收藏與社群分享的微互動外,亦加強了篩選片單與分類、推薦的功能,讓用戶在茫茫片海裡,可以精準搜尋到想找的影片,並發現更多可能。

色彩計畫

沈靜穩重 襯托片單主題
帶領用戶感受影院氛圍

希望強調影院氛圍,並考量與企業Logo的協調性,且需因應不同標籤顏色,最後主色收斂出深紫色與藍色系的搭配。

#1B2340
#1B62B4
#00A0FC
#141414
#FFFEE5
#261F3C

色彩計畫

沈靜穩重 襯托片單主題
帶領用戶感受影院氛圍

希望強調影院氛圍,並考量與企業Logo的協調性,且需因應不同標籤顏色,最後主色收斂出深紫色與藍色系的搭配。

UI設計

全景Banner策展海報設計
加深視覺重點 吸引目光

以加深用戶影音體驗,並重新打造平台形象為基準,在平台其實本身擁有非常多片單的資源優勢下,我們設定結合『電影院』的形象,希望帶給用戶更加高級與沈穩的視覺體驗,因此在片單與主題Banner的設計上,盡可能採用大面積全景方式展現,去加強視覺效果,背景皆為暗色系,塑造影院效果,讓主角回歸到『影片』本身。

訪問網站

話題流行推薦

活動主題櫃位 效率瀏覽
立即觀看 使用更直覺

我們在首頁的部分,設定為強檔推薦與各項推薦影片櫃位,讓使用者可以快速瀏覽目前流行與話題影片,並直接在片單中增設通知與直接觀看按鈕,讓個人化片單設計更順手。

院線直送

坂本龍一 終章

2018 / 日本 / 102分鐘

4.7 / 5(共139人評分)

燃燒烈愛

2018 / 韓國 / 148分鐘

4.7 / 5(共139人評分)

巴黎德州

1984 / 美國 / 150分鐘

4.7 / 5(共139人評分)

鴿子在樹枝上沈思

2015 / 瑞典 / 110分鐘

4.7 / 5(共139人評分)

依戀在生命最後八天

2012 / 伊朗 / 93分鐘

4.7 / 5(共139人評分)

主題排行與標籤

各種熱門種類排行 文字雲推薦
建立更多更廣的快速入口

設定排行榜與影片相關Tag,掌握最新潮流,也增加更多快速入口,方便使用者快速篩選進入有興趣的主題。

金馬得獎名單
看宮鬥學上位
麻瓜不懂的世界
這歐巴真帥
豁出去的影后
魔神仔宇宙
韓國直送
開啟太空冒險

主題排行與標籤

各種熱門種類排行 文字雲推薦
建立更多更廣的快速入口

設定排行榜與影片相關Tag,掌握最新潮流,也增加更多快速入口,方便使用者快速篩選進入有興趣的主題。

媒體社群推廣

電影誌、影評與新聞專訪
藉由媒體影響社群推動

善用friDay本身媒體資源,規劃影評與相關媒體採訪,增加用戶興趣與互動,亦可分項社群,各種深度與娛樂評論,吸引不同用戶,增加平台黏著度與推廣。

追劇小幫手

影劇分集與歷史紀錄
隨時接續娛樂不中斷

記錄每次看片的進度與集數,可設定上架通知,讓追劇狂熱用戶使用方便,同時追多部影片都可銜接上次紀錄。

個人化收藏與社群分享
廣納用戶評論資訊

會員專區規劃個人喜好片單收藏,也可和朋友同好分享收藏片單,並讓觀影者自由評論心得,讓影片有更多參考價值與豐富性,也增加社群討論度。

在龐大的專案中,整個團隊與客戶都付出了許多心力,我們不停地改善,希望藉由縝密的UX規劃,與全新的UI視覺,讓用戶有更貼心與良好使用感受,讓行動影院的體驗更臻完善。

Chiao
UI Designer

一起落實你的想法吧!

我們在乎你的考量,也盡可能設想更多的未來

聯絡果思