基本介紹

威秀FUN電影 V2 全面扁平化改版,200 萬次下載、App Store 長期維持 4.2–4.8 高分。

威秀影城是台灣第一大連鎖影城,市占率約四成、擁有逾百萬會員,全台共 22 個據點、231 個影廳。

威秀影城是台灣觀影人數最高的院線品牌,在北中南擁有十多家旗艦影城,並率先引進 IMAX、4DX 等沉浸式放映技術。

「威秀FUN電影」是飛。創意互動與威秀影城長期合作的官方訂票 APP。從 2013 年 V1 版本起持續迭代,V2 為 2015 年全新扁平化改版,飛創意負責從零開始的 UI/UX 設計、iOS 與 Android 雙平台開發,以及完整的 App Store 上架維護。

V2 累積 200 萬次下載,每月活躍用戶數十萬,合作期間連續 7 年維持 App Store 4.2–4.8 高分評價。這是飛創意在娛樂電商 APP 領域最具代表性的長期合作作品。

設計概念

讓訂票像在玩一樣自然——減少決策負擔,製造微小驚喜。

V2 的核心任務是:如何讓訂票這件「有目的性的行為」,變得像在玩一樣自然?

【減少決策負擔】
APP 會自動帶入手機偵測到的位置、時間等數據,讓使用者點了一個場次,系統就已悄悄完成訂票第一步。不是「讓流程更短」,而是讓使用者根本感覺不到流程的存在。

【製造微小驚喜】
完成訂票時,票券會模擬實體購票機「列印吐票」的動態效果。這個細節不影響功能,卻讓整個訂票行為多了一份真實感與儀式感。

在視覺風格上,V2 從擬真化 UI 全面轉向扁平化,延續威秀品牌藍色系,用更乾淨的層次感取代質感紋理,讓介面在高解析螢幕上保持精緻。

* 威秀影城|版權所有
* 電影海報為所屬電影公司|版權所有

色彩計劃

品牌藍搭配淡灰,扁平化色塊取代質感紋理,精緻感不減反升。

以威秀標準色的藍色為主色調,以淡灰色進行搭配。

藍色與淡灰色的搭配不做變動。原本淺灰橫細線的底紋等質感,也由單一顏色取代,完美切換成扁平化UI風格,讓APP整體風格能徹底變身。

R227 G227 B227

#E3E3E3

R240 G240 B240

#F0F0F0

R4 G118 B222

#0476DE

R3 G65 B130

#034182

智慧型手機版本

訂票 APP 的核心場景:讓人在單手、邊走路的狀態下,幾步內完成選片訂票。

從整體的設計概念,到UI / UX的設計,友善度、精緻度、玩樂感...等,每個細節都不能放過。

直覺性的設計是我們很重視的部分,通常第一次使用這個APP的人,不太需要花時間學習,把玩一下很快就可以上手訂票了。

針對手機的使用習慣,以直式畫面進行操作,讓單手也能順暢操作,不用吃力的兩手拿著手機。

* 支援 iOS / Android 智慧型手機。
* 威秀影城|版權所有
* 電影海報為所屬電影公司|版權所有

平板電腦版本

平板電腦的使用人數雖然沒有手機高,但卻有很多死忠用戶,訂票比例不可忽視。

平板電腦的訂票用戶雖然不如手機多,但消費力強、訂票比例高,是不可忽視的族群。

平板版的設計流程與手機版一致,但針對每個畫面重新配置元素比例,充分利用較大螢幕的優勢,同時避免手機版直接放大的錯覺,呈現完整的大尺寸設計版本。

* 支援 iOS / Android 平板電腦。
* 威秀影城|版權所有
* 電影海報為所屬電影公司|版權所有

樂趣導向

看電影是開心的事情,所以設計團隊也盡可能在UI設計上,增添使用者操作時的樂趣,例如在完成訂票時,會看到票券像是在實體櫃檯購票般,被列印完成吐了出來....讓人會心一笑。

不論是iOS或是Android系統,設計團隊都是以官方的開發工具進行開發,以確保系統絕佳的效能。
同步開發智慧型手機版本與平板電腦版本,兩個系統、兩個平台都維持一致的操作流程與界面,讓使用者不論用哪種裝置,都可以馬上上手。

* 威秀影城|版權所有
* 電影海報為所屬電影公司|版權所有

威秀fun電影設計說明V2 與我們聯繫

相關案例

相關案例

日藥本舖
官方電商 APP

相關案例

威秀影城
威秀FUN電影 v1

上一個案例 下一個案例
zh_TWTW