15个产品页案例,助你打造令人艳羡的在线商店!

产品页

在为在线商店设计网站的时候,很多人都会把重心放在首页,因为它是用户访问网站时的第一印象。但是,电商网站的最终目标毕竟还是销售,需要一个出色的产品页来达到这个目的。

一个有效的产品页需要正确地体现主打产品的价值,它可以让消费者看到产品的样子,向他们展示产品给人带来的感觉,说服他们购买并拥有这些产品。

在打造产品页时,你可以选择的主题和内容通常都很丰富多样。接下来将给大家展示一些产品页设计,顺便介绍一下他们的特色体现在哪里,这样你或许就可以将其应用到自己的产品页设计中。
 

15个最佳产品页案例

  • Luxy Hair
  • PooPourri
  • Rocky Mountain Soap Company
  • United By Blue
  • Sixty-Nine
  • Leesa
  • Manitobah Mukluks
  • Perfect Keto
  • Johnny Cupcakes
  • WP Standard
  • Master & Dynamic
  • Primal Pit Paste
  • Love Hair
  • Pilgrim
  • Holstee
  

 

1.Luxy Hair

产品页

你可能很容易就看得出Luxy的目标消费者是以女性为主,因为这家商店卖的就是接发产品。整个网站立马就给人一种富有女性气息的感觉,就连浏览器上的选项卡都有一个暖暖的爱心表情符。

因为这款产品有很多种变体,所以用户可以通过体验整个过程来决定哪款最适合他们。首先可以选择头发的厚度,接着就是颜色,然后你会被引至特定的产品页,该页面通常包含了你所要寻找的产品。

产品页

产品页

这里有个很清晰的用户行为号召(CTA, Call to Action),那就是将产品添加到购物袋,但是如果你还是不太确定的话,你可以在购买按钮上方弹出的提示选择观看一段介绍视频。

该页面还包含了一些最敏感的放弃购物车指标(指消费者将物品放入购物车后,却没有进行结账付款的行为):运费与退换货。很多数据都显示大部分消费者会因为运费过高而放弃付款。

除此之外,Luxy的客服团队可以全天候服务令人感到更加放心,如果对购物有任何疑问可以直接联系他们。

 

2.PooPourri

产品页

你怎么也想不到有人会把一款这么无趣的产品打造得如此直接大胆吧?这款产品的主要亮点是其颇具趣味的文案,这也是你可以用来吸引用户的一个不错的手段。

“只需在马桶里的水面喷3至5下,”产品这样描述到,“你就可以为所欲为了。*打响指*(对于那些还没听说过这款产品的人来说,你可以在上厕所之前先在马桶里喷一下去除异味。)

这个产品页还告诉用户如果他们定期订阅可以省钱,达到了很好的向上销售的效果。他们提供一个月、两个月或三个月的订阅购买。他们也不怕将自家的产品展示给大家,还专门为其制作了一段“如何使用”的视频。

 产品页

3.  Rocky Mountain Soap Company

产品页

这家天然香皂公司知道那些浏览他们家产品页的消费者会想知道自己购买的是优质而健康的产品。他们强调自己所售的产品是100%全天然的,然后在产品描述中列出一大堆天然原材料。你也可以通过产品菜单浏览产品的所有原材料。

我喜欢这个产品页的理由是它对口碑的大胆运用。在这款南瓜香皂下方,有一条评价的标题是“超......超滋润。”这条评价足以让很多想购买该产品的人印象非常深刻了。

产品页

 

4.  United By Blue 

 产品页

作为所有在线商店中最为绿色环保的公司之一,United By Blue正致力于从大海和水道中清除垃圾。你可以看到你的购买能够帮他们更快地实现这一目标:“每购买一件产品就能帮助清除一磅的垃圾。” 谁不想在让地球变得更干净的同时,还能获得一件漂亮的上衣呢。

 产品页

一个尺寸表可以帮助用户更好地选择适合自己的尺寸,这样一来还可以减少产品的返还率。

  产品页

产品页简单大方的设计让用户得以看清产品描述、客户评价以及一系列相似产品。United By Blue还通过在产品缩略图下面显示颜色选项来鼓励消费者点击并浏览选项。

Rocky Mountain Soap很清楚顾客评价的力量。在Bizrate Insights Survey做过的一项调查研究中,有近四分之一的参与者认为他们在线上购买产品时会一直参考用户评价,40%的人则认为他们会经常这么做。产品下方的社交证据突出了不少满意用户给产品写的五星评价,可以有效减少其他消费者在从未接触过该产品时可能产生的顾虑。

 

5.Sixty-Nine

产品页

 

这个就无需多说了吧,你只要看一眼这个页面就会立刻被吸引住。与许多其它的电商产品页完全不同,出现在你面前的字体好像在盯着你看似的,让整个网站和主打产品也以一种全新的方式呈现出来。

一旦你浏览完一样产品之后,原来的动态图变成静止的图片出现在一个整洁的、有许多空白的产品页面上。你可以通过一个链接转至他们的尺寸表,确保所选尺寸符合自己的需求,然后会有一个弹出提示提醒转至他们的相应地区商店,以便用当地加元购买(例如,你在加拿大,页面将跳转至加拿大地区,你可以用加元付款)。

产品页

整洁的页面设计可以让人在购物过程中不易受其它因素的干扰,同时可以让用户更清楚且直接地购买产品。

在这家在线商店获得Ecommerce Design Awards(后来重新定位成Commerce Awards)的荣誉奖之后就被牢牢地记住了。

 

6.Leesa

产品页

Leesa所经营的产品是可折叠且可运输的床垫,帮你避免了需要专门去床垫商店选购的必要。他们家的品牌设计清晰和简洁,色系方面主要采用白色、蓝绿色和灰色。很多类似的床垫公司正在崛起,所以Leesa直入主题,直接强调为何你应该购买他们家而不是别人家的产品。

 产品页

他们还利用这个机会分享了自己作为企业的社会责任,即每售出十个床垫他们就会捐出一个,这样会让那些潜在消费者在购买时感觉良好。

产品页

购买床垫并不是一件小事,所以你可以了解的内容越多,就会让你更加坚定。你可以看到床垫的内部运作及其与众不同的地方。Leesa通过显示产品的评价让你知道其他人有多么的满意和享受。他们还设计了一个FAQ区域,里面包含了经常会被问及的一些关于产品的问题,因此消费者无需离开产品页面就能获得全部答案。

 

7.  Manitobah Mukluks

 产品页

跟床垫类似,一双Manitobah冬靴成本的价格也很高,这也就意味着人们在购买时不会那么轻易下手。如果某件商品低于20美元,而你又很喜欢它,你会更有可能去买它。但是这个价格点越高,在购买时你可能会感到越内疚。而作为商家,你恰恰不应让前来的消费者感到内疚。

这个产品页好像解决了购买时最常见的一些顾虑:在“添加到购物车”按钮旁有用粗体字强调“免邮”和“免费返还”。这样就可以让人们觉得购买并不一定是永不回头的决定,而且他们所看到的价格应该与最终价格比较接近。

与Leesa相似,他们鼓励那些疑虑型消费者在产品页面就可以了解更多关于公司及其使命的信息。

  产品页

用户可以了解到公司是由印第安人开的,然后在冬靴的鞋底艺术背后的故事。我个人认为页面最后还需要另一个“添加到购物车”按钮,这样人们在购买时就不用一路返回到页面顶端。

  产品页

8.Perfect Keto

产品页  

这个页面具备一个高转化产品页所需要的所有元素,包括优质的产品摄影,你为何想要使用他们家产品以及“通过订阅来省钱”这一选项来告诉人们他们可以在每件商品上省钱(就算他们所付的总体价格可能会稍微多一点),同时可以达到向上销售的效果。

该页面还加入了“相关产品”这一区域,这样就算人们对正在浏览的产品不是很确定,他们也可以在相似产品中找到更适合自己的。或者,你可以直接全部购买。

 

9.  Johnny Cupcakes

  产品页

所有跟甜品相关的产品都是人的心头好。Johnny Cupcakes是一个非常有趣的品牌,它们自称是“世界上第一家T恤烘焙”,强调所有新的产品都是“新烤出来的”。这个主题本身就挺有趣的,而且对他们来讲也很有效。

他们充分利用产品摄影,通过高清图片来展示他们的服饰及有趣设计。而且你又如何能抗拒得了他们家年轻小胖莫名追着纸杯蛋糕的动图呢?

  产品页

另外,当你点击“立即购买”按钮时,购物车会从屏幕右侧弹出,提醒你可以随时结账。这个提醒设计可能不是特别巧妙,你也不用立马就下单,他们还提供了不同的支付方式。这样就把产品页有效地转为结账页,对于提高购买效率的人来讲是很不错的。

产品页

 

10.  WP Standard

  产品页

我承认我选择这一产品页的其中一部分原因是我对这款产品特别着迷,它实在是美到惊艳。这个页面的主要亮点就是它的产品摄影。它能够给你一种身临其境的感觉,这样你就可以真的想象一下自己拥有这件商品时的样子。

这个产品页的一个特别之处在于你可以选择把自己的姓名首字母印在包上。如果你将要花一大笔钱来购买一款质量如此之高的手包,可能你会想去通过在上面印一下名字的首字母去真正地拥有它。

 

11.  Master & Dynamic

  产品页

当我刚打开Master & Dynamic的网站时,大胆、优雅和高端是它给我的第一印象。耳机细节的特写图完美地展现了产品的质量和精致。它无时不在吸引着你用它来听东西。

  产品页

Master & Dynamic的产品页本身就像是一场体验。当你在滚动鼠标时,你会了解到耳机设计的很多细节 —— 产品的材质、特色以及如何控制它们。

但是他们也不完全把设计置于转化之上。页面顶部悬浮的“加入购物袋”按钮设计得恰到好处,既不会让人分心,又能够提醒消费者他们可以随时拥有这些产品。如果你想要购买,你也不用因需要一路返至页面顶部去寻找购物按钮而影响体验效果。(更别提网站所提供的那么多颜色选项提醒了。)

 

12.  Primal Pit Paste

  产品页

个人卫生可能不是最光鲜艳丽的话题。对于那些跟污垢相关的产品来讲,他们的产品页设计算是非常干净的了。背景全白,偶尔出现的一些明亮而简洁的颜色很容易让品牌与产品看起来更有趣。

Primal Pit Paste充分利用客户评价,他们不仅在价格旁边突出用户评价,而且你还可以通过点击页面最左侧一直悬浮的按钮来查看。他们还在“加入购物车”按钮旁强调令人心动的原材料和质量(天然、有机、无动物实验等),用以消除消费者在购买过程中可能产生的顾虑。

  产品页

你还是有那么点犹豫?那么就请将页面继续往下拉,深入研究一下原材料以及如何使用一些非传统的产品。图片与视觉设计中继续保持品牌的有趣性,右下角浮动的购物车按钮让你随时可以跳回购物车进行结账。

 

13.  Love Hair

产品页

 

Love Hair是另一个主要以售卖清洁产品为主的品牌,他们的产品页设计非常干净。白色背景,灰色字体和一些哑光色使人可以把注意力完全集中在产品图上。他们不仅展示了产品图,还在产品页放一些视频内容。

  产品页

在视频下方,Love Hair介绍了产品的更多内容以及消费者会从中获得什么,让他们有机会将目标群体的痛点直接表达出来。如果你还需要更多的理由才能决定购买,“为何要选Love Hair的椰油”会告诉你更多的产品原材料,以及他们对环保的持续关注与努力。

 

14.  Pilgrim

  产品页

Pilgrim的网站将香薰理疗与充满活力的个性设计完美融合,其产品页可在“白天”和“黑夜”之间自由切换,让你可以更好地感受一下把他们家的产品在放在自己家里的样子。

  产品页

除了给人以轻快的动感之外,网站的整体设计既优雅又简洁。页面设计包含了一些”为何选购”的必备内容 —— 30日无条件退货、免邮、一年保质期以及五星好评等。

当你将页面往下拉的时候,你会看到一个更为动人的产品发现之旅。这里不仅包含了突出产品特色、优势及其原材料的视觉设计,还有以视频形式呈现的用户自创内容,从而让你更进一步地挖掘产品。

产品页

 

15.  Holstee

  产品页

Holstee这个品牌既有趣又有个性,就跟他们的品牌页设计一样。一个简单的设计,加上几道明亮的色彩,就足以将你的视线牢牢钉在页面上的一些主要元素上:产品、“加入购物车”按钮、高亮文字 —— 想要通过折扣价格让客户订阅产品的另一例子。

Holstee这个品牌很注重视觉性,其产品页的其它部分并不像首屏那样简单。将页面往下拉,你会看到更多的照片、视频以及能让你深入了解产品的一些内容。

  产品页

你可以在更加详细的介绍和规格、客户评价、物流和退换货,以及生态(表明了品牌追求完美设计与优质产品的决心)之间随意切换。这就消除了需要一直滚动页面寻找购买按钮的麻烦,在这里你只需要跳回上一个区域即可。

 

利用Shopify打造产品页

你不需要有高超的网站设计技能来打造一个好看而且又能够推动销售的产品页。通过Shopify,你可以很轻松地在精美的设计与转化优先的元素之间找到一个平衡点。

类别:

关注官方微信公众号了解更多

Shopify 官方二维码