Alice

不知道大家有没有听过 Aesop(伊索)这个澳洲护肤品牌子?以天然有机植物草本为卖点,大部分产品在小几百到大几百之间。产品的网站上线后连获三奖,网站做得好,我觉得是定位清晰,想清楚产品的战略层和范围层定位定位,并运用到结构层、框架层、表现层。下面我们从各个层面分析一下网站的有哪些可以学习借鉴的地方。

图片

Aesop 的天猫国际店截图

 

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

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

图片

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

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

图片

 

信息架构

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

图片

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

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

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

图片

 

内容策略

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

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

图片

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

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

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

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

图片

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

图片

 

视觉语言

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

图片

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

图片

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

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

图片

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

图片

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

图片

 

思考总结

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

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

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

 

原文地址:体验进阶(公众号)

作者:设计师ZoeYZ

转载请注明:学UI网 » 做好大平台忽略的细节,这购物网站连获三大设计奖

登录收藏
 
你可能喜欢的:
被刷屏的微软全新3D表情,微软官方分享背后的设计思路被刷屏的微软全新3D表情,微软官方分享背后的设计思路
【大咖专访】脑海塞满宇宙的超酷画师逆袭之旅——FIREYE【大咖专访】脑海塞满宇宙的超酷画师逆袭之旅——FIREYE
太强了!这些Dribbble顶尖插画大神的作品,是我学习的源泉太强了!这些Dribbble顶尖插画大神的作品,是我学习的源泉
【大咖专访】大老虎:保持平常心做好每个字【大咖专访】大老虎:保持平常心做好每个字
什么是数据可视化什么是数据可视化
2021 1/2 杂集2021 1/2 杂集
党建海报设计得太丑?试试这9个方法党建海报设计得太丑?试试这9个方法
老虎帮学徒APP作品第三弹老虎帮学徒APP作品第三弹
创意设计合辑(三维项目)* Alan 2020创意设计合辑(三维项目)* Alan 2020
这些 Dribbble 顶尖UI大神的作品,是我学习的源泉!这些 Dribbble 顶尖UI大神的作品,是我学习的源泉!