行业研究｜分析 Aesop 购物网站连获三大设计奖不可忽视的细节

▲点击"三分设"关注，回复"社群"加入我们

欢迎来到专业设计师学习交流社区

三分设｜连接知识，帮助全球 1 亿设计师成长

转自：体验进阶

编辑：章欣怡

共 1581 字，预计阅读 4 分钟

不知道大家有没有听过 Aesop （伊索） 这个澳洲护肤品牌子？以天然有机植物草本为卖点，大部分产在小几百到大几百之间。

Aesop 的天猫国际店截图

他们本来是特别注重线下体验店的，除了装潢考究之外，里面的护肤顾问也都是经过专门培训的。

这样一家原本挺传统的中高端护肤品牌，与知名设计公司 Work&Co 合作推出了自己的购物网站后。

这个网站确实做得很有特色，而且把护肤购物的体验细节打磨到位，做到了大型网购平台做不到的事情。

上线后连获三个奖，我们来看看有什么可以学习借鉴的地方。

信息架构

由于 Aesop 注重商品在精不在多，所以网站在导航里就直接将商品目录列出了，当然还是根据用途和肤质进行了分类。

这种商品名称列表的展示方式，还真不是什么电商都适用的。

但是 Aesop 的商品不多而且包装设计非常统一几乎没什么可预览的，而老顾客大多更需要快速补货或者找到新品，所以就不需要像普通电商那样一层一层地靠预览图寻找。

以及购物车的设计也非常简洁，没有图片只有文字，而且换成深色的背景以提醒用户注意。

内容策略

护肤品这类产品非常特殊，不像服装或者日用品那样看着不错就买了，而是需要向用户提供很多辅助信息才能促使其下单。

一般在门店里，顾问都会询问顾客的肤质和需求，向他们推荐合适的商品，并介绍其功效、用法、成分等信息，并打开让顾客闻一闻、试一试。

网上购物时，虽然闻一闻和试一试提供不了，但其它的部分还是要想办法提供。

Aesop 的官网的商品详情页里，第一屏图片旁边会 提供的基本信息包括：标题+功效说明+适合肤质+皮肤触感+主要成分+容量+价格。

第二屏会 提供一张使用商品的视频或者图片，并提供更多信息：用法+用量+材质+气味。

第三屏会 告诉用户，做一套完整的护肤流程是怎样的，以及还可以购买哪些配套的商品。

另外，回头客会收到基于购买记录的个性推荐，内容也会根据季节和地域气候量身定制。

视觉语言

Aesop 的产品包装非常简洁，深棕色的瓶子上，贴着米黄色的包装纸，上面印着深灰色的字，除了一些矩形框之外，几乎毫无装饰。

线下门店的也是在结构上规整干练，但因为多用木质材料，所以没有工业风格那种冷冰冰的感觉。

Aesop 的网站设计使用了与包装纸类似的色调，把白底换成米黄色，上面无论是线条还是文字，都是统一的深灰色。

而且整个网站在布局上运用了很多大方框和抽拉效果，与线下门店的设计风格像呼应。

对于商品展示的风格，设计团队也是给出了一套与网站设计匹配的范例，Aesop 未来如果要增加新品，也可以在此基础上进行拓展延伸。

另外，配套的活动页也设计也挺有特色的。

思考总结

虽然国内购物都是平台的天下，但是很多大品牌还是没有放弃做自己的网站。

Aesop 这个网站，不论是在视觉风格、内容策略还是信息架构上，都是为这个品牌量身定制的，在细致程度上有统一模板的电商平台难以企及的地方。

我想未来哪怕平台再强再大，小而美的电商如果能够把细分领域的体验做到极致，还是有自己的生存空间的。

---

🙋 我们一起聊设计 🙋‍♂️

微信行业交流群

期待与更多优秀设计师一起成长

PS：欢迎大家关注三分设，每天早上9点，准时充电。分享优质设计、创意灵感、新知新识，定期大咖老师直播分享，零距离连麦，答疑解惑。 添加小小虫微信号【 Lil_Bug 】，备注【 三分设 】加入！（只面向星标了公众号三分设的粉丝）

---

推 荐 课 程

星标公众号方法

点开下方公众号 ➡️  点击右上角【...】 ➡️   设为星标