↑ 這是一家網購平台的期間限定活動網站,利用一星期七天的概念來製作整個網頁內容。
首頁中有七張書籤懸掛在畫面裡,各代表了一星期的每一天,每一天有搭配好的服飾和主題,畫面主要風格清新淡雅。單滑鼠游標一到指定的書籤上時,書籤的顏色會有變化,點選後即進入七天的其中一天。
↑ 選則其中一天後,進入新的畫面,畫面中背景以插畫風格呈現,但是顏色過淡的字體在閱讀上比較不容易,畫面位置會隨著視窗大小做改變,左邊以像標籤紙的樣子各自連接其他的日子,也有回到首頁(Top)或是前一頁(Prev),最右邊也有做下一頁(Next)標籤紙按鈕,前一頁(Prev)和下一頁(Next)的功用是可以直接的切換到前一天的服飾或是後一天的服飾,瀏覽者可以自由選擇喜歡的方式瀏覽。
↑ 仔細觀察人物的下方有四個小點點,這四個小點點表示人物有四種動作呈現,畫面中的人物會自己不斷切換這四個動作,但是當瀏覽者自己點選下面的小點點時,就會是你所指定的那個動作了,但是還是會自動切換喔!一開始不太容易看見四個小點,但是設計者有在小點做小變化,就是當輪到那個動作的小點時,小點旁邊會有旋轉的圈圈,這時才容易讓人明白這個點點的用意。
↑ 網頁的特色在可以 zoom in 和 zoom out 畫面中的人物,放大後的人物還會隨著滑鼠移動的方向上下移動觀賞,讓想購買衣服的瀏覽者可以清楚了解。
↑ 竟然是購物網站的活動網頁,網頁就根據左邊人物的衣物在右方設置購物連結(目前已經沒有商品了) ,商品項目以條列式呈現,在模特兒身上看到的通通都可以購買,而且畫面上方用鉛筆手寫的日文來介紹商品,和背景的插畫還有標籤紙呈現一致的感覺。
另外畫面的正中央上方位置一直有一個 ○BEYES 的標示,那就是這個購物網站的連結了,點進去就會進入購物網站的首頁,不同於這個 7days 的活動網頁。
這個購物網站特別設置的網頁呈現風格以插畫的風格呈現,有一種手工且細膩的感覺,而且活動話題性高,又以書籤、標籤紙、插畫和手寫的感覺呈現一致性,是吸引人的活動網頁。
Website: http://www.beyes.jp/recommend/63/
沒有留言:
張貼留言