12 个最好的电子商务产品页面(使用 UGC)

已发表: 2022-06-04

产品详细信息页面 (PDP) 是每个在线商店的支柱。 但在当今竞争激烈的电子商务环境中,让这些页面“正确”是一项持续的挑战。

Baymard 研究所审查了来自美国和欧盟公司的数千个产品页面,发现在 141 个收入最高的电子商务网站中,只有 18% 的产品页面设计和用户体验 (UX) 具有“良好”或“可接受”。 而用户体验只是等式的一部分。

为了满足时间紧迫的消费者的需求并构建一流的 PDP,品牌将不得不不断优化消费者体验,否则将面临更高的跳出率和更低的转化率。

优化消费者体验的一种完全可靠的方法是什么? 用户生成的内容 (UGC)。 事实上,Bazaarvoice ROI 基准数据显示,当消费者与任何 UGC 互动时,例如书面评论或客户图像,转化率增加了 144%。

如果您正在寻找一些产品页面灵感,请查看 12 个具有 UGC 的最佳电子商务产品页面。

12 个最好的电子商务产品页面(以 UGC 为特色)

  1. Burt's Bees:将社交证明放在首位
  2. Under Armour:展示每一寸产品
  3. 露得清:为每位购物者个性化页面
  4. 百思买:不遗漏任何产品规格
  5. Kid Kraft:包括正在使用的产品的图像
  6. Bose:让购物者“测试”产品
  7. Casper:结合 GIF 来展示产品的工作原理
  8. 麦加:推荐其他产品以增加 AOV
  9. Nordstrom:带来在线店内体验
  10. 丝芙兰:突出奖项和荣誉
  11. Primal Kitchen:提供如何使用产品的想法
  12. Yeti:允许购物者搜索评论以找到他们需要的信息

1. Burt's Bees:将社交证明放在首位

最佳电子商务产品页面

这是我们见过的最好的电子商务产品页面。 当潜在客户登陆 Burt's Bees Sensitive Solutions 温和洁面乳的产品页面时,他们看到的第一件事就是产品的平均星级和评论数量。 这立即向购物者证明这是一款高品质、深受喜爱的清洁剂。

然后,该品牌使用大型产品图像向购物者准确展示他们所得到的东西。 该产品的其中一张图片甚至通过突出显示星级和真实客户撰写的评论的报价,将社交证明放在首位。

最佳电子商务产品页面

Burt's Bees 还在图像和产品描述中加入了产品的操作说明,以便购物者了解产品的用途、使用时间以及哪些类似产品将有助于完成他们的护肤程序。

2. Under Armour:展示每一寸产品

在 Under Armour 的多双跑鞋之一的此产品页面上,该公司超越了产品的高质量图像。

最佳电子商务产品页面

该产品页面为购物者提供了获得鞋子的完整 360 度视图的机会。 多个图像和视图让客户知道他们收到产品时不会有任何惊喜。

一旦购物者进入页面的客户评论部分,他们就可以按评级、运动员类型(休闲或狂热)、尺码和地区进行过滤,以查看更多关于他们如何使用鞋子的个性化评论。

最佳电子商务产品页面

最后,当向下滚动页面时,“添加到购物袋”按钮会变成一个粘性横幅,这样人们一旦确定它是适合他们的产品,就可以快速将其放入购物车。 这种简单的用户体验设计是减少购买过程中摩擦的有效方法。

3. Neutrogena:为每位购物者个性化页面

当购物者看不到或看不到色调时,很难在网上购买化妆品。 这就是为什么露得清的产品页面有一个非常个性化的“试穿”功能,允许购物者上传自己的照片,看看各种唇色会是什么样子(或者他们可以选择最相似的模型)。

然后,在页面的大约一半处,有一个突出的设计元素,其中包括星级和客户关于产品在现实生活中的感觉以及它如何适用于他们的皮肤纹理的报价。

最佳电子商务产品页面

在此页面的评论部分,有一个“最有帮助的评论”标注部分,突出显示其他购物者认为有用的一条正面评论和一条负面评论。 这个元素使消费者可以轻松地做出快速而自信的购买决定,而无需浏览许多不同的评论。

最佳电子商务产品页面

4. 百思买:不遗漏任何产品规格

在网上销售电子产品时,产品规格和细节很重要。 对于这款三星电视,百思买在产品页面上易于导航的模块中突出显示了产品规格以及问题和答案。 百思买甚至使用图标和项目符号列表来解释产品细节,而不是强迫人们阅读大量他们可能不理解的技术副本。

产品页面还有很多关于产品的视频内容,帮助消费者在扣动扳机之前更好地了解这款电视的质量和功能。

在评论部分的顶部,百思买提供了强大的摘要和评论亮点,以向购物者展示对该产品的情绪,而无需他们阅读每条评论。 此外,评论部分顶部的评论图像让浏览器可以快速点击用户生成的照片,以查看产品在真实人们家中的外观和工作方式。

5. Kid Kraft:包括正在使用的产品的图像

最好的电子商务产品页面都有一个共同点:出色的图像。 拥有出色的品牌形象会让你与众不同,但如果你能包含展示人们使用产品的精彩形象,那就更好了。 Kid Kraft 的 Cozy Escape Playhouse 的图片展示了家庭使用和装饰房屋的几种方式,以帮助新购物者在自己的院子里想象这些房屋。 即使在页面的“功能”部分,每个功能都有一张显示剧场特定部分的图像。

最佳电子商务产品页面

该品牌还使用页面顶部的图标为购物者提供重要信息,例如产品是否有货、适用的年龄范围以及是否是顶级产品。

6. Bose:让购物者“测试”产品

Bose 试图让客户在其电子商务商店中轻松获得有关其降噪耳机所需的所有信息。 最重要的是,该品牌使用图标和简短而有影响力的副本来突出这副耳机的特定功能和差异化。

该页面的评论部分也非常关注耳机的功能。

购物者可以轻松查看产品在音质、舒适度、降噪等功能类别中的排名。

最佳电子商务产品页面

此页面上的 showstopper 是一个交互式模块,可让购物者真正听到耳机在繁忙、嘈杂的房间中可以消除多少噪音。 这使客户能够在不去商店的情况下“测试”耳机。

7. Casper:结合 GIF 来展示产品的工作原理

床垫是另一个类别,一个好的产品页面会带来很大的不同。 在此产品页面上,Casper 尽可能多地提供有关其原始床垫的信息,甚至预测客户的问题。

例如,在页面顶部,购物者必须在全泡沫床垫或混合床垫之间进行选择。 Casper 知道普通人可能不知道这些类型之间的区别,因此它有一个弹出窗口,提供有关混合床垫好处的更多信息。

Casper 还包括一个 GIF 样式的产品图片,展示了如果用户在睡眠中辗转反侧,床垫如何贴合用户的身体。 这是必不可少的,因为正如我们上面提到的,购物者无法从电子商务商店实际测试床垫,所以让他们觉得他们正在尝试产品是次要的。

最佳电子商务产品页面

最后,在网站的评论部分,Casper 通过要求客户根据自己的需求(例如身体疼痛或舒适度)过滤评论来帮助客户找到他们正在寻找的东西。

8.麦加:推荐附加产品以增加AOV

Mecca 美容店让顾客在眼影调色板的产品页面上很容易知道他们是否想要购买。 首先,大型产品图像让购物者可以看到此调色板中的每一个色调。

然后,为了提高平均订单价值,Mecca 会根据购物者对该调色板的兴趣推荐其他可能喜欢的产品。 页面的这一部分很干净,易于浏览,并且不会占用页面太多空间。

最佳电子商务产品页面

此页面的评论部分允许购物者通过详细说明之前评论者的眼睛颜色和肤色来了解这些颜色是否适合他们的脸。 Mecca 还询问过去的客户是否收到了产品以换取评论。

今天的购物者认为激励性评论和非激励性评论同样可信。 事实上,58% 的美国购物者表示,激励性评论可以像自然评论一样为他们的购买决定提供信息。

9. Nordstrom:将店内体验带到线上

在 Nordstrom 的许多产品页面上,例如这条牛仔裤页面,该公司包含一个销售助理的视频,详细介绍了有关服装的更多信息及其合身方式。 这模仿了店内体验,员工可以帮助购物者挑选合适的商品。

Nordstrom 还为客户提供风格创意,以搭配其他 Nordstrom 产品来完成装备。 其中一些外观由 Nordstrom 设计,而另一些则由 Nordstrom 客户组合而成。

最佳电子商务产品页面

评论部分突出了评论中提到的最常见的利弊,因此购物者无需阅读每条评论即可快速了解同行的意见,并可以更快地做出购买决定。

10. 丝芙兰:突出奖项和荣誉

丝芙兰销售数千种彩妆产品,因此为了帮助购物者进行选择,该品牌在产品页面上对产品进行了奖励和赞誉。 对于这款古铜色,丝芙兰明确表示该产品在 2021 年获得了 Allure Best of Beauty 奖。

与我们介绍的其他几个品牌一样,丝芙兰也使用可爱的图标搭配简短、信息丰富的文案,让客户了解产品的最佳功能。

为了帮助人们了解产品在他们身上的外观,丝芙兰允许人们过滤多个类别的评论,例如肤色、皮肤问题、年龄范围、购买的颜色等等。 购物者还可以通过滚动浏览页面评论部分顶部的视觉 UGC 画廊来查看产品在真人身上的样子。

最佳电子商务产品页面

11. Primal Kitchen:给出如何使用产品的想法

Primal Kitchen 使用其产品页面来降低在线订购食品储藏室主食的风险。 在该品牌的 Chipotle Lime Mayo 的产品页面上,Primal Kitchen 有一个简短的产品描述,详细说明了该产品与普通蛋黄酱相比的味道,并提供了使用它的食物建议。

该品牌在页面的中途进一步采纳了这些建议,提供了一些包含该项目的食谱,以帮助购物者将此次购买纳入他们的每周膳食计划,而不是让它在食品储藏室中闲置。

当购物者看到评论时,订购这种食物的风险会进一步降低。 在评论部分的最顶部,Primal Kitchen 通过突出推荐产品的客户百分比(在本例中为 99%)来利用社会证明。

最佳电子商务产品页面

12. Yeti:允许购物者在评论中搜索他们正在寻找的东西

我们最好的电子商务产品页面的最后一个示例来自饮料品牌 Yeti。 对于这款不倒翁,Yeti 提供首屏交叉销售选项,帮助购物者完成购买。

此外,Yeti 并没有在页面底部设置问答模块,而是将最常见的客户问题纳入产品页面副本本身,因此客户不必去寻找他们正在寻找的答案为了。

最佳电子商务产品页面

最后,页面的评论部分提供了一个搜索选项。 客户可以在评论中搜索某些词,以查看过去的客户是否提到过任何问题或用例。 例如,如果您搜索“冷”这个词,Yeti 会找到包含该词的所有评论,因此购物者可以具体了解这款玻璃杯在保持饮料冷藏方面的能力。

最佳电子商务产品页面

优化您最好的电子商务产品页面

通过从一些最好的电子商务产品页面中获取灵感并在您自己的网站上实施这些策略,您的品牌将看到转化率的提高。 在测试您的新产品页面时,不要害怕混合和匹配其中一些技术,看看哪些内容最能引起您的受众的共鸣。

想要更多方法来改善消费者体验并提高产品页面的转化率? 详细了解如何优化产品页面