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

CAFÉ CUBA

http://cafecuba.in/

"Hola Conmrade XXX.XXX.XX.XX(瀏覽者的IP)......"

一點進這個網站，第一段文字就是在和你打招呼，彷彿在號召你一同參加某個十分偉大的革命活動。

是的，CAFÉ CUBA將他們的產品認定為一場 Coffee Revolution。

不過，這場革命是怎麼開始的?CAFÉ CUBA設計了這個互動式網站，來告訴大家他們的品牌理念和由來。

如程式般的文字，在和你打招呼的同時，也向你下達下一步的指令:R+Enter
讀者必須跟著指令做，故事才會接著進行。

在這又向你下了下一道指示。

在說故事前，先介紹一下人員...當然，以非常迅速的動畫結束。

接著，開始說故事。
整個網站是以動畫的方式進行，由符號來拼湊出的畫面帶點復古感。

雖然是由符號來完成動畫，卻不馬虎。搭配著文字敘述，人物仍有生動的表情變化。

為了構成一個完整的畫面，需要用到大量的符號來排列。不過單一的色彩，避免了大量符號可能帶給視覺上的不舒適，僅在一些重點上配上紅、藍、咖啡已作區別。

故事說完了，為了確認讀者有沒有認真看，CAFÉ CUBA設置了password；

當然，如果你覺得前面的動畫有點冗長，你也可以按下Esc跳過，不過最後一樣要輸入password!

如果跟我一樣解不開，可以到他們的Twitter去詢問。

像這樣敘述品牌故事的方式十分有趣。在不得不按照指令做，才能繼續往後看的情況下，就像玩遊戲一樣，必須達到條件才能繼續破關。在最後還必須輸入password，使的讀者必須要仔細看內容才會知道答案。CAFÉ CUBA並不是只做出精美的動畫來介紹自己的品牌故事，而是打造出一個能和讀者互動的"遊戲"，在眾多網站中，讓我留下深刻印象。