AMZ123跨境卖家导航
拖动LOGO到书签栏,立即收藏AMZ123
首页跨境头条文章详情

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

6718
2019-10-31 21:34
2019-10-31 21:34
6718

本文作者 Shopify官方,首发于Shopify中文官网博客 ,授权AMZ123发布。

全文共4567个字,细读大约需要14分钟


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


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


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


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的客服团队可以全天候服务,这令人感到更加放心,如果对购物有任何疑问可以直接联系他们。


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还通过在产品缩略图下面显示颜色选项来鼓励消费者点击并浏览选项。


05

Sixty-Nine

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


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

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


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


06

Leesa

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

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

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


07

Manitobah Mukluks


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


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


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


14

Pilgrim

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

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


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


15

Holstee

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


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

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


◎利用Shopify打造产品页

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





免责声明
本文链接:
本文经作者许可发布在AMZ123跨境头条,如有疑问,请联系客服。
最新热门报告作者标签
Shopify扩展B2B功能至所有套餐
AMZ123获悉,近日,Shopify宣布,将其原本主要面向企业级用户的B2B(企业对企业)电商功能,正式扩展至Basic、Grow和Advanced等所有订阅方案,且不额外收费。这意味着,数百万卖家首次可以同时在Shopify管理批发业务和DTC业务,无需再依赖插件或多个系统拼接运行。此次开放的核心功能包括:为批发客户建立公司档案、最多支持3个自定义价格目录、设置差异化定价、批量折扣与数量规则、支持绑定信用卡以及提供账期付款等。这些能力此前主要集中在Shopify Plus中,经过近4年的优化后,现已成为Shopify平台的基础能力,并向所有卖家开放。
拿捏美国工位经济,这款国产支架在TikTok赚了2700万+
据不完全统计,抛开睡眠时间,这一届打工人80%时间奉献给了工位,剩余的20%的则是在奔赴工位的路上。秉承着“把公司视作第二个家”的人生信条,大批打工人走上了自掏腰包爆改工位的“不归路”。在此前的文章中,TT123介绍过多款例如白磷人格桌面摆件、怼人马克杯等多款“工位经济学”下的爆品,它们的共性在于提供了满满的情绪价值,但言归正传,情绪抚慰并不能切实缓解长时间伏案办公带来的颈椎、腰椎酸痛,打工人们也重新意识到“科学(打工)是第一生产力”这句话的含金量,他们渴望通过更灵活、更符合人体工学的办公搭子,调整体态和动线,释放桌面空间,让工作环境真正服务于健康与效率。
亚马逊Listing搜不到、广告没曝光、Vine没人领,问题到底出在哪?
很多卖家一遇到新品起不来,就会先下一个结论:我的 Listing 没被亚马逊系统收录。卖家爆料前台搜品牌词加核心词找不到,广告出价不低却没曝光,Vine 开了一周也没人领。于是开始删库存、删 Listing、隔 24 小时或 48 小时重传,结果折腾一圈,问题还在。先说结论:大多数情况下,卖家遇到的不是“完全没收录”,而是“搜索可发现性差、关键词不索引、广告资格不足、页面吸引力不够”几种问题叠在一起。如果一上来就删链接,往往是在重做同一个错误,而不是解决问题。一、前台搜不到,就一定是没收录吗?不一定。
亚马逊收紧价格规则,卖家须保证标价与近期实际售价一致
AMZ123获悉,近日,据The Information报道,亚马逊在2026年Prime Day前对卖家价格规则进行调整,卖家必须确保所设商品标价与最近在亚马逊或其他品牌的实际购买价格相符,以防止出现误导性促销。从5月18日起,亚马逊还将改变“典型价格”的计算方式,更加重视商品在过去三个月大部分时间是否以折扣价销售。这一调整旨在回应消费者对亚马逊操纵商品价格的长期投诉,目前亚马逊正面临一场集体诉讼,原告指出亚马逊平台在计算折扣时使用“虚构”标价,导致促销幅度被夸大。
美客多将在智利投资7.5亿美元,提供1200个岗位
AMZ123获悉,近日,据外媒报道,拉丁美洲电商巨头美客多计划在2026年向智利市场投入7.5亿美元,与2025年的投资规模相比,此番金额增幅达到27%。据了解,过去六年里,美客多在智利的累计投入已突破20亿美元,伴随新一轮的投资,预计2026年将为智利直接创造1200个新增就业岗位。值得注意的是,这笔巨额资金投入将流向物流基础设施的扩容与金融科技生态的完善。在物流端,美客多将在圣地亚哥启动第二个大型配送中心的建设,预计今年下半年即可投入使用。该中心能够存储超过1500万件商品,旨在直接拉高订单履约效率。此外,美客多还计划将物流网络向智利北部和南部延伸,试图弥合不同区域间网购体验的落差。
中东停火,跨境物流成本或下降
美伊冲突,按下了“暂停键”。当地时间4月7日,美国总统特朗普在个人社交平台Truth Social上发文称,应巴基斯坦请求,其已同意暂停对伊朗的轰炸和攻击,为期两周,并表示这将是一次双向停火。随后,当地时间4月8日凌晨,伊朗最高国家安全委员会也发表声明回应称,根据最高领袖的建议和最高国家安全委员会批准,接受巴基斯坦提出的停火提议。据巴基斯坦总理透露,该停火协议已于伊朗时间4月8日凌晨3时(北京时间4月8日8时)生效。尽管该停火协议的期限仅为两周,但其已在一定程度上缓解了市场对局势进一步恶化的担忧,并为包括跨境电商行业在内的全球市场提供了预期向好的信号。
非洲平台Industrie Africa将于4月30日关闭电商业务
AMZ123获悉,近日,据外媒报道,非洲奢侈时尚领域标杆平台的Industrie Africa,将于2026年4月30日正式关闭其电商业务。曾几何时,Industrie Africa的线上成绩单相当亮眼。自2017年,其以内容平台起步、2020年5月正式开通线上零售功能以来,该平台已汇聚了来自21个非洲国家的75位设计师品牌,商品远销全球56个国家与地区,数字内容社区更是延伸至193个国家。然而,其风光无限的背后却藏着一个致命的弱点:销售额中约有八成依赖美国消费者。正因如此,当美国贸易政策突然转向时,Industrie Africa的发展命脉便被扼住。
美客多将在智利投资7.5亿美元,提供1200个岗位
AMZ123获悉,近日,据外媒报道,拉丁美洲电商巨头美客多计划在2026年向智利市场投入7.5亿美元,与2025年的投资规模相比,此番金额增幅达到27%。据了解,过去六年里,美客多在智利的累计投入已突破20亿美元,伴随新一轮的投资,预计2026年将为智利直接创造1200个新增就业岗位。值得注意的是,这笔巨额资金投入将流向物流基础设施的扩容与金融科技生态的完善。在物流端,美客多将在圣地亚哥启动第二个大型配送中心的建设,预计今年下半年即可投入使用。该中心能够存储超过1500万件商品,旨在直接拉高订单履约效率。此外,美客多还计划将物流网络向智利北部和南部延伸,试图弥合不同区域间网购体验的落差。
亚马逊与USPS达成新协议,保留80%配送量
AMZ123获悉,近日,据外媒报道,亚马逊与USPS达成新的包裹配送协议,双方长期合作关系得以延续。根据知情人士透露,在新协议下,USPS将保留约80%的亚马逊包裹配送业务,规模超过每年10亿件,这一结果明显好于此前市场预期的削减三分之二甚至更多业务量的情况。此次协议对于财务承压的USPS具有重要意义。作为其最大客户,亚马逊每年为USPS贡献约60亿美元收入,而USPS的年度运营预算约为800亿美元。此前,USPS曾警告称最早可能在今年10月出现现金耗尽风险,而一旦失去亚马逊订单,将对其运营构成重大冲击。
靠AI带货,国产“鸟浴神器”在TikTok卖了50多万
国内没市场的“鸟浴神器”,在TikTok美区卖爆了
亚马逊2026图片新规落地!不合规图片偷偷吃掉流量
根据相关信息,2026年,亚马逊正式更新产品图片审核政策,在全站点启动更严格的AI+人工双重审核。
全球二手服装市场加速增长,2030年将达3930亿美元
AMZ123获悉,近日,根据在线二手平台ThredUp发布的第14份《2026年二手市场报告》显示,美国二手服装市场正在加速增长,并逐步改变整体服装消费结构。2025年,美国二手服装市场(包括线上、线下转售以及捐赠和旧货渠道)同比增长19%,为2021年以来最快增速,且增速达到整体服装零售市场的3.6倍。从全球来看,二手服装市场规模预计将在2030年达到3930亿美元,年均增长约9%,并占全球服装消费的约10%。消费端渗透率也在持续提升,2025年已有59%的消费者购买过二手服装,较三年前提升了7个百分点,显示出二手消费正从小众走向主流。在线渠道的增长尤为明显。
银发经济崛起!日本电商增量或将大爆发
《全球电商市场报告——日本篇》重磅发布!
“万能扳手”上线25天,在TikTok美区成交百万
淘宝2元“神器”在TikTok美区爆卖百万
Wildberries将统一中俄卖家佣金
AMZ123获悉,近日,俄罗斯电商平台Wildberries宣布,将对中国卖家与俄罗斯本土卖家实行统一的佣金政策,以提高平台经营环境的透明度和可预期性。该举措已在俄罗斯联邦反垄断局(FAS)信息技术竞争发展专家委员会会议后提交监管机构。根据Wildberries披露,此次调整是其平台治理措施的一部分,重点包括优化卖家定价管理机制,以及规范由平台承担的折扣规则。在具体执行层面,Wildberries平台将实现中俄卖家佣金条件一致,同时改进卖家对商品定价的控制能力,并推动折扣机制更加透明化。未来,卖家可以在后台自行选择是否参与由平台提供的商品折扣,相关功能将通过自动化工具实现,支持一键开启或关闭。
《TikTok Shop突破末次触达归因(LTA)ROAS分析报告》PDF下载
在数字化浪潮中,广告主正面临有效衡量广告支出回报率(ROAS)的挑战。传统未次触达归因(LTA)模型因数据收集难度和归因偏差问题已难以满足广告主的需求,因此,探索新的方法来解决这些问题显得尤为重要。
《未来电商报告:品牌独立站五步升级锁定未来确定性增长》PDF下载
调研显示,出海商家针对家居、时尚及消费电子等品类布局比例均超过30%。独立站凭借其高度品牌化、个性化、场景化及功能性等优势,精准契合上述品类对品牌调性、场景交互及沉浸式体验的核心诉求,正成为商家黑五大促期提升销量、构建品牌竞争壁垒的关键载体。
《TikTok Shop达人真实种草力报告》PDF下载
达人正在将文化内容、社群互动与商业转化深度融合,形成一个高度协同的内容商业生态,其价值早已不再局限于内容带来的直接收入。从更广义的商业视角来看,达人价值的核心在于真实影响力-即其内容对商品与服务产生影响并促成转化所形成的整体商业价值,这一能力正构成达人在内容电商体系中的带货价值基础。
《2026年第2季度儿童时尚品类报告》PDF下载
儿童时尚品类概览 主题选品合辑 巴西站点上新 泰国站点上新 菲律宾站点上新 越南站点上新
《TikTok Shop 2025年度报告》PDF下载
2025年,TikTok Shop进一步加快扩张步伐,在巩固欧美成熟市场的同时,积极开拓新兴市场,先后上线德国、意大利、法国、日本等站点。此举不仅为平台带来新增量,也体现出其多元化市场战略的初步成效,以分散地缘政治风险。
《Shopee2025印尼站点X 汽车摩托品类专题》PDF下载
印尼当地汽车保有量并不高,每一千人的机动车保有量仅96人,未来可提升的空间仍大。空间参照系可以看泰国和马来,2024年泰国汽车保有量为322辆/千人,马来西亚为531辆/千人。
《2026年Shopee运动户外类目自行车爆品分享》PDF下载
巴西骑行爱好群体广泛,但平台上热销品呈现出的国际大牌极少,推测可能原因是国际品牌可能主要通过线下经销或自行渠道销售,未深度参与Shopee等本土电商。因此巴西用户在平台上几乎接触不到这些高端品牌产品。平台上巴西用户更倾向购买本土品牌的自行车,可能出于价格实惠和售后便利考虑。
《2025年TikTok生态发展白皮书》PDF下载
2025年,全球内容电商迈入深度跃迁的新周期。TikTokShop正以前所未有的速度拓展市场版图,完成从高速增长向高质量增长的跃迁。在这一进程中,生态结构重构、参与者多元化、全球政策协同等因素叠加,构成内容电商演进的核心变量。
亚马逊公告
AMZ123旗下亚马逊公告发布平台,实时更新亚马逊最新公告,致力打造最及时和有态度的亚马逊公告栏目!
AMZ123选品观察员
选品推荐及选品技巧分享。
亿邦动力网
消除一切电商知识鸿沟,每日发布独家重磅新闻。
欧洲电商资讯
AMZ123旗下欧洲跨境电商新闻栏目,专注欧洲跨境电商热点资讯,为广大卖家提供欧洲跨境电商最新动态、最热新闻。
跨境学院
跨境电商大小事,尽在跨境学院。
亚马逊全球开店
亚马逊全球开店官方公众号,致力于为中国跨境卖家提供最新,最全亚马逊全球开店资讯,运营干货分享及开店支持。
跨境电商干货集结
跨境电商干货集结,是结合亚马逊跨境电商卖家交流群内大家在交流过程中最常遇到的问题,进行收集整理,汇总解答,将会持续更新大家当前最常遇见的问题。欢迎大家加入跨境电商干货集结卖家交流群一起探讨。
北美电商资讯
AMZ123旗下北美跨境电商新闻栏目,专注北美跨境电商热点资讯,为广大卖家提供北美跨境电商最新动态、最热新闻。
首页
跨境头条
文章详情
出海干货 | 15个产品页案例,助你打造令人艳羡的在线商店!
Shopify官方
2019-10-31 21:34
6719

本文作者 Shopify官方,首发于Shopify中文官网博客 ,授权AMZ123发布。

全文共4567个字,细读大约需要14分钟


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


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


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


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的客服团队可以全天候服务,这令人感到更加放心,如果对购物有任何疑问可以直接联系他们。


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还通过在产品缩略图下面显示颜色选项来鼓励消费者点击并浏览选项。


05

Sixty-Nine

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


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

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


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


06

Leesa

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

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

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


07

Manitobah Mukluks


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


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


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


14

Pilgrim

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

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


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


15

Holstee

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


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

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


◎利用Shopify打造产品页

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





咨询
官方微信群
官方客服

扫码添加,立即咨询

加群
官方微信群
官方微信群

扫码添加,拉你进群

更多
订阅号服务号跨境资讯
二维码

为你推送和解读最前沿、最有料的跨境电商资讯

二维码

90% 亚马逊卖家都在关注的微信公众号

二维码

精选今日跨境电商头条资讯

回顶部