不知道大家有沒有聽說「Aesop」這個澳洲護膚品牌呢?Aesop是以天然有機植物草木為賣點的澳洲知名護膚品牌，價格親民，深受不少當地女性喜愛。

除此之外，該品牌網站上線後更是連獲三獎，這可能是因為Aesop一直清楚產品的戰略層和範圍層定位，並運用到網站的結構層、框架層、表現層，向消費者清晰地展現自己的品牌理念，從而吸引潛在消費者的轉換。下面，我們一起看看Aesop是如何利用網站連獲三獎?

網頁設計案例

將線下理念延續至線上

Aesop非常注重線下實體店的客戶體驗，除了裝潢考究，護膚顧問更是經過專門的培訓，務求給予客戶更專業的護膚服務。

然而，這樣一家原本挺傳統的中高端護膚品牌，卻考慮推出自己的購物網站，並且整個網站設計都做得非常有特色，將護膚和購物的客戶體驗細節都打磨得恰到好處。

網頁設計案例

信息架構：直接在導航列出所有商品

網頁設計案例

Aesop的產品並不多而且包裝設計非常統一。整體網站設計以極簡主義風格為主，導航設計直接將所有商品目錄列出，並根據用戶途和膚質進行分類，方便老顧客以最短時間補貨或找到新品，無需像其他電商平台那樣逐層靠預覽圖尋找。

網頁設計案例

另外，Aesop的購物車設計也非常簡潔，沒有圖片只有文字，並換成深色背景，增加用戶的注意力。

內容策略：向客戶提供更多輔助信息

大多消費者對服裝、日用品這類產品的態度都是「看着不錯就入手」，但護膚品比較特殊，它需要向消費者提供很多輔助信息才能促使他們下單。

在門店裡，顧問可以透過直接詢問顧客的膚質和需求，向他們推薦合適的商品，除了用言語介紹該商品的功效、用法和成分等信息外，還可以讓顧客聞一聞、試一試，以真實體驗了解產品的功效。

這也是線下購物與線上購物最大的區別，也是線上購物最大的弊端。

網頁設計案例

為彌補這一缺陷，Aesop網站設計特意在商品詳情頁中，提供詳細的商品基本信息，包括：標題、功效說明、適合膚質、皮膚觸感、主要成分、容量以及價格等，消費者即使無法觸碰到商品，也能感受到它的效用，判斷是否適合自己使用。

第二屏頁面設計中，Aesop不僅提供商品的相關視頻或圖片，還提供更多關於商品的用法、用量、材質以及氣味等。

第三屏頁面設計，則是為客戶提供該商品完整的護膚流程和配套使用的其他商品。

回顧整個商品頁面設計不僅讓消費者能深入了解商品的功效和使用方法，同時還能引導顧客主動選購其他相關商品。

此外，Aesop還根據消費者基於購物記錄提供的個性化推薦，內容主要根據季節和地域氣候量身定製。

網頁設計案例

視覺語言：網頁設計與產品包裝保持一致

Aesop產品包裝與它的品牌理念一樣，整體設計非常簡潔，深棕色瓶子貼着米黃色包裝紙，包裝紙上印着深灰色文字。此外，除了一些矩形框突出產品的賣點外，包裝幾乎沒有其他的裝飾元素。

網頁設計案例

Aesop網站設計的配色方案採用與產品包裝設計色調，背景色以米黃色為主，裝飾元素和文字元素則統一使用深灰色。

網頁設計案例

整個網站布局運用很多大方框和抽拉效果，與線下門店的規整幹練設計風格相呼應。

網頁設計案例

此外，配套活動頁面設計與網站主題保持一致，但同時非常有特色，讓消費者一眼就能記住。

網頁設計案例

Aesop網站設計不論從整體視覺風格、內容策略，還是信息架構，都能是依據品牌理念量身定製。整體設計重視的細緻程度，不僅增加了說服消費者購物的籌碼，同時有別於那些有統一模板的電商平台。