不知道大家有没有听过 Aesop（伊索）这个澳洲护肤品牌子？以天然有机植物草本为卖点，大部分产品在小几百到大几百之间。产品的网站上线后连获三奖，网站做得好，我觉得是定位清晰，想清楚产品的战略层和范围层定位定位，并运用到结构层、框架层、表现层。下面我们从各个层面分析一下网站的有哪些可以学习借鉴的地方。
Aesop 的天猫国际店截图
他们本来是特别注重线下体验店的，除了装潢考究之外，里面的护肤顾问也都是经过专门培训的。
这样一家原本挺传统的中高端护肤品牌，与知名设计公司 Work&Co 合作推出了自己的购物网站。
这个网站确实做得很有特色，而且把护肤购物的体验细节打磨到位，做到了大型网购平台做不到的事情。
上线后连获三个奖，我们来看看有什么可以学习借鉴的地方。
信息架构
由于 Aesop 注重商品在精不在多，所以网站在导航里就直接将商品目录列出了，当然还是根据用途和肤质进行了分类。
这种商品名称列表的展示方式，还真不是什么电商都适用的。
但是 Aesop 的商品不多而且包装设计非常统一几乎没什么可预览的，而老顾客大多更需要快速补货或者找到新品，所以就不需要像普通电商那样一层一层地靠预览图寻找。
以及购物车的设计也非常简洁，没有图片只有文字，而且换成深色的背景以提醒用户注意。
内容策略
护肤品这类产品非常特殊，不像服装或者日用品那样看着不错就买了，而是需要向用户提供很多辅助信息才能促使其下单。
一般在门店里，顾问都会询问顾客的肤质和需求，向他们推荐合适的商品，并介绍其功效、用法、成分等信息，并打开让顾客闻一闻、试一试。
网上购物时，虽然闻一闻和试一试提供不了，但其它的部分还是要想办法提供。
Aesop 的官网的商品详情页里，第一屏图片旁边会提供的基本信息包括：标题+功效说明+适合肤质+皮肤触感+主要成分+容量+价格。
第二屏会提供一张使用商品的视频或者图片，并提供更多信息：用法+用量+材质+气味。
第三屏会告诉用户，做一套完整的护肤流程是怎样的，以及还可以购买哪些配套的商品。
另外，回头客会收到基于购买记录的个性推荐，内容也会根据季节和地域气候量身定制。
视觉语言
Aesop 的产品包装非常简洁，深棕色的瓶子上，贴着米黄色的包装纸，上面印着深灰色的字，除了一些矩形框之外，几乎毫无装饰。
线下门店的也是在结构上规整干练，但因为多用木质材料，所以没有工业风格那种冷冰冰的感觉。
Aesop 的网站设计使用了与包装纸类似的色调，把白底换成米黄色，上面无论是线条还是文字，都是统一的深灰色。
而且整个网站在布局上运用了很多大方框和抽拉效果，与线下门店的设计风格像呼应。
对于商品展示的风格，设计团队也是给出了一套与网站设计匹配的范例，Aesop 未来如果要增加新品，也可以在此基础上进行拓展延伸。
另外，配套的活动页也设计也挺有特色的。
思考总结
虽然国内购物都是平台的天下，但是很多大品牌还是没有放弃做自己的网站。
Aesop 这个网站，不论是在视觉风格、内容策略还是信息架构上，都是为这个品牌量身定制的，在细致程度上有统一模板的电商平台难以企及的地方。
我想未来哪怕平台再强再大，小而美的电商如果能够把细分领域的体验做到极致，还是有自己的生存空间的。
原文地址：体验进阶（公众号）
作者：设计师ZoeYZ
转载请注明：学UI网》做好大平台忽略的细节，这购物网站连获三大设计奖
文章来源：站酷 作者：陈皮Celia
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
