极简主义网页设计案例:看看 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

相关推荐

  • 为什么推荐设计师使用4点网格系统。

    过去,我们一直在使用 8 点网格系统,它帮助我们在 UI 界面中,或者一致性上做了有力的贡献。但是今天我想说 8 点网格系统其实并非最完美的,我们可以选择 4 点网格系统,他灵活性更强,今天文章和大家一起来分享下…

    2023年3月7日 SEO操作
    03
  • 如何设计B端色彩体系?3个步骤帮你掌握起来。

    编者按:B端设计的色彩体系如何构建?本文从色彩分类、色彩体系、色彩应用3个方面,帮你掌握B端色彩体系的设计基础。 中后台管理系统是一种管理工具,用来帮助企业高效、稳定的管理、运营、协作,从而实现降本增效…

    2023年3月2日 SEO操作
    01
  • 小编教你网页设计中字体巧妙运用的方法。

    对于设计师而言,在日常的平面和 UI设计中,给字体增加特效一直都是一件恼人的事情。客户提出的浮雕特效或者大阴影的需求,但是直接按照要求来设计可能会毁掉整个设计。更多时候,你需要的是一些相对优雅但是又足够…

    2023年6月13日
    00
  • 网页设计技巧:如何让你的网页设计更有时代感

    设计总是在不断变化,每隔一段时间我们就会看到与以往有所不同的设计趋势。而身为设计师,在进行网页设计时就需要善用这些流行设计趋势,让网站更容易被注意到,甚至被喜爱。 网页设计技巧 而到了2020年,我们会注…

    2022年6月25日 建站资讯
    0128
  • 分享网页设计过程是什么。

    在日常的工作和生活中,我们经常使用到网站,无论是大型的购物网站,还是很好的社交媒体平台,亦或是厉害的游戏共享平台,但凡是做的比较好的平台,他们的受欢迎度都很好,因为他们都有一个共同的特点,那就是有一…

    2023年6月13日
    00
  • 折叠屏手机或将大热 如何在折叠屏手机上做交互设计

    最近,不少手机品牌都发布折叠屏手机,它可以把一台8英寸的平板电脑,通过折叠的方式变成方便携带的6英寸手机。而随着折叠屏手机的发布,未来手机形态可能会朝着柔性手机方向发展,那麽,如何在折叠屏手机上做交互…

    2022年6月25日 建站资讯
    0218
  • 网站建设过程中页面的颜色如何搭配。

    在网站建设中使用色彩,众所周知,每一种颜色都代表一种情感,不同的颜色会给人不同的感受。为了让网站看起来更好,一些企业网站在网站上添加了各种颜色,使整个网站看起来五彩缤纷、美观,并认为它看起来更好。 这…

    2023年2月21日
    01
  • 怎让响应式网页设计中的图片听话?

    1)、使用轮播图或图库 轮播图和图库空间都是响应式网页设计最常用的图片载体,因为它们可以帮助设计师更加便捷地管理好图片。除此之外,还需要明白在什麽样的环境采取什麽样的空间也很重要!若果想拥有高品质的图…

    2022年6月25日
    0112

联系我们

QQ:951076433

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