2011年2月23日 星期三

門司港ホテル



  •    這是「門司港飯店」的十周年活動網頁。飯店業務主要承辦婚禮喜宴活動,因此以十對夫妻的故事做成活動網頁,網頁簡單的風格讓人感覺清新高雅。



  •     畫面中的照片小圖,以摩天輪的方式旋轉向上移動,當滑鼠移到圖片時即出現顏色,圖片前方也會出現標示著第幾個故事,點選後就會進入新的畫面,播放CM影片,影片以一對夫妻為故事主角,總共10張小圖代表10個故事CM。

  •     進入新畫面的之後即開始播片影片,網頁畫面以影片為主,左邊有說明為第幾個故事,也可以回到首頁(TPO),標示按鈕以灰色的色彩以不影響主要畫面,上下方各有一個箭頭,可以上下切換影片,網頁的特色在於切換時也是沿著先前首頁圓弧線的路線來切換內容,就很像只是把畫面拉近觀賞的感覺。


  •     右邊箭頭點選後畫面向右移動進入新畫面,有文字說明故事內容,左方的文字標題更明顯點出這對夫妻的特色,畫面中的照片還會不時切換新照片。就連這頁的瀏覽方式也可以用上下箭頭移動觀賞其他的故事內容。


  •     回到首頁後還可以發現你看過的內容的縮小圖會變成彩色的,而原先首頁沒有出現的次網頁,因為瀏覽過的關係,從畫面中跑出來了並跟著影片的縮圖一同旋轉。 讓瀏覽著可以清楚知道哪些是看過的。



  •     網頁的特色在於用兩條圓弧線串連次網頁的縮圖,移動時也保有這一項特色,讓網頁的移動具有空間感。由於瀏覽次網頁時沒有限制可以上下直接閱覽,回到首頁時還會出現影片沒看過,但是故事內容卻閱讀過的情形,首頁就會有上圖的表現。


  •     另外不論是在任何次網頁或首頁,右下角都有公司詳細的網頁資訊,特別是右下的 special +1 STORY 選項連結,文宣的幽默暗示著想結婚的瀏覽客人成為他們公司新的一段故事。



  •       點選後有一段文字出現,像是揭開序幕的感覺,隨後即進入詳細的資訊內容。 





  •   網頁其他詳細說明的頁面連結有統一風格,背景照片更塑造出飯店宴會優美華麗的高雅氣氛,讓客人更清楚飯店的風格。
  •     整體網頁沒有過多華麗的表現和動畫,透過瞬間的感動,來做為廣告的的效果,網頁又以單純的色調和簡單的風格呈現,過程中瀏覽方式清楚明顯。



 Website: http://www.mojiko-hotel.com/10thstory/