不知道大家有沒有聽過 Aesop(伊索)這個澳洲護膚品牌子?以天然有機植物草本為賣點,大部分產品在小幾百到大幾百之間。產品的網站上線后連獲三獎,網站做得好,我覺得是定位清晰,想清楚產品的戰略層和范圍層定位定位,并運用到結構層、框架層、表現層。下面我們從各個層面分析一下網站的有哪些可以學習借鑒的地方。
Aesop 的天貓國際店截圖
他們本來是特別注重線下體驗店的,除了裝潢考究之外,里面的護膚顧問也都是經過專門培訓的。
這樣一家原本挺傳統的中高端護膚品牌,與知名設計公司 Work&Co 合作推出了自己的購物網站。
這個網站確實做得很有特色,而且把護膚購物的體驗細節打磨到位,做到了大型網購平臺做不到的事情。
上線后連獲三個獎,我們來看看有什么可以學習借鑒的地方。
信息架構
由于 Aesop 注重商品在精不在多,所以網站在導航里就直接將商品目錄列出了,當然還是根據用途和膚質進行了分類。
這種商品名稱列表的展示方式,還真不是什么電商都適用的。
但是 Aesop 的商品不多而且包裝設計非常統一幾乎沒什么可預覽的,而老顧客大多更需要快速補貨或者找到新品,所以就不需要像普通電商那樣一層一層地靠預覽圖尋找。
以及購物車的設計也非常簡潔,沒有圖片只有文字,而且換成深色的背景以提醒用戶注意。
內容策略
護膚品這類產品非常特殊,不像服裝或者日用品那樣看著不錯就買了,而是需要向用戶提供很多輔助信息才能促使其下單。
一般在門店里,顧問都會詢問顧客的膚質和需求,向他們推薦合適的商品,并介紹其功效、用法、成分等信息,并打開讓顧客聞一聞、試一試。
網上購物時,雖然聞一聞和試一試提供不了,但其它的部分還是要想辦法提供。
Aesop 的官網的商品詳情頁里,第一屏圖片旁邊會提供的基本信息包括:標題+功效說明+適合膚質+皮膚觸感+主要成分+容量+價格。
第二屏會提供一張使用商品的視頻或者圖片,并提供更多信息:用法+用量+材質+氣味。
第三屏會告訴用戶,做一套完整的護膚流程是怎樣的,以及還可以購買哪些配套的商品。
另外,回頭客會收到基于購買記錄的個性推薦,內容也會根據季節和地域氣候量身定制。
視覺語言
Aesop 的產品包裝非常簡潔,深棕色的瓶子上,貼著米黃色的包裝紙,上面印著深灰色的字,除了一些矩形框之外,幾乎毫無裝飾。
線下門店的也是在結構上規整干練,但因為多用木質材料,所以沒有工業風格那種冷冰冰的感覺。
Aesop 的網站設計使用了與包裝紙類似的色調,把白底換成米黃色,上面無論是線條還是文字,都是統一的深灰色。
而且整個網站在布局上運用了很多大方框和抽拉效果,與線下門店的設計風格像呼應。
對于商品展示的風格,設計團隊也是給出了一套與網站設計匹配的范例,Aesop 未來如果要增加新品,也可以在此基礎上進行拓展延伸。
另外,配套的活動頁也設計也挺有特色的。
思考總結
雖然國內購物都是平臺的天下,但是很多大品牌還是沒有放棄做自己的網站。
Aesop 這個網站,不論是在視覺風格、內容策略還是信息架構上,都是為這個品牌量身定制的,在細致程度上有統一模板的電商平臺難以企及的地方。
我想未來哪怕平臺再強再大,小而美的電商如果能夠把細分領域的體驗做到極致,還是有自己的生存空間的。
原文地址:體驗進階(公眾號)
作者:設計師ZoeYZ
轉載請注明:學UI網》做好大平臺忽略的細節,這購物網站連獲三大設計獎
文章來源:站酷 作者:陳皮Celia
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務