基本介紹

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

iShow卡則是威秀影城專屬的會員卡,可集點或享受優惠,iShow卡官方形象網站專案,執行於2013年,是飛。創意互動與威秀影城數個合作專案之一。
整體風格以「威秀寶寶」的插畫風格為主軸,借由威秀寶寶與幾個同伴為的玩樂感,帶出iShow卡輕鬆歡樂的氣息。

因應智慧型手機與平板電腦的重要性日益高升,採用了雙網站的設計方式,以滿足桌機與行動裝置的整體需求。

設計概念

玩樂感、趣味性是這個網站很重要的一環,設計團隊設計了一系列的玩樂場景,讓吉祥物、iShow卡,及整個網站的單元任務有連結。

威秀影城有五個由威秀寶寶領軍的可愛吉祥物,讓影城整體的記憶度提高不少,所以在設計iShow卡網站的時,很自然的就以威秀寶寶系列的插畫風格進行構思。

玩樂感、趣味性是這個網站很重要的一環,所以設計團隊設計了一系列的玩樂場景,讓吉祥物、iShow卡,及整個網站的幾個單元任務有絕佳的連結。例如在首頁的第一個畫面,就是大家一起同心協力的製作一張「iShow卡」,整個首頁以橫式、視差滑動的方式進行設計,所以往右滑動,就會看到不同單元的吉祥物在玩樂著...

一天的早上、下午、晚上等不同時間造訪網站,天空的顏色還會改變,讓瀏覽網站時更增加了些許的新鮮感。
使用HTML5相關技術,讓瀏覽網站能有進入遊戲般的錯覺,有趣的設計與互動性讓整體的體驗更好。

* 威秀影城|版權所有

色彩計劃

以威秀影城的藍色為界面主色系,搭配吉祥物繽紛的配色。

主色系是威秀影城的藍色,設計團隊定義了幾種不同的藍,使用於網站的操作界面上。

清晨、下午、晚上各自有不同的漸層配色,搭配吉祥物、小道具插畫本身的配色,讓網站整體散發出繽紛歡樂、活潑不拘束的氣息。

R0 G166 B217

#00a6d9

R120 G207 B227

#78cfe3

R0 G87 B173

#0057ad

R242 G139 B97

#f28b61

智慧型手機版本

針對手機重新設計直式畫面,單手也能順暢瀏覽網站

針對智慧型手機的直式螢幕,重新設計操作界面,用一目了然的選單,讓手機的使用者能快速切換頁面或單元,找到所需的資訊。

桌上型電腦版本的插畫,在智慧型手機版本上也重新設定,讓展示效果與效能能取得平衡。

智慧型手機版本,與桌機版本的頁面網址各自獨立,但
有相同的後台上稿界面,可由後台輕鬆、同步控制兩個版本的網站。

* 支援 iOS / Android / Windows 智慧型手機。
* 威秀影城|版權所有

平板電腦版本

精簡優化後的版本,讓平板電腦也能順暢瀏覽

針對平板電腦,設計團隊將網頁進行特定的設計,讓畫面能剛好在平板電腦能支援的範圍內呈現。

針對效果呈現的部分,同時進行優化,以提高瀏覽的順暢度,讓使用者在以平板瀏覽時也能順暢的滑動。

* 支援 iOS / Android / Windows 平板電腦。
* 威秀影城版權所有

桌上型電腦版本

充分利用桌機效能,讓橫式大畫面呈現最佳效果

以一個橫式連貫的大首頁,貫穿六個場景,除了最左邊的首頁外,一右邊滑動時,就會陸續看到五個不同的角色在天空中漂浮著。

角色一感應到游標,會跟著游標互動,等待著使用者點選。

* 支援PC / Mac桌上型電腦、筆記型電腦,Chrome、Safari、Firefox及IE9以上之瀏覽器。
* 威秀影城版權所有

造訪iShow Demo網站 與我們聯繫

相關案例

相關案例

威秀影城
IMAX網站

相關案例

廖叔叔健康屋

上一個案例 下一個案例
zh_TWTW