极简主义网页设计案例:看看 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)
InspirrInspirr订阅用户
上一篇 2022年6月23日 16:31
下一篇 2022年6月23日 16:31

相关推荐

  • 长滚动页面的最佳实践——导航可见

      让导航选项始终可见是提升长滚动页面设计形式的重要要求,因为长滚动页面设计形式对於使用者来说最大的障碍在於:使用者很容易在页面的流览过程当中迷失。而缺失导航应该是比较主要的原因,除此之外还有混乱…

    2022年6月25日
    0119
  • 如何选择优秀的网站域名

    网站名称和域名的选择好坏可能会直接影响到後期的网站优化和用户体验等等,所以选择域名一定得慎重。优秀的域名是网站不可或缺的部分。如何选择优秀的网站域名? 域名一旦确定就代表我们在网络上的身份被确定,在以…

    2022年6月17日
    0129
  • 这样可提升注册登录注册页面的易用性  

      显示出密码 越来越多的页面设计和APP介面的注册登录流程当中,密码已经不再需要使用者输入两次,除此之外还有将密码显示出来,有效地避免使用者输入密码过程中出现错,即使出现修改起来也比较速食面。 提醒…

    2022年6月25日
    0112
  • 如何为网页设计营造出八十年代的风格

    我们经常说「古老当时兴」,看看最近网页设计非常崇尚八十年代的设计元素就知道。为何八十年代的设计元素如此火爆?因为在这十年间所流行的排版、配色都非常地具有代表性,在今天看来,八十年代风很复古,但却带有一…

    2022年6月25日 建站资讯
    0160
  • 怎样的元素才能提升视觉张力?

    水彩形式的图片 用得合理的水彩画元素绝对能够提升网站的气质,可用於背景,也可以用於某些小细节。要注意的是,应该明确使用的目的,水彩画的元素主要是为了突出什麽?除了视觉元素之外,还要吻合整个页面的风格与…

    2022年6月25日
    0151
  • 避免花俏乱糟糟的网页设计

    我们讨厌那种看起来花俏的乱糟糟的网页设计,这些网站看过之後让人头疼。 简单网页设计,这实际上就是我一直认为很不错的界面设计(当然也有尴尬的界面设计)。我接受这一原则,完全是因为WEB2.0的缘故。如果有人说…

    2022年6月12日
    0171
  • 卡片样式设计的7条最佳用法

      留白。介面设计需要合理和边界与边距,避免介面的杂乱。 张卡片一件事。卡片样式能够简化介面的结构,不要将卡片设计得过於复杂,破坏它们自身的简洁、便捷的特点。 合适的图片。卡片中的图一般比较小,但必…

    2022年6月25日
    0128
  • 我来分享用dw制作一个网页的全部过程,网页设计软件dreamweaver。

    制作一个网页的全部过程可以分为以下几个步骤: 1. 确定网站主题和目标受众:在开始设计之前,首先要明确网站的主题和目标受众,这将有助于你在后续的设计过程中做出更有针对性的决策。 2. 规划网站结构:根据网站…

    2024年6月28日
    00

联系我们

QQ:951076433

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