15 Drool-Worthy产品页面示例启发您自己的电子商务商店

 

在设计在线商店时,主页上会有很多关注点 - 这是访问者到达时看到的第一件事。但任何电子商务网站的真正目标都是销售,如果没有出色的产品页面,你无法实现这一目标。

有效的产品页面立即传达了特色产品的价值。他们向购物者展示产品的外观,告诉他们感觉如何,并让他们相信这是他们绝对需要拥有的东西。

构建产品页面时,您可以选择许多不同的功能和变体。我将向您展示我的一些最爱,并介绍使它们如此出色的原因,希望您可以将这些应用到您的下一个产品页面设计中。

希望你喜欢!如果您发现自己想要购买这些产品中的一种或多种产品,请不要怪我。毕竟,这是一个有效产品页面的目的。

模板图标

Shopify学院课程:如何设计您的在线商店

创意总监Stephan Peralta演示了如何设计一个人们喜爱的品牌和一个即使是最随意的浏览器想要购买的在线商店。

免费注册

最佳产品页面:15个例子

  1. Luxy Hair
  2. PooPourri
  3. 落基山肥皂公司
  4. United By Blue
  5. 六十九
  6. Leesa
  7. Manitobah Mukluks
  8. 完美的Keto
  9. 约翰尼蛋糕
  10. WP标准
  11. 掌握和动态
  12. Primal Pit Paste
  13. 爱发
  14. 朝圣
  15. Holstee

1. Luxy Hair

LUXY

想象大多数Luxy顾客都是女性,这并不是一件容易的事,因为这家商店出售人类头发。该网站立即欢迎您使用女性化的触摸,并在浏览器的标签栏上添加心形状表情符号。

由于该产品有许多不同的变体,用户带着最适合他们的旅程,首先选择头发的厚度,然后选择颜色,然后带到包含(理想情况下)的特定产品页面正是他们一直在寻找的东西。

luxy2

luxy3

这里明确的号召性用语是将此产品添加到我的包中,但如果我仍然不确定,则会提示您在购买按钮上方观看概述视频。

该页面还涉及一些最大的废弃购物车指标:运费和退货。大多数数据显示,如果运费过于昂贵,绝大多数购物者都会放弃购物车。

此外,知道Luxy的客户支持团队全天候可用,这有助于我确信如果我对购买产品有疑问或疑问,我可以联系。

2. PooPourri

 poopouri

我的意思是,你怎么能不支持那些如此坦率地说出如此禁忌的产品呢?这款产品完美适用于俏皮的复制,这也是获得善意的一种非常好的方式。

“Spritz 3-5喷在水面上的马桶上,”他们的产品页面上写道。“继续做你的事。*手指按扣*“(对于那些没有听说过这种产品的人来说,这是一种马桶喷雾,你可以在#2之前使用它来捕捉水下的气味。)

该产品页面通过向访问者展示如果他们以订阅方式购买将节省资金而有效地加售,并且可以选择每一个,两个或三个月购买。他们也不怕照亮他们的产品,正如他们的“工作原理”视频所证明的那样。

poopouri2

3. 落基山肥皂公司

落基山肥皂

这家天然肥皂公司知道,看他们产品页面的人会想知道他们正在购买高质量,有益健康的产品。他们声称该产品是100%天然的,并以其全天然成分列表引导产品描述。通过产品菜单,您可以查看产品中的完整成分列表。

特别吸引我到这个产品页面的是它大胆使用的推荐书。在这个特别的南瓜酒吧下面,一篇评论的标题是“MMMM MMM MOISTURE。”这篇评论在考虑购买此产品的人心中产生了强烈的印象。

落基山肥皂2

Rocky Mountain Soap清楚地了解客户评论的力量。Bizrate Insights调查显示,近四分之一的受访者表示他们总是在网上购物时引用客户评论,40%的受访者表示他们经常这样做。紧接着产品下方的社会证明,突出显示它被多个其他满意的客户评为五星级,这是减少买家对于从未亲自触摸产品的焦虑的可靠方法。

4. United By Blue

蓝色联合起来

作为最环保的在线商店之一,United By Blue致力于消除世界海洋和水道的垃圾。你会发现他们重申你的购买有助于他们更接近实现这一目标:“购买的每件产品都会消除1磅的垃圾。”谁不想清理地球并获得最佳效果呢?

蓝色团结2

尺寸表还可以帮助用户以合适的方式购买产品,这可能有助于减少企业必须处理的退货金额。

六十

每个产品页面上的简洁设计都会向用户提供产品详细信息,客户评论以及一系列类似产品。通过使用产品缩略图显示颜色变体,United By Blue还鼓励购物者点击并查看选项。

5. 六十九

六十九

这个没有太多解释。很明显,为什么这是一个关注捕获产品页面。与许多其他电子商务产品收集页面不同,在您眼前移动并且看起来正对着您的角色以非常新颖的方式将网站及其特色产品带入生活。

点击进入特定产品后,动画将变为静态照片,并附带一个带有大量空白区域的干净产品页面。有一个链接到他们的尺寸表,所以客户可以放心他们会购买合适的,并且有一个提示我(作为加拿大人)去他们的加拿大商店,所以我可以用CAD购买。

六十nine2

整洁的设计消除了购买体验的任何干扰,为用户提供了清晰直接的购买途径。

自从我们在电子商务设计奖中获得荣誉奖,我就记住了这个网站,我们已经将其重新命名并扩展到我们的商业奖项中

6. Leesa

leesa

Leesa是一家可折叠,可发货的床垫公司,无需去床垫店。他们的品牌清晰干净,严重依赖于白色,蓝绿色和灰色的调色板。许多类似的床垫公司已经出现,所以Leesa通过强调为什么你应该选择它们而不是其他任何人来切断追逐:

莱萨2

他们还借此机会分享他们的企业社会责任政策,即每售出10件床垫捐赠一张床垫,以使潜在购买者对他们决定与Leesa合作感到满意。

莱萨3

床垫是一个很大的购买,所以你滚动的越多,他们给你跳跃的原因就越多。您可以看一下床垫的内部工作原理以及它的独特之处。Leesa展示产品评论,让您了解其他人对它的喜爱程度。他们甚至包括有关他们产品的最重要问题的常见问题解答,因此人们永远不需要离开产品页面来回答他们。

7. Manitobah Mukluks

manitobah

与床垫类似,一对Manitobah Mukluks每件产品的成本很高,这意味着购买的决定更为复杂。如果价格低于20美元并且您想购买它,那么您很可能会购买它。但是价格越高,你做出购买决定时就会感到内疚。内疚永远不是你想要激发你的访客的感觉!

此产品页面旨在缓解最常见的购买焦虑:“免费送货”和“免费退货”在“添加到购物车”按钮旁边用粗体字母书写。人们觉得他们的购买不一定是永远的决定,他们看到的价格将非常接近最终金额。

与Leesa类似,他们允许犹豫不决的购买者在不离开产品页面的情况下悠闲地了解公司及其使命。

mactobah2

读者可以了解该公司是土着所有(以及这意味着什么),以及艺术背后的故事。就个人而言,我认为页面的末尾应该有第二个“添加到购物车”按钮,这样如果他们在下来的路上被说服,人们就不需要一直回到顶部。

mactobah3

8. 完美的Keto

完美的酮

也许我有偏见,我自己尝试了八个月的生酮饮食,但我特别喜欢这个产品页面,尽管它相对简单。它具有您对高转换率产品页面所期望的所有特征,包括出色的产品摄影,概述您应该使用其产品的原因,以及“订阅和保存”选项,以此作为向上销售的方式向人们展示他们会为每件产品省钱(即使他们会花更多的钱)。

此页面还使用了“相关产品”部分,这样即使人们没有完全按照他们所看到的产品销售,他们也可以找到更适合的类似产品。或者,正如我确信Perfect Keto的希望和梦想,你可以购买全部。

9. 约翰尼蛋糕

杯形饼

任何与甜食有关或与之比较的产品都在我的好书中。约翰尼杯子蛋糕是一个俏皮的品牌,自称“世界上第一个T恤面包店”,并强调他们最近添加的“新鲜出炉”。这是一个有趣的主题,适合他们。

他们充分利用产品摄影,使用高质量的图像来炫耀他们的服装和有趣的设计。你怎么能不喜欢他们加载动画的胖乎乎的年轻人追逐一个难以捉摸的蛋糕?

约翰尼cupcakes2

此外,当您点击“立即购买”按钮时,屏幕右侧会弹出购物车,提醒您可以随时退房。这是一个不那么微妙的提醒,你还没有完成交易,它清楚地确定了你可以支付的方式。这有效地将产品页面转换为结帐页面,这是加快购买流程的有效方式。

cupcakes3

10. WP标准

wp标准

我承认我包含这个产品页面的部分原因是因为我对这个产品有一个很大的压力。它非常美丽。这里真正引人注目的是产品摄影。它让您感受到时间和地点,因此您可以真实地想象拥有此产品会是什么样子。

此产品页面的一个独特元素包括将首字母组合在包上的选项。如果你要对这样的高品质包做出财务承诺,也许你希望它真正感觉像你的那样,用缩写来证明它。

11. 硕士与动态

master1

当我点击Master&Dynamic网站时会想到一些大胆,优雅和奢华的词汇。突出显示耳机细节的特写镜头展示了制作物品的质量和关注。它让你想知道它们听起来像什么。

master2

Master&Dynamic的产品页面几乎就像体验本身一样。当您滚动时,您会发现更多关于耳机的细节设计 - 它们的构成,它们具有哪些高级功能以及如何控制它们。

但他们并没有完全优先考虑设计而不是转换。页面顶部浮动的“添加到包”栏不显眼,不会分散体验,但仍然不断提醒您可以将它们变成您自己的。如果您想购买它们,则无需一直向上滚动并中断体验。(更不用说你提供的所有颜色选项了!)

免费阅读清单:在线商店设计技巧

您的在线商店的外观可能会对销售产生重大影响。使用我们免费,精选的高影响力文章列表释放您的内在设计师。

12. Primal Pit Paste

primal1

个人卫生并不是最容易思考的问题。对于与脏相关的产品,产品页面设计尽可能干净。全白色的背景,明亮,有力的色彩,使品牌和产品感觉有趣。

Primal Pit Paste充分利用客户评论,在价格旁边突出显示它们,并在页面左侧的常用按钮中突出显示。他们还在“添加到购物车”按钮旁边重申令人垂涎的成分和品质(天然,有机,无残忍等),以打击任何买家的犹豫。

primal2

还是不相信?向下滚动页面,深入了解成分以及如何使用非传统产品。图像和图形继续有趣的元素,你可以随时通过右下方的浮动按钮弹出到你的购物车结账。

13. 爱发

爱

Love Hair是另一个专注于清洁产品的品牌,其产品页面采用匹配的清洁设计。白色背景,灰色和柔和色彩的微妙暗示吸引了产品图像。他们不只是向你展示产品的照片; Love Hair还利用产品页面上的视频内容。

爱发2

在视频下方,Love Hair教育用户更多关于产品以及他们将从中获得什么,让他们有机会直接与观众的痛点交谈。如果您需要更多购买理由,“为什么爱发椰子油”更多地谈论他们的优质成分和对可持续性的承诺。

14. 朝圣者

朝圣

Pilgrim网站上的芳香疗法符合动态设计,产品页面从白色闪烁到黑色,让您了解在家中拥有其中一件物品的真实感受。

pilgrim2

除了他们的网站的华丽效果,设计优雅和干净。页面布局简要介绍了一些标准的“为什么购买”-30天退货,免费送货,1年保修,5星级客户评论。

不过,向下滚动,可以获得更强大的产品发现体验。突出产品功能,优点和材料的图形,以及视频形式的用户生成内容,可让您深入了解。

pilgrim3

15. Holstee

holstee

Holstee品牌很有趣,很有趣,就像它的产品页面一样。一个简单的设计与颜色飞溅吸引你的目光在页面上的几个关键元素:产品,“添加到购物车”按钮,以及突出显示的文本 - 如果客户注册会员资格,另一个促销折扣价格的例子。

Holstee是一个非常直观的品牌,其产品页面的其余部分并不像您在上面找到的那样简单。向下滚动,您将看到更多照片,视频和选项,以了解有关该产品的更多信息。

holstee2

在更详细的描述和规格,客户评论,运输和退货以及生态(这基本上表明品牌的伟大设计和质量的使命)之间切换。这消除了无休止地滚动以返回购买按钮的需要; 相反,用户只需跳回上面的部分即可。

使用Shopify构建产品页面

您不需要成为经验丰富的设计师来创建看起来很好并推动销售的产品页面。使用Shopify,您可以创建具有良好设计和转换导向元素平衡的产品页面