基本介紹

威秀影城 VIESHOW CINEMAS為台灣影城的領導品牌,在北中南擁有十多家高品質的影城,先後引進IMAX、4DX等播放技術,提供高品質的觀影水準。

「威秀FUN電影」是飛。創意互動與威秀影城攜手合作推出的官方訂票APP。

V1 擬真化版本在經過了兩年使用後,設計團隊開始發展新的V2版本,以這兩年流行的扁平化UI為主要設計走向,一樣使用客製化UI設計界面,使這個官方訂票APP在界面上就能與眾不同。

V2版本的設計工作,於2014年中開始執行,取代原本的 V1 擬真化版本。2015年初上線,於2016年底合約期滿後退役下線。

接續著V1版本的成績,V2版本的下載量也一直持續飆高,結算到V2版本下線為止,累積150萬的下載量,每月服務活躍用戶就有數十萬,使每月訂票量都維持著絕佳的水準。

設計概念

將APP的風格進行從頭到腳的改造,利用扁平化的風格,讓APP煥然一新!

這個設計案,是接續V1版本的操作方式,延伸出以扁平化UI為風格的V2版本。

一樣使用客製化UI設計,讓界面盡可能與眾不同,每個畫面都要兼顧漂亮、直覺與好用,所有設計細節都再三斟酌,使用當時流行的擬真化風格進行設計,力求完美。

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

在UI / UX的規劃上,友善的設計超級重要,例如:我們會盡可能讓使用者少按一個按鈕就少按一個,手機能抓到的數據或資料,App會優先帶入,讓使用者才點了一個場次,竟然就莫名完成的訂票的第一步驟,讓使用者在訂票時帶著樂趣與驚訝的心情,不知不覺就完成了訂票。

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

色彩計劃

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

藍色與淡灰色的搭配不做變動。

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

R227 G227 B227

#E3E3E3

R240 G240 B240

#F0F0F0

R4 G118 B222

#0476DE

R3 G65 B130

#034182

智慧型手機版本

智慧型手機的版本,下載率、使用率都非常高,所以設計團隊在這個版本上也花了最多的時間

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

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

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

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

平板電腦版本

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

這個版本的設計與流程,是與智慧型手機版本是一致的。

但需要針對每個畫面,重新設計畫面細節、元素的分配,與畫面的平衡,充分利用平板電腦畫面較大的優勢,同時避免手機版直接放大的錯覺,已然是一套完整的大尺寸的設計版本了。

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

樂趣導向

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

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

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

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

相關案例

相關案例

日藥本舖
官方電商 APP

相關案例

威秀影城
威秀FUN電影 v1

上一個案例 下一個案例
zh_TWTW