基本介紹
威秀影城 VIESHOW CINEMAS為台灣影城的領導品牌,在北中南擁有十多家高品質的影城,先後引進IMAX、4DX等播放技術,提供高品質的觀影水準。
「威秀FUN電影」是飛。創意互動與威秀影城攜手合作推出的官方訂票APP。
這個Landing Page 登陸頁,則是與「威秀FUN電影」APP同步上線,承接所有廣告導引、官網、粉絲團眾多流量的介紹網頁。讓使用者快速了解App內容,並直接引導前往兩平台APP商店下載這個APP,進行電影訂票。
設計團隊把APP幾個特點,濃縮在一個頁面中,幫助使用者能在很短的時間內快速抓到重點,風格與設計元素也和APP一模一樣精緻。
全站以RWD響應式網頁(Responsive Web Design) 的方式設計,,讓網站能有更大的包容性,完全支援桌上型電腦、筆記型電腦、平板電腦、智慧型手機。
設計概念
快速重點式說明,讓使用者快速了解App,說明APP的功能,並引導使用者前往下載APP。
登陸頁 Landing Page要能快速讓使用者了解App,直接引導前往兩平台APP商店下載這個APP進行電影訂票的任務。
所以設計團隊把APP幾個特點,濃縮在一個頁面中,幫助使用者能在很短的時間內快速抓到重點。
擬真風格風格與設計元素也和APP內的設計一樣的精緻,讓整體的風格連接性更強。
而且不論使用者是使用何種裝置造訪頁面,因使用RWD 響應式網頁設計 (Responsive Web Design) 的形式,所有精緻的頁面元素,都會因使用者螢幕大小的不同,而被偵測與重新配置,相當有效率。
使用HTML5相關技術,讓瀏覽網站時,內容展示與畫面設計都能同步提升。
* 威秀影城|版權所有
色彩計劃
以威秀標準色的藍色為主色調,以淡灰色進行搭配
除了淡灰色與藍色系統的搭配外,淺灰橫細線的底紋,也在網站中被大量應用,讓畫面帶有質感與深度,不致太過科技與冰冷。
設計細節還包含擬真風格常見的圓角、下凹、陰影、光暈等擬真效果。
R227 G227 B227
#E3E3E3
R240 G240 B240
#F0F0F0
R4 G118 B222
#0476DE
R3 G65 B130
#034182
平板電腦版本
精簡優化後的版本,讓平板電腦也能順暢瀏覽
用平板電腦瀏覽此網站,也能因RWD響應式網頁(Responsive Web Design) 的方式設計,而得到絕佳的畫面呈現,所有複雜的視差元素經過優化作業,讓平板也能在較小的畫面顯示中,取得完美的平衡,輕鬆的瀏覽網站。
* 支援 iOS / Android / Windows 平板電腦
* 威秀影城|版權所有
桌上型電腦版本
用桌上型電腦或筆記型電腦瀏覽此網站,光是進入首頁就能感受到一股動態與氣勢。
以RWD響應式網頁(Responsive Web Design) 的方式設計,使網頁顯示的區域、可閱讀的範圍,變得比一般網站更大更寬,在尋找儀器或閱讀圖文時,也能帶來更好的瀏覽品質。
* 支援PC / Mac桌上型電腦、筆記型電腦,Chrome、Safari、Firefox及IE9以上之瀏覽器。
* 威秀影城|版權所有
相關案例
相關案例
威秀影城
威秀FUN電影 v1
相關案例
威秀影城
威秀FUN電影 v2