↑ 本周網頁分析的"新鮮"貨為最近推出的全家便利商店的新網頁,是配合近期集點活動所設計的網頁。由於活動產品和動漫航海王合作,在進入畫面時會有可愛的方向盤船舵旋轉讀取,整體的網頁呈現是漫畫形式。
另外,畫面中右邊的藝人納豆和阿Ken兩人都擺動,主要的公仔圖後面也有光芒散發的動畫,旁邊的箭頭和把手也在閃爍晃動。
↑ 網頁的第一部分是「公仔介紹」,介紹說明用對話框呈現,畫面中在閃爍晃動的箭頭和把手,原來只要滑鼠一進入把手範圍內,公仔小人(魯夫)就會跟著把手旋轉。
↑ 同一個介面可以選擇不容的人物介紹,都在下方的漫畫式小分隔,滑鼠移入小分隔會上升。
↑ 接著第二部分是「集點機制說明」,同樣也是用漫畫的形式,但是分鏡的方式不同。在阿Ken人味的對話框內有四個選項,點選後會跳出小視窗提供閱覽,背景會調暗來幫助閱讀。
↑ 第三部分是「廣告TVC」,總共有三個廣告可以播放,廣告在畫面正中,有邊還可以將喜歡的廣告推薦到噗浪、臉書和推特三個地方。
↑第四部分是「冒險大頭貼」,主要是跟瀏覽者互動的部分,這頁的收尋、立即上傳、實境遊戲的選項,都做了可愛的晃動,就像上課老師說的一樣,晃動的按鈕真的會很想去點選他!可愛又吸引人。
↑ 畫面中大家上傳的照片,都可以點選來看,都會在畫面正中央出現小視窗。↑ 如果要自己製作圖片的話,都可以輕鬆製作,只要點選立刻上傳的箭頭標示,就會有小視窗一步一步進行活動。選擇好照片的話就可以挑選喜歡的人物角色,照片還可以調整大小和上下左右,在來只要打上對話和暱稱就OK了,確定送出就可以在網路看到自己製作的照片漫畫了。
↑ 另外一項即是利用手機進行的擴增實境活動,畫面進行在右側的分鏡內。(礙於手機過於低階,這種活動我無法參加(遠目),有高階手機的人再自己去試玩吧)
↑ 最後一項才是「首頁」,他的安排方式和先前的四項有些不同,前面四個部分都是同樣在畫面正上方有選項可以換頁,首頁則是安排在中間偏上的部分,而首頁用了很多有趣的對話,畫面上的公仔角色滑鼠移過去都會旋轉和出現小對話框,非常可愛。
整體的網頁結構很完整,雖然漫畫風格強烈,但沒有特別突出的部分,呈現的方式都是兩種方式,一種是在主要的分鏡、畫面最大的主視覺區塊上切換頁面;另外一種是跳出額外小視窗
,背景暗掉的形式,沒有更有趣的作法。優點是宣傳效果極佳,活動清楚讓人了解,也利用網路上串連的優勢,漫畫風格的樣式也很有趣。
(網絡圖)
Website: http://event.family.com.tw/onepiece/#/index
沒有留言:
張貼留言