产品页面是你的顾客在购买之前看到的最后一件事。
或者,如果事情没有按计划进行,他们离开前看到的最后一件事。
让我们从六个不同的细分市场细分六个商店,每个商店都有令人惊叹的产品页面。我们会把他们的产品页面——都是用Shopify制作的——放在显微镜下,看看他们在做什么,你可以在你的商店里复制。
标准产品页面
无论你为Shopify商店使用什么设计模板,产品页面后端看起来都是这样的:
当这样的页面被推送时,它们或多或少会类似于这个:
但是让我们来看看一些巧妙的商店是如何把标准的产品页面变成令人瞠目结舌的产品页面的。
Allbirds
销售鞋子的Allbirds创建了我们上面看到的产品页面。你知道的,就是长相正常的那个。
但Allbirds的产品页面只有在你不向下滚动的情况下才正常。一旦你深入进去,你会发现一些最好的产品页面。
这里有很多值得奉承的地方。首先,Allbirds遵循“形式服从功能”的古老格言。也就是说,它们有一个产品描述,在提供的空间里,在特色图片旁边,不破坏布局的对称性。
但是这里并不缺少信息!因为当你点击“了解更多”时,你会被重定向到产品页面较低的锚点。
在这里,你会发现一个巨大的,丰富多彩的部分专门用于细节,而不是干净地放在上面:
Allbirds的产品页面上还有一件很棒的事情,那就是他们不经意间插入了一些厚颜无耻的视频:
当你点击那个“图片”时,你会看到一个视频,而不是另一个产品图片。这段视频很简单,只有几秒钟。这里没有艾美奖提名。但是这些触摸可以彻底改变你的产品页面。
关于Allbirds的产品页面,还有一些事情需要指出。
想让你的产品页面令人难忘吗?一个奇怪动物的高清图像怎么样?
哼哼
下一个是北欧家具品牌哼哼。哼哼采用了一些巧妙的策略,将产品页面变成一种完全属于自己的体验。
好了,这是基本的产品页面——是上面的部分。如果有人已经决定购买,他们可以直接下订单。
变成了这样:
这种布局使您不必向下滚动以获取任何重要信息。当然,如果你做向下滚动,事情变得非常有趣。
这是你最先看到的两个图像:一个是视频,另一个是仙人掌。
然后是视频。再说一次,这不是电影节级别的摄像。但这是动态图像,人们喜欢动态图像。这段26秒的视频从多个角度展示了这款沙发,并说明了它的制作是多么容易。
在那之后,更多的图片——大而漂亮的图片——加上一些文字,给购物者提供他们可能遗漏的任何细节。
纯粹的周期
自行车制造商Pure Cycles在他们的产品页面中加入了许多漂亮的元素。
1.这颗小心脏
3.更多的内容!
4.可爱的视频
最后是嵌入在产品照片中的视频。
点击那个,你会看到这个。两个漂亮的人开着他们的纯自行车享受生活的50秒没有错。
Pure Cycles产品页面的其余部分可以预见是美丽的。Pure Cycles加载了客户评论、照片、社交媒体插头和运输细节——这些东西绝对不适合放在旁边添加到购物车按钮。
关于产品页面视频的简短介绍
如果你看过Pure Cycles的视频,你可能会想,我怎么才能创造出这样的东西
毫无疑问,这段视频相当漂亮。这种事不会凭空出现的。
但视频并非不可能!
不相信我?假设一家小商店开始卖运动衫。运动衫是一种绝对可以在产品页面上使用视频的商品,所以商店应该制作一个!
当然,这段视频不会得到任何起立鼓掌。如果你不想买一件这样的运动衫,那也情有可原。但是不要对制作视频的想法翻白眼!这不仅仅是大品牌的专利。进入门槛已经降低到一杯浓咖啡和一部iPhone。
好了,我们去下一家店。
硕士&动态
Master & Dynamic销售高端音频配件。产品页面的顶部相对正常…
下面是Master & Dynamic产品页面——一个准功能时间轴:
周日供应
澳大利亚一家销售沙滩伞的商店Sunday Supply的产品页面做得很大。真的很大。
他们忽略了标准的“产品在左边,细节在右边”的布局,取而代之的是大量的图片。
然后你会看到一些产品细节,这些细节是用一种不可抗拒的迷人声音写的,赋予了这把伞人性化的品质,比如“在阳光下度过漫长日子的情人和一个伟大的伴侣”。
就像任何出售沙滩装备的商店都会明智地做的那样,Sunday Supply也会在野外展示其产品。当你可以用海洋作为背景时,为什么不呢?
工作室的
Studio Neat的设备存储和充电单元的产品页面和他们销售的时髦物品一样优雅。
页面的基础结构是标准的,但执行异常。描述文字的两句话让你想象物品在你的地方会是什么样子——“在你的床头柜上或在你的桌子上……”——像圆形图像一样的触摸给它一些流行感。
然后,产品页面变成了一个视觉导览,如果你购买了这个坞站,你可以期待它的功能。与此同时,还有一些休闲文本的口音(“所以无论你怎么滚动,你都会有一个位置为你的设备”)。
最后,产品页面上有一些这款手机在家里和办公室周围的照片。
关于产品页面的结论
这些产品页面都有一些共同之处。让我们去找他们吧。
有很多空间——利用它
这些产品页面不浪费像素,也不回避让购物者滚动一点。产品版面出现在杂志和报纸上,因为版面很宝贵。但在网上,你不必在额外的图片和额外的详细信息之间做出选择。全部用上。
视频和巨幅图片
我们已经谈到了视频。你应该做视频!当然,别忘了照片。这些书页上有精美的图画。如果你是一个托运人,这意味着你不应该只使用供应商的照片。订购你的产品,并采取你自己的。你不需要卖自行车或高科技音响设备来让你的产品照片栩栩如生。
在页面顶部仍然可以进行转换
这些令人瞠目结舌的产品页面将有助于转化那些对购买犹豫不决的人。这就是为什么我们看到照片、视频和精美的布局。但是不要忘记那些已经把信用卡拿出来的人!如果有人准备购买,就像这些商店所做的那样,使购买商品不需要滚动或搜索。
想了解更多?
这里有一些其他的文章,将帮助你确定你的产品页面!