Mark's maste 和紙膠帶

http://maste-marks.jp/

Mark's maste是日本和紙膠帶的大品牌之一。

Mark's maste首頁色彩如同他們的紙膠帶一樣的繽紛，卻不會雜亂，反而有些清爽。

除了一字排開、擺在畫面上的選單外，在畫面的左邊還有幾個色彩繽紛的小半圓。他們的功用不是裝飾，而是選單的另一種呈現方式!

講述品牌故事的部分也是以圓形作為主視覺，與紙膠帶的圓形造型相互呼應，也讓死板的文字敘述更加活潑。

網頁裡有很多介紹紙膠帶的用途和創作，排版的方式就如同一個作品集。
單純的作品搭上色彩繽紛的背景，讓整個頁面豐富了起來，也傳達了Mark's maste和紙膠帶的多樣化。

在產品介紹的部分也極具巧思。品項的分類有著類似按鈕的圓形圖樣，但事實上是紙膠帶側面看上去的樣子!

 展示各個紙膠帶的圖樣時，也和一般網頁展示的方法不同。一般的方式是拍下整捲紙膠帶的樣子，並在底下"貼"出一段紙膠帶，讓消費者知道圖案樣式，但這樣的方法容易讓畫面看起來很雜亂；Mark's maste的網頁則是以"色票"的形式展示，讓消費者一目瞭然，使得整個畫面看起來很整齊、舒服!

(Mark's maste如色票般的陳列)

(一般的展示方法)

此外，他們也很貼心地告訴消費者紙膠帶的尺寸!

 Mark's maste網頁的配置，處處透露著他們的商品款式有多麼豐富、多樣化；許多地方用上圓形的造型也讓畫面顯得活潑，並與紙膠帶的外型做搭配。這些極具巧思的設計，讓人更加喜歡 Mark's maste的產品!

CHANEL

http://www.chanel.com/

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

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

     

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

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

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

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

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

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

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

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

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