由華研音樂結合文創電子商務所開發的服飾品牌ORENDA(歐蘭達),主張台灣團隊設計,與一般網拍的批發模式不同。服裝設計上相對簡約、不那麼甜美的「輕古怪」、「個性」元素也反映在網站的設計上,成功的傳達的品牌印象。如何透過細微的設計表達這些品牌inside,是我選擇 ORENDA做為這次網站設計分析的原因。

  • 用黑白色系設計購物商城

product-1  

在ORENDA網站裡,所有的UI設計清一色為黑白配。這跟以往我們總是認為要用繽紛多彩的UI DESIGN來吸引使用者目光的想法很不同。透過嚴謹的排版設計,讓網站的注目焦點停留在商品上,不會被多餘的色彩所干擾。相信這也是未來設計類似的購物網站時的趨勢,尤其在手機版或是其他裝置上的呈現,單純的黑白配色才不容易干擾視覺,更能凸顯商品特色。

  • 細長的NAV設計、親切的NAV文案

NAV  

在NAV的設計上,ORENDA使用帶點灰的咖啡色(#a5a29e),比較讓我訝異的是他的長度,大概只有100px不到,一般來說很多購物網站都會把NAV做的很大並塞上很多AD BANNER,ORENDA並沒有這麼做,而是把所有資訊收納在三個分類上(逛逛、聊聊、號外),讓使用者一進網站便可以直覺的找尋商品,不會被過多的廣告惹火。

NAV-01  
(↑直覺的收納設計讓使用者簡單的找到商品)

我覺得另一個ORENDA很特別的地方,就是在他的NAV的文案設計上。逛逛、聊聊、號外分別代表了「商品」、「消息」及「促銷」。ORENDA用了很親切卻直覺的文案取代了原本生硬的文案,但這個做法老實說有點冒險,因為實在是看過太多莫名其妙的文案設計(活動網站特別容易發生這樣的致命缺點),容易讓使用者摸不著頭緒:這個到底是甚麼?它到底要表達甚麼?所以這樣的做法要非常了解使用者心理,才能精準的打中使用者的理解能力。我想這就是為甚麼之前去上課時,講師說的一個好的UX、UI設計其實背後有個強大的心理學理論。

product01  
(↑「請聽我娓娓道來」是商品介紹、「這些也很不錯!我想妳會喜歡」是商品推薦,彷彿店員在一旁親切提醒的文案,讓人感覺十分親近)

  • 放棄側邊欄,收納在上方

NAV-02  

上次寫Etsy的時候就講到,「去除側邊欄」大概是網站設計的趨勢。ORENDA也使用了相同的方法,大膽的將所有分類收納在上方,讓使用者能更專注在內容上。同樣使用親切的文案讓使用者能夠很快的理解內容。在字體的選擇上使用了Arial Narrow與正黑體,十分符合ORENDA想要傳達的一點點古怪、一點點個性的品牌精神。

blog 
(↑ORENDA的「聊聊」分類中,使用流瀑式的設計來做文章的呈現方式)

文章標籤
創作者介紹
創作者 ariselin0224 的頭像
ariselin0224

Ariselin Design

ariselin0224 發表在 痞客邦 留言(0) 人氣()