做好大平台忽略的细节，这购物网站连获三大设计奖

做好大平台忽略的细节，这购物网站连获三大设计奖

原创 设计师ZoeYZ 体验进阶 今天

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

图片

Aesop 的天猫国际店截图

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

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

图片

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

图片

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

图片

信息架构

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

图片

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

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

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

图片

内容策略

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

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

图片

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

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

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

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

图片

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

图片

视觉语言

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

图片

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

图片

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

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

图片

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

图片

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

图片

思考总结

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

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

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

这个网站做得好，我觉得是定位清晰，想清楚产品的战略层和范围层定位定位，并运用到结构层、框架层、表现层。

推荐一下一本书：《用户体验要素》，可以帮你理解一个产品的不同层次：

如果你没空细读这本书，我整理出了一套精简版 PPT，并提供了直播讲解，扫码还可以免费试看第一章：

图片

老规矩，我的大部分付费内容都是对知识星球的会员免费的：

图片

如果你只是想要多认识一些同行，也可以加入我们无广告的纯粹体验研讨微信群：

图片

图片

图片

设计师ZoeYZ

众筹咖啡

喜欢作者

阅读 582

写下你的留言

精选留言

生活离奇

操作了一下....emmm视觉展示偏多的感觉，只适合小体量，少产品种类的

----------------------------
本文由新墨整理并发布。转载来自互联网，若侵权则删除！
新墨5年开发经验，45名团队成员，上线已达100+产品，于北京和成都2个城市提供技术开发服务。致力于提供APP开发,小程序开发,微信开发,IOT物联网开发,电商系统开发,教育系统开发,H5开发,游戏开发,用户体验设计,课件设计

新墨官网地址：http://www.sinmore.com.cn/
新墨物联网站：http://www.sinmore.cn/