电子商务网站的商品详情页面是商家和设计师共同关心的页面之一,详情页关系到用户是否决定购买该商品。一个好的商品如果没有好的详情页来支撑,转化率就会很低,获取的流量就会减少,如果不能提高转换率,店铺就会面临淘汰。无论销售什么,有效的商品详情页都可能是提高购物率的关键要素之一

商品详情页通常是人们在网上购物时做出最终购买决定的地方,因此详情页面必须吸引他们的注意力并包含他们在购买之前可能需要了解的所有信息。本文通过案例剖析,分享能够快速创建有助于销售的详情页设计技巧,希望对大家有帮助。

1. 根据商品亮点布局详情页

55% 的人在网站上花费的时间不到 15 秒,因此一旦有人点击宝贝详情页,你只有很短的时间来激发他们的兴趣。要快速做到这一点,请务必在页面顶部附近突出地显示最重要的信息,例如描述、商品图片、价格和“添加到购物车”的按钮。而且由于大多数人会本能地从左到右阅读页面,因此需要相应地在页面上布置最有价值的内容。

如Pixso社区中的珠宝店网页设计,上图使用商品的视觉效果来吸引客户的注意力。下方的图像是一个以项目的特性或功能为开头的页面示例。

珠宝店网页设计

如果一屏幕的内容不足以承载商品的信息,还可以向下滚动了解更多的宝贝详情,包括推荐、视频、功能列表等任何其他信息。

2. 在详情页展示丰富的图片

在2018年消费者研究报告中,73%的人在考虑购买时希望看到3张或更多图片。在页面中使用轮播组件,可以展示多张图片。此外,可以切换商品颜色,该功能相对来讲很有必要,比如这个沙发有三种颜色,分别是黑色、白色和蓝色,因为有充足的对比信息,更便于用户决策是否购买,从另一个角度来讲,是在帮助用户决定购买哪一个更合适。

家具概念应用app

家具概念应用app

3. 从不同角度展示商品细节

通过使用来自不同视角或接近度的图像,能帮助你的客户亲眼目睹物品的外观。例如,如果正在销售一款家具,客户会希望从不同的角度看到它的样子。在计划照片时,请确保至少包含一张“按比例”图像;42%的人会尝试根据宝贝详情页上的图像来确定尺寸和比例。

家具概念应用app

家具概念应用app

4. 使用贴合用户生活的商品图片

使用接地气的日常图片是讲述商品故事的好方法,并帮助用户想象他们在日常生活中可能会如何使用它。结合地点、道具和人物,让你的受众了解所销售商品的更多背景信息。例如,在出售家具时,陈列更贴合生活实际的细节图片,让客户置身于一个诗意的房间,感受简单之中蕴含精致的家具之美。

梦想之家官网设计

梦想之家官网设计

5. 强化详情页的行为召唤按钮

如果你在商品详细页面中明确列出了商品的主要优势,消除了潜在的异议,并回答了潜在用户的问题,那么就可以向客户发送行为召唤(CTA)。在大多数情况下,此行为召唤只是一个“添加到购物车”的按钮。

行为召唤应放在突出位置,并应尽可能简洁。应尽一切努力使结账过程顺利进行,并将阻力降至最低。你的宝贝详情页可能有精美的图片和精彩的描述,但如果号召性用语(CTA)不引人注目或不容易找到,可能无法获得所需的结果。

一个好的宝贝详情页CTA按钮应该:

  • 让客户一键轻松将商品添加到购物车

  • 在页面的显眼位置

  • 从其他内容中脱颖而出

  • 使用简单、面向行动的语言

UImo电子商务用户界面套件

UImo电子商务用户界面套件

6. 在详情页设置买家评论

很多详情页都会有这样一个互动的微提示,“177xxxx177刚购买此商品”一闪而过。此外,我们经常可以看到“大家都在看”和“买这个商品的人也买这些商品”,这起到了从众效应!

通过将客户评论和推荐合并到你的宝贝详情页上,充分利用已经收到的积极反馈。购物者关心其他购物者的意见,而对你的商品的热情洋溢的评论可能正是潜在客户需要帮助他们做出最终购买决定的东西。

UImo电子商务用户界面套件

UImo电子商务用户界面套件

7. 商品详情页注重商品描述的

任何宝贝详情页最重要的元素之一是精心编写的商品描述清楚地说明你在销售什么以及为什么购物者必须拥有它。与所有营销活动一样,宝贝详情页上的描述应该是与品牌相关并且与受众相关,但是在编排商品描述时还有一些其他事项需要记住。

一个好的商品描述页面可以提高用户购买商品的转化率,建立客户信任感,消除客户的消费疑虑,督促客户下单,传递品牌信息,塑造店铺形象。

8. 丰富商品的展现形式

如果除去之前在页面上已经包含的内容,你对商品仍然有更多话要说,那么这是一个很好的地方。通过多种丰富的商品展现形式,告诉购物者他们可能需要知道的一切,包括展示商品的视频,或创建项目符号列表,按重要性顺序列出项目,为人们提供购买所需的所有额外信息。

视频对于电子商务商品详情页来说越来越重要,因为视频可以显示商品的更多方面。结果表明,视频可以将商品细节页面的转换率提高84%~144%。为什么视频如此有效?有几个原因:

  • 如果你的商品客户难以使用,视频可以证明实际操作是多么容易。

  • 如果客户想知道某些功能之间的区别,视频可以快速准确地描述它们。

  • 此外,视频可以帮助客户在使用商品时将场景可视化。

在本文中,我们分析了商品详情页的设计技巧,详情页用户流量最大的页面之一,设计师应在此页面上投入更多精力,以帮助核心业务转型,从而提高购物率。从商品定位到风格设计,从营销思维到设计,所有这些都是影响详情页转化率的关键因素。

无论为哪种类型的商品设计详情页,Pixso都可以轻松创建。Pixso预先设计的模板配备了丰富的内容块和设计元素,内置来自阿里、字节、腾讯、京东、谷歌、华为等设计系统,超3000+UI组件库,每月更新上百个精品模板,分类涵盖移动设计、网页设计、插画、线框图、矢量图标等丰富的设计资源。在Pixso社区直接搜索适合的电子商务模板等关键词,即可快速构建详情页设计工作,大大提高设计师的效率。

Pixso

Pixso社区支持一键复用所有设计资源,且不限文件数,不限团队和项目数,个人免费使用,赶快推荐给你的团队成员吧!