产品页面是购物者在购买之前看到的最后一件事。

或者,如果事情没有按计划进行,他们撞上出口前看到的最后一件事。

让我们从六个不同的利基细分六个商店,每个商店都有令人惊叹的产品页面。我们将把他们的产品页面——所有这些都是Shopify创建的——放在显微镜下,看看他们在做什么,你可以在你的商店复制。

不要等着别人去做。雇佣你自己,开始发号施令。

自由开始

标准产品页面

无论你为Shopify商店使用什么样的设计模板,产品页面的后端看起来都是这样的:

商品页面的框中或多或少是如何出来的:左边的图像;描述和添加到购物车右边按钮;比如社交按钮,数量选择器等等。

当像这样的页面被推送时,它们或多或少会像下面这个:

没有错。所有必需品都在那里。多个图像,颜色选项和(当然)添加到购物车按钮。

但是,让我们看看一些巧妙的商店是如何将标准的产品页面变成令人瞠目的产品页面的。


Allbirds

卖鞋的Allbirds创建了我们上面看到的产品页面。你知道,长得很平常的那个。

但如果您不向下滚动,AllBirds的产品页面才是正常的。一旦您潜入,您可以找到一些最佳产品页面。

这里有很多可以讨好的地方。首先,Allbirds坚持“形式服从功能”的古老格言。也就是说,他们有一个产品描述,正好适合提供的空间,旁边的特色图像,而不破坏对称的布局。

但信息并不短缺!因为当您单击“了解更多信息”时,您将被重定向到产品页面下方的锚。

那就是你在哪里找到一个庞大,丰富多彩的部分,致力于在顶部干净地融合的细节:

没有规则,说产品描述必须限制在购物车上方的那个小点口。将这些详细信息缩小为所有世界上最好的,突出产品的大量细节和图像,一个直观的布局。(这种布局还确保添加到购物车按钮保持在折叠以上。它是它所属的地方。)

关于Allbirds的产品页面,另一件很棒的事情是他们偷偷溜进来的无耻视频:

当你点击“图片”时,你看到的是一段视频,而不是另一张产品图片。视频很简单,只有几秒钟。没有艾美奖提名。但是这些内容可以彻底改变你的产品页面。

与Allbirds的产品页面有更多的事情要指出。

想让你的产品页面令人难忘吗?一个大的、高清的奇怪动物的图像怎么样:

还有一系列的好处,从舒适、方便到环保,每一个都有自己漂亮的图标:

在产品页面上进行社交媒体宣传?是的,为什么不:

查看更多:Allbirds产品页面示例

男士羊毛跑步者

男人的树跑

女性的羊毛便鞋


哼哼

接下来是下摆,一个斯堪的纳维亚家具品牌。下摆采用一些巧妙的策略来将产品页面转变为自己的体验。

好了,这是基本的产品页面,就是上面的部分。如果有人已经决定购买,他们可以直接下订单。

哼哼有自己的节省额外细节的方法。它们利用折叠功能,而不是链接到产品页面的其他部分。这个…

……变成了这样:


这种布局让你不必向下滚动获取任何重要信息。当然,如果你向下滚动,事情变得非常有趣。

这些是您遇到的前两个图像:一个是视频,另一个仙人掌。

我不能记得曾经看到仙人掌坐在沙发上。这说,自从我看到它以来,我没有忘记这个沙发仙人掌。这只是......很酷。一方面是一个昂贵的沙发 - 一个吹嘘的沙发,拥有你所期望的高端斯堪的纳维亚设计 - 另一方面是一只小仙人掌。怪异成功地创建了一个令人难忘的难忘场景。

然后是视频。再说一次,这不是电影节级别的录像。但它是动态的图像,人们喜欢动态的图像。这段时长26秒的视频从多个角度展示了这款沙发,并说明了制作它是多么容易。

在那之后,更多的图片-大的,华丽的图片-与少量的文字给购物者任何他们可能错过的细节。

查看更多:默多产品页面示例

帕罗2座躺椅左

乌冬面椅子

所有木凳子


纯粹的周期

自行车创造者Pure Cycles在他们的产品页面中包含了很多漂亮的元素。

让我们把注意力集中在四个微妙而聪明的触摸上。

这小心

这颗心可以让你在愿望清单上添加一些东西。这是一个不错的做法,原因如下:首先,它让未来的购买变得更容易,这总是一件好事。其次,它能诱使人们提供他们的联系方式,使Pure Cycles能够通过电子邮件和折扣代码加速未来的购买。

2.这个信使选项

这对购物者来说非常方便。这可能也不会影响Pure Cycles在Facebook上的努力,即让消费者在产品页面上接触社交媒体平台。

3.更多内容!

纯循环为您提供了一个抬头,即本产品页面折叠下方有附加内容。以防万一有人被错误地认为此页面开始并以简单的购买结束。

4.可爱的视频

最后,将视频嵌入到产品图片中。

点击即可,您得到了这个。50秒的两秒钟享受纯粹的循环自行车享受生活的两个好人都没有错:

纯循环的其余部分产品页面可预见到漂亮。纯循环加载顾客评论,照片,社交媒体插头和送货详细信息 - 绝对不会贴合的东西添加到购物车按钮。

对于那些渴望一些具体细节的人,Pure Cycles为您报道:

查看更多:Pure Cycles产品页面示例

公路自行车

纯粹的城市自行车

城市通勤

原创+

关于产品页面视频的一个快速词

现在,如果你刚看过纯净的循环视频,你可能会思考,“如何和%$ ^我要创造这样的东西?”

毫无疑问,这段视频相当精彩。这种事不是凭空出现的。

但视频并不是不可能!

不相信我?让我们假设Oberlo开始销售运动衫。运动衫是一个像这样的项目,绝对可以在产品页面上使用视频 - 所以我们煮了一个!这是在大约45分钟内创建的,从拍摄到编辑要导出以上载。

当然,这段视频不会有人起立鼓掌。如果你不是特别想买那件运动衫,我也可以原谅你。但是不要对做视频的想法翻白眼!这不仅仅是大品牌的专利。进入门槛已经降低到喝一些浓咖啡和一部iPhone。

好的,前往我们的下一家商店。

主和动态

Master & Dynamic销售高端音频配件。产品页面的顶部相对正常…

......但是当你环顾四周时,事情就会变得彻头彻尾。

下面是Master & Dynamic产品页面-功能的准时间表:

这是非常聪明的:使用实际产品的设计来为布局提供燃料。当然,耳机线特别完美。但即使你卖的是指尖陀螺、瑜伽垫或其他东西,围绕产品创建产品页面也会让你有一个连贯的工作结构。

在底部,在你看了一系列迷人的照片后,你会看到技术规格。

查看更多:Master&Dynamic Product页面示例

ME05耳机

MW60无线耳机

无线扬声器


周日供应

周日供应,销售沙滩遮阳伞的澳大利亚商店,与其产品页面很大。喜欢,字面上很大。

它们忽略了左侧的标准“产品,详细信息”布局,而是通过巨大的照片全力以赴:

即使是礼品卡产品页面也带有巨大的图像:

你不必远远找到添加到购物车按钮,它位于这张照片的正下方。(Sunday Supply的纽扣上写着“放进包里”,因为你知道,这是海滩主题的。)

然后,你会发现一些产品细节是用一种不可抗拒的迷人的声音写的,赋予了伞人类的特质,比如“一个在阳光下度过漫长日子的爱人,一个伟大的伴侣”。

页面上的其他细节可以在“折叠到1.2m x 0.2m x 0.2m”或“〜7.0kg”的细节,因此在那里就可以了。但为什么不带乐趣的东西?

正如任何一家出售海滩装备的商店所做的那样,Sunday Supply也将其产品展示在野外。当你可以用海洋作为背景时,为什么不呢?

查看更多:周日供应产品页面的例子

自然本能沙滩伞

礼品卡

动物王国沙滩伞


工作室整洁

Studio Neat的设备存储和充电单元的产品页面和它们所销售的时尚产品一样优雅。

该页面的基础结构是标准的,但会特别执行。两句描述文字让你想象这个物品在你的地方会是什么样子——“在你的床头柜上或书桌上……”——像圆形图像一样的触摸会给它一些流行感。

在这下面,我们看到的是一个干净整洁的视频,但不需要好莱坞的技术。

然后,如果您购买该扩展坞,产品页面将进入您期望的功能的视觉之旅。一直在,有休闲文本的口音(“所以无论你如何滚动,你将为你的设备提供一个”)“)。

最后,产品页面包括一些这个电话在房子和办公室周围的镜头。

Studio整洁的产品页面的设计变化,它们都很棒。这里,例如,来自触摸屏引脚的产品页面的几次镜头。这种解剖学课程是信息性和视觉上的引人注目。

与此同时,这支笔的动作特写真的让你想玩一玩。

查看更多:Studio Neat产品页面示例

材料码头

宇航员

苹果电视遥控器


关于产品页面的结论

这些产品页面都有一些共同之处。让我们像往常一样和他们调情吧。

有很多空间——利用它

这些产品页面不会让像素浪费,也不会回避让购物者滚动一点。产品页面出现在杂志和报纸上,这些地方的空间非常宝贵。但在网上,你不必在额外的图片和额外的详细信息之间做出选择。使用它。

视频和大图片

我们触动了视频。你应该做视频!当然,不要忘记照片。这些页面具有精致的图像。如果您是一个Dropshipper,这意味着您不应该只是使用您的供应商的照片。订购您的产品,并采取自己的产品。您不需要为您的产品照片销售自行车或高科技音频装备来实现。

转换仍然可以在页面顶部

这些令人瞠目结舌的产品页面将有助于转变那些对购买持观望态度的人。这就是为什么我们会看到照片、视频和花哨的布局。但是不要忘记那些已经用信用卡付款的人!如果有人准备购买,就像这些商店一样,让他们无需滚动或搜索就能购买商品。

想要了解更多?

以下是其他一些文章,可以帮助您指定您的产品页面!