CHANEL

http://www.chanel.com/

這次要來介紹高級精品---CHANEL 的網頁!

CHANEL的首頁排版十分乾淨簡潔。
品牌名稱、幾個簡單的目錄再加上一大張的照片，大方的留白，不會顯得單薄，反而顯得簡單俐落!
同時，CHANEL做的是響應式網站，在手機上瀏覽的首頁變得更加俐落，效果更好!

     

每個選單點進去後，會發現設計的方式並太不一樣。
像是HAUTE COUTURE的部分，頁面是隨著滑鼠的移動方向來做滑動(有種用滑鼠來做觸控的感覺)。整個畫面沒有什麼文字敘述，以照片為主，就像是用照片來代替標題。

雖然在操作方式上，FASHION的部分跟HAUTE COUTURE基本上是一樣的，但是藉由白底與黑底襯托出不一樣的氛圍。

在講述品牌故事的部分也很特別。

(用自家的logo代替loading...)

CHANEL的品牌故事的陳述方法有點像小說，講不同故事時是以"第x幕..."(CHAPTER)為標題。

但是畫面卻不像書本那樣靜態，而是用動畫或影片來佈景。黑白影像和手繪插圖，有濃厚的復古感。

時間軸的設計讓人一目瞭然。

在產品介紹的部分，主視覺以產品的照片為主，並以黑色或暗色搭配，雖然看起來典雅，但是有點單調。相較於其他部分，顯得有點乏味，而且有點難找產品。

CHANEL在首頁的設計上很容易吸引顧客的目光，裡面的設計有的也很獨特，但也有些缺點。像是解說品牌故事的方式，因為是歷史悠久的品牌，故事也較多，便像小說依樣分章節敘述，這個點子就很特別。但是太多地方使用動畫或影片，很容易眼花、頭暈，有點可惜。