极简主义网页设计案例:看看 Aesop如何利用网站连获三奖

不知道大家有没有听说「Aesop」这个澳洲护肤品牌呢?Aesop是以天然有机植物草木为卖点的澳洲知名护肤品牌,价格亲民,深受不少当地女性喜爱。

除此之外,该品牌网站上线後更是连获三奖,这可能是因为Aesop一直清楚产品的战略层和范围层定位,并运用到网站的结构层、框架层、表现层,向消费者清晰地展现自己的品牌理念,从而吸引潜在消费者的转换。下面,我们一起看看Aesop是如何利用网站连获三奖?

极简主义网页设计案例:看看 Aesop如何利用网站连获三奖

网页设计案例

将线下理念延续至线上

Aesop非常注重线下实体店的客户体验,除了装潢考究,护肤顾问更是经过专门的培训,务求给予客户更专业的护肤服务。

然而,这样一家原本挺传统的中高端护肤品牌,却考虑推出自己的购物网站,并且整个网站设计都做得非常有特色,将护肤和购物的客户体验细节都打磨得恰到好处。

极简主义网页设计案例:看看 Aesop如何利用网站连获三奖

网页设计案例

信息架构:直接在导航列出所有商品

极简主义网页设计案例:看看 Aesop如何利用网站连获三奖

网页设计案例

Aesop的产品并不多而且包装设计非常统一。整体网站设计以极简主义风格为主,导航设计直接将所有商品目录列出,并根据用户途和肤质进行分类,方便老顾客以最短时间补货或找到新品,无需像其他电商平台那样逐层靠预览图寻找。

极简主义网页设计案例:看看 Aesop如何利用网站连获三奖

网页设计案例

另外,Aesop的购物车设计也非常简洁,没有图片只有文字,并换成深色背景,增加用户的注意力。

内容策略:向客户提供更多辅助信息

大多消费者对服装、日用品这类产品的态度都是「看着不错就入手」,但护肤品比较特殊,它需要向消费者提供很多辅助信息才能促使他们下单。

在门店里,顾问可以透过直接询问顾客的肤质和需求,向他们推荐合适的商品,除了用言语介绍该商品的功效、用法和成分等信息外,还可以让顾客闻一闻、试一试,以真实体验了解产品的功效。

这也是线下购物与线上购物最大的区别,也是线上购物最大的弊端。

极简主义网页设计案例:看看 Aesop如何利用网站连获三奖

网页设计案例

为弥补这一缺陷,Aesop网站设计特意在商品详情页中,提供详细的商品基本信息,包括:标题、功效说明、适合肤质、皮肤触感、主要成分、容量以及价格等,消费者即使无法触碰到商品,也能感受到它的效用,判断是否适合自己使用。

第二屏页面设计中,Aesop不仅提供商品的相关视频或图片,还提供更多关於商品的用法、用量、材质以及气味等。

第三屏页面设计,则是为客户提供该商品完整的护肤流程和配套使用的其他商品。

回顾整个商品页面设计不仅让消费者能深入了解商品的功效和使用方法,同时还能引导顾客主动选购其他相关商品。

此外,Aesop还根据消费者基於购物记录提供的个性化推荐,内容主要根据季节和地域气候量身定制。

极简主义网页设计案例:看看 Aesop如何利用网站连获三奖

网页设计案例

视觉语言:网页设计与产品包装保持一致

Aesop产品包装与它的品牌理念一样,整体设计非常简洁,深棕色瓶子贴着米黄色包装纸,包装纸上印着深灰色文字。此外,除了一些矩形框突出产品的卖点外,包装几乎没有其他的装饰元素。

极简主义网页设计案例:看看 Aesop如何利用网站连获三奖

网页设计案例

Aesop网站设计的配色方案采用与产品包装设计色调,背景色以米黄色为主,装饰元素和文字元素则统一使用深灰色。

极简主义网页设计案例:看看 Aesop如何利用网站连获三奖

网页设计案例

整个网站布局运用很多大方框和抽拉效果,与线下门店的规整干练设计风格相呼应。

极简主义网页设计案例:看看 Aesop如何利用网站连获三奖

网页设计案例

此外,配套活动页面设计与网站主题保持一致,但同时非常有特色,让消费者一眼就能记住。

极简主义网页设计案例:看看 Aesop如何利用网站连获三奖

网页设计案例

Aesop网站设计不论从整体视觉风格、内容策略,还是信息架构,都能是依据品牌理念量身定制。整体设计重视的细致程度,不仅增加了说服消费者购物的筹码,同时有别於那些有统一模板的电商平台。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/41996.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月23日 16:31
下一篇 2022年6月23日 16:31

相关推荐

  • 企业如何撰写网站建设计划。

    古人云”预则立,不预则废“,本篇讨论企业准备建设网站时需要考虑到的方面和细节。 做任何事想要达到预期目的,在操作之前需要有计划。企业建设网站应该如何计划呢? 我们把这个计划分解为七个部分: 确定建站目标和…

    2022年7月3日
    098
  • 卡片式页面设计有哪些基础

    页面设计要运用卡片式方式,有很多需要注意的地方,因为卡片承载着太多类型不同的数据:图片、文字、按钮、链接、评论以及视频等。因此,卡片是一个可以点击的区块,前提就是要保证卡片的可读和易读,这样才能够让…

    2022年6月9日
    0140
  • 网页设计技巧:追剧如何学会网页设计

    很多朋友喜欢看外国电视剧时,英剧美剧都会接触到,但如果大家有细心地留意英美剧的片头设计,会发现这些设计真的令人叹为观止。每套剧的开头,就像电影海报一样深深地吸引着观众,让人瞬间就走进剧集所创造的世界…

    2022年6月25日 建站资讯
    0153
  • B端功能入口如何设计?归纳B端常见的功能入口设计。

    一、功能入口概述不论是在设计中还是生活中,入口对于我们来说都很重要。比如当你需要进入到一个空间时,你需要知道门的位置并清楚如何打开它。比如下图中左侧的门就非常明显,而右侧的门则需要仔细辨认了。还有的…

    2023年3月7日 SEO操作
    00
  • 把用户体验融合到网站内容中?这些设计技巧帮到你

    当网站内容迁移到移动端上的时候,怎样把内容和用户体验无缝地配合起来呢?这时候,就需要设计师根据手机小屏幕的交互来思考整个设计和优化的策略。而现在,小编就为各位分享如何把内容和用户体验配合起来的设计技巧…

    2022年6月25日 建站资讯
    0163
  • 为何需要进度条?

      有趣的问法。对於页面设计来说,进度条只不过是比较通俗,易於理解的叫法。它的使用是为了呈现使用者与页面相关的操作内容,所以也不会局限於“条形”。它广泛地运用在各种设计当中,不仅仅是页面设计。 从进…

    2022年6月25日
    0185
  • 优秀设计的背后,离不开这11个应该掌握的底层理论。

    这是我在 Medium 上看到一位工作超过 17 年的国外设计 leader 写的一篇关于设计原理的文字,讲为什么设计可以变得有效?讲得很透。强烈推荐大家阅读,定有收获! 1. 奇数原则和三分法构图 奇数法则意思是说,在设计…

    2023年3月2日 SEO操作
    00
  • html横线怎么打。

    在HTML中,我们可以使用<hr>标签来创建一行横线。<hr>是"horizontal rule"的缩写,意为水平线,这个标签在HTML文档中表示一个水平的分隔线,通常用于将内容分割成不同的部分或者创建一个简单…

    2024年6月25日
    00

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息