基本介紹

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

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

設計團隊期待以嶄新的視覺、更直覺的操作介面,讓訂票的過程更有樂趣。使用者透過這個官方APP,可以輕鬆選擇最多的優惠票種,簡單選取最佳座位,快速完成電影票訂購。

設計團隊從頭發展設計概念,每個畫面都要兼顧漂亮、直覺與好用,所有設計細節都再三斟酌,使用當時流行的擬真化風格進行設計,力求完美。同時使用客製化UI設計界面,使這個官方訂票APP在界面上就能與眾不同。

這個APP合作專案於2012年中開始執行執行,V1 擬真化版本於2013年初上線,營運於2013年~2014年底。

*V1版本,下載量與使用量,沒有讓我們失望,一直是持續飆高,上線前三個月就有80萬的下載量,每月服務活躍用戶有十幾萬,讓每月的訂票量都維持著絕佳的水準。

設計概念

從頭發展設計概念,除了漂亮之外更要友善好用,更不能缺少樂趣呀~

在和飛。創意互動合作前,威秀影城的訂票APP極不穩定、操作流程不友善,界面與配色雜亂無章,更別提惱人的廣告Banner...使用者抱怨連連,影城不得不尋找適合的設計公司,重新規劃自家官方APP。

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

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

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

設計概念

我們會盡可能讓使用者能少按一個按鈕就少一個,友善的設計太重要了~

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

不論是iOS或是Android系統,設計團隊都是以官方的開發工具進行開發,以確保系統絕佳的效能。

同步開發智慧型手機版本與平板電腦版本,兩個系統、兩個平台都維持一致的操作流程與界面,讓使用者不論用哪種裝置,都可以馬上上手。

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

色彩計劃

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

除了淡灰色與藍色系統的搭配外,淺灰橫細線的底紋,也在APP中被大量應用,讓畫面帶有質感與深度,不致太過科技與冰冷。

設計細節還包含擬真風格常見的圓角、下凹、陰影、光暈等擬真效果。

R227 G227 B227

#E3E3E3

R240 G240 B240

#F0F0F0

R4 G118 B222

#0476DE

R3 G65 B130

#034182

智慧型手機版本

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

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

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

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

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

平板電腦版本

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

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

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

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

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

相關案例

相關案例

威秀影城
威秀FUN電影 v2

相關案例

威秀影城
威秀FUN電影

上一個案例 下一個案例