2015年4月24日 星期五

網頁分析_camper

CAMPER的網站架構比較沒有那麼花俏,偏向傳統形式,但在小細節有做一點巧思變化,我覺得滿不錯的。
首頁就出現了以鞋子為主的動圖,感覺滿可愛的,也很吸引人注意。

























選單是採用網頁主色調,深紅色以及大地色,還有背景的白色,雖然好像少了一點變化,不過整體看起來很舒服,也可以讓網頁瀏覽者清楚的找到自己想要的分類。













網頁footer比較高,使用跟底色一致的白色,看起來很乾淨而且易讀。













在網路商域的部分比較有趣的是,網頁有分大中小圖示可以選擇,讓消分者瀏覽時,可以選擇自己想要的大小來觀看。





































還有另一個小巧思是,當mouseover鞋子圖片時,鞋子會有不同角度的呈現。
如圖左邊鞋子的方向跟另一雙不同













點進去想看的商品時,會有商品的介紹,整體呈現也很乾淨,也有把鞋子細節部分拍出來讓消費者看到。













2015年4月12日 星期日

網頁分析_impossible-bureau

現在越來越多網頁都是設計成單一網頁,只有一個卷軸下拉帶出不同主題,符合現在智慧型手機用戶的習慣,可以單一網頁一路滑到底,不用再等網頁重新loading,也比較方便 。

這個網頁屬於互動性,穿插互動與動畫,一邊滑動卷軸會有不同驚喜。

這是一開始的首頁,loading時會有icon的小動畫,加上背景是很漂亮的漸層色,一開始就可以吸引到觀者的注意。













接著是一小段的介紹文字,這個區塊內的灰色點點背景可以隨著滑鼠移動而跟著變化。












最上面的icon如果滑鼠滑到上面會有動畫以及變顏色。












這個主題是以圖表呈現,當卷軸滑到這頁時,是以動畫的方式讓圖表跑出來,很有趣。














接下來這個頁面是以簡潔的線條畫出服務的項目,讓人一目了然,而線條的顏色採用漸層設計。












以下是客戶和公司成員介紹














最後的footer也做得很有創意,一樣是互動式的設計,一開始是溫暖的紅橘色調,當滑鼠滑到上面時,會在滑鼠的周圍產生紫色的漸層,顏色上依舊很吸引人。





































網站連結:http://www.impossible-bureau.com/studio