

在为独立站设计的时候,许多卖家会比较重视首页,因为这是用户访问时看到的第一个页面,但是销售还是商城最主要的目的之一,产品页面的设计也是非常关键的。
在打造产品页面时,独立站不再受第三方平台的限制,样式可以非常丰富多样。接下来将给大家展示一些产品页设计,介绍一下他们的特色体现在哪里,希望可以给到大家更多的灵感!
(原文来自“尚睿出海”)
15个最佳产品页案例
1.Luxy Hair
2.PooPourri
3.Rocky Mountain Soap Company
4.United By Blue
5.Sixty-Nine
6.Leesa
7.Manitobah Mukluks
8.Perfect Keto
9.Johnny Cupcakes
10.WP Standard
11.Master & Dynamic
12.Primal Pit Paste
13.Love Hair
14.Pilgrim
15.Holstee
01.Luxy Hair

很明显Luxy的目标客户主要是女性,这家店铺卖的是接发产品,网站风格比较女性化,就连浏览器上的选项卡都有一个爱心表情符号。
这些产品因为有各种不同的颜色所以有很多变体,用户根据网站设计的步骤最终选择到最适合自己的产品。首先可以选择头发的厚度,接着就是颜色,然后你会被引至特定的产品页,该页面通常包含了你所要寻找的产品。


可以看到添加到购物车的按钮很明显,这就是用户行为号召(CTA, Call to Action),如果你的购买意愿还不稳定,你可以在购买按钮上方弹出的提示选择观看一段介绍视频。
在下面还显示了几个鼓励购买的图标和文字,像运费和退换货,因为这些是造成放弃购物车(指消费者将物品放入购物车后,却没有进行结账付款的行为)最大的原因。
除此之外,Luxy的客服是实时在线的,卖家们如果条件允许的话也可以安排一个实时在线的客服,这个利用Shopify的插件就可以完成。
02.PooPourri

再来看看这个,香喷喷的除臭剂,这种比较单调的产品,怎么样能让用户觉得更有趣呢?此时就要利用文案的魅力了。
文案翻译:“只需在马桶的水面上喷3至5下,你就可以为所欲为了。”
这个产品页还告诉用户如果他们定期订阅可以省钱,达到了很好的二次营销的效果。他们提供一个月、两个月或三个月的订阅购买,部分消费者们也不怕把自家的产品展示给大家,还专门为其制作了一段“如何使用”的视频。

03.Rocky Mountain Soap Company

这家天然香皂公司清楚来浏览他们家产品的消费者都是喜欢天然健康的产品的,所以他们在详情页继续着重强调自己的产品是100%纯天然的,然后列出一大堆天然原材料,用户看不看得懂不重要,反正看起来很厉害的样子就行了。
在这款南瓜香皂下方,有一条评价的标题是“超超超超滋润”,这条评价让用户印象深刻。

Rocky Mountain Soap知道顾客评价的重要性。在Bizrate Insights Survey做过的一项调查研究中,有近四分之一的参与者认为他们在线上购买产品时会非常注重参考用户评价,甚至花很长时间阅读。40%的人则说他们会花一定时间观看评价。产品下方的评价突出了不少满意用户给产品写的五星评价,可以有效减少其他消费者在从未接触过该产品时可能产生的顾虑。
04.United By Blue

作为所有在线商店中最为绿色环保的公司之一,United By Blue正致力于从大海和水道中清除垃圾。你可以看到你的购买能够帮他们更快地实现这一目标:“每购买一件产品就能帮助清除一磅的垃圾。”谁不想在让地球变得更干净的同时,还能获得一件漂亮的上衣呢。
United By Blue一直以环保和绿色为宗旨,致力于保护地球水资源的洁净,你可以看到你的购买能够帮助他们做这件有意义的事情:“每购买一件产品就能帮助清除一磅的垃圾。”这种让用户附带成就感的营销方法其实国内也有非常著名的案例,如“蚂蚁森林”。

卖服装的店铺请务必加上尺码,第一是减少退换货率,第二要是客户是因为尺码问题想要退货的也可以以此作为说明不是卖家的问题。

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

也是服装类店铺,首页采用这种奇特的模特拼图形式,而不像普通的网站那样主要靠文案。同时模特上的服装也是店铺主打品牌
一旦你浏览完一样产品之后,原来的动态图变成静止的图片出现在一个整洁的、有许多空白的产品页面上。你可以通过一个链接转至他们的尺寸表,确保所选尺寸符合自己的需求,然后会有一个弹出提示提醒转至他们的相应地区商店,以便用当地加元购买(例如,你在加拿大,页面将跳转至加拿大地区,你可以用加元付款)。

整洁的页面可以减少用户购买时受到的干扰,让用户把注意力都放在产品上。
06.Leesa

Leesa所经营的产品是可折叠且方便运输的床垫,降低了运输成本,这样价格也会更低。他们家的品牌设计清晰简洁,色系方面主要采用白色、蓝绿色和灰色。

他们还利用这个机会分享了自己作为企业的社会责任,即每售出十个床垫他们就会捐出一个,跟上面说的那个保护水资源一样的套路,给消费者增加成就感。

床垫属于客单价比较高的产品,用户购买时会比较谨慎,这类产品体现的信息越多,越容易让用户下单。你可以看到床垫的内部功能及其特别的地方,Leesa通过显示产品的评价让你知道使用过的人都是非常满意和享受产品的。他们还设计了一个FAQ区域,里面包含了经常会被问及的一些关于产品的问题,因此消费者无需离开产品页面就能获得全部答案。
07.Manitobah Mukluks

为什么现在国内买东西会被称为剁手?因为许多产品贵,且不一定必要,但是大家又想买,买完之后会有内疚感,剁手就是形容这种情绪。上图Manitobah的一双鞋子265美金,很明显就是剁手啊!所以卖家要做的就是减轻这种内疚感!
在“添加到购物车”按钮旁有用粗体字强调“免邮”和“免费返还”。这就让用户觉得这不是条“不归路”,可以当下给他们一个借口说我可以先买来看看实物,到时候不喜欢或者后悔再退。但实际情况是人们收到实物后大部分都会舍不得送走它。
与Leesa相似,他们鼓励那些疑虑型消费者在浏览产品页面时,就可以了解更多关于公司及其使命的信息。

用户可以了解到公司是由印第安人开的,还有在冬靴的鞋底艺术背后的故事。我觉得页面最后还需要另一个“添加到购物车”按钮,这样人们在购买时就不用返回到页面顶端,购买流程越少,转化率越高!

08.Perfect Keto

这个页面具备一个高转化率产品页所需要的所有元素,包括优质的产品图片,准确地告诉用户使用他们家产品的原因,以及“通过订阅来省钱”这一选项在每件商品上省钱(就算他们所付的总体价格可能会稍微多一点),同时也可以用作后续二次营销。
该页面还加入了“相关产品”这一区域,有时在看一件衣服,觉得整体风格是你想要的,但是某些细节又不是特别喜欢,就很容易在“相关产品”中找到最合适的。当然,卖家想要达到最理想的效果就是,用户对着屏幕想的是:“小孩子才做选择,我都要!”
09.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介绍了产品的更多内容以及消费者可以得到什么,把目标群体的痛点指了出来。
14.Pilgrim

Pilgrim网站完美结合了香薰理疗和充满个性的设计,产品有白天和黑夜的不同模式,激发你想象把这个产品放在家里用时的样子。

除了轻快和动感的感受,网站的整体设计既优雅又简洁。页面设计包含了一些”为何选购”的必备内容 —— 30天无条件退货、一年保质期、免邮、以及五星好评等。
往下拉你会看到一个更令人心动的地方。这里突出了产品特色、优势及其原材料的视觉设计,还有用户自创的视频内容,让你感到更值得信任。

15.Holstee

Holstee是一个既有趣又有个性的品牌,来看看他们的页面,一个简单的设计,加上几抹明亮的色彩,就足以让你对他们的产品留下一个特定的形象,简单而又明亮,产品、“加入购物车”按钮、高亮文字 —— 想要通过折扣价格让客户订阅产品的另一例子。
Holstee这个品牌很注重视觉效果,其产品页的其它比首页要复杂一些。将页面往下拉,你会看到更多的照片、视频以及能让你深入了解产品的一些内容。

页面分tag展示,避免了需要一直滑动到下面才能观看更多内容,也方便用户切换自己想要看的东西。另外一点很重要的是,购买按钮就在旁边,不会越滑越远,这些小细节对于提高转化率都是能起到关键作用的。
利用Shopify打造属于你的产品页
想要搭建一个优质的网站也不是一件容易的事,但专业的Shopify设计搭建团队可以帮到您。而且您需要拥有用户思维,不能理所当然地觉得用户会跟着你的想法走。要想象自己是一位陌生的用户,进入网站时希望看到的是什么。
今年的内容讲到这,下篇介绍一些Shopify实用的插件推荐,要关注我哦!
