出色的自建站产品页面如何打造?15个范例供参考

shopify blog作者:Stephanie Vozza
2019-05-10 11:10:06

那些转化率超高的自建站长什么样?

出色的自建站产品页面如何打造?15个范例供参考

在设计一家线上店铺时,很多人会把注意力放在主页上,认为这是访问者浏览网页时首先看到的内容。但是任何电商网站的真正目标都是销售,没有出色的产品页面,你根本无法实现销售目标。

有效的产品页面能够立即传达产品特征和价值,向消费者展示产品的外形,并且让他们相信所看到的绝对是需要的东西。

在创建产品页面时,你可以选择许多不同的展示功能和网页变体。以下将展示几个高质量的产品页面设计范例以供参考。

1、Luxy Hair

出色的自建站产品页面如何打造?15个范例供参考

大多数Luxy的顾客都为女性,因为这家店铺出售的是人类接发产品。该网页以女性化的形式展示给访问者,并在浏览器标签上添加emoji表情符号。

由于这类产品有许多不同变体,消费者首先需要选择他们头发的厚度,然后是颜色,接着就可以来到符合他们需求的特定产品页面。

出色的自建站产品页面如何打造?15个范例供参考

出色的自建站产品页面如何打造?15个范例供参考

通过清晰简洁的CTA按钮就可以将产品加入购物车,如果消费者不确定产品是否适合自己,在购买按钮上方会有一个观看概览视频的提示。

购买按钮下方的免运费与60天无理由退换货的提示还有效地降低了购物车放弃率。数据显示,如果运费太高,绝大多数消费者会放弃购买。

另外,Luxy的客服团队是全天候待命的,这让消费者感到放心,如果他们有任何问题,可以随时与客服取得联系。

 2、PooPourri

出色的自建站产品页面如何打造?15个范例供参考

如果你销售的是一些难以摆上台面的产品怎么办?

这个产品页面巧妙地利用了有趣幽默的文案博得了消费者的好感。

他们产品页面上的文案这样写着:“在使用马桶前,将此喷雾喷3-5次到马桶的水面上,然后就继续做你的事吧。”(你可能还没听说过这种产品,这是一种马桶喷雾,你可以在上厕所前使用,它能有效去除异味)

这样的产品页面有效地提高了销量,它提示了消费者,如果以订阅方式购买产品,他们就可以以优惠价格买下产品。并且,它还提供每一个月、两个月或三个月购买一次的选项。它也不怕消费者不信任自己的产品,因为产品页面展示了产品的工作原理视频,以此提高可信度。

出色的自建站产品页面如何打造?15个范例供参考

3、Rocky Mountain Soap Company

出色的自建站产品页面如何打造?15个范例供参考

这家天然皂公司知道顾客在浏览产品页面时希望自己购买的是高质量、健康的产品。他们声明该产品是100%纯天然的,并在产品描述中列出了全天然成分,产品菜单中还可以查看产品中所有成分的完整列表。

这个产品页面中特别引入注目的是其大胆的客户评价,其中一条评论的标题是:“MMMM MMM MOISTURE。”在考虑购买该产品的顾客脑海中,一条强有力的评论会给他们留下相当持久的印象。

出色的自建站产品页面如何打造?15个范例供参考

Rocky Mountain Soap深知客户评论的力量。Bizrate Insights调查显示,近四分之一的受访者表示他们总是在网上购物时参考客户评论,40%的受访者表示他们经常这样做。产品下方的社会认同突出显示产品被多个满意客户评为五星,这是减少买家对于从未亲自触摸产品的焦虑的可靠方法。

4、United By Blue

出色的自建站产品页面如何打造?15个范例供参考

United By Blue是一家提倡环保的线上商店,它的使命是清除海洋和水道中的垃圾。在店铺页面中你能看到它反复强调承诺“每售出一件产品,就会清除1磅垃圾”。试问谁不想为地球的环保事业出一份力呢?

出色的自建站产品页面如何打造?15个范例供参考

服装尺码表可以帮助消费者选择最合适的尺码,从而降低退货率。

出色的自建站产品页面如何打造?15个范例供参考

每个产品页面上的简洁设计使顾客更容易浏览产品详细信息、客户评论和一系列类似的产品。通过在产品缩略图中显示不同的颜色,方便顾客点击并查看选项。

5、Sixty-Nine

出色的自建站产品页面如何打造?15个范例供参考

很明显,这是一个引人注目的产品页面。不同于其他电商产品页面,这些人物以动态形式呈现,看似在与你互动,以一种非常新颖的方式将网站及其特色产品呈现在你眼前。

一旦你点击了某个产品,动态的图片将变为静态照片,并伴随着一个干净简洁的产品页面。同时还有一个链接可以查看产品尺码表,以确保顾客购买合适的尺寸。并且,当顾客是加拿大人时,那么通过一个按钮,他们就能前往加拿大站点购物。

出色的自建站产品页面如何打造?15个范例供参考

简洁的设计消除了购买体验中的任何干扰,为用户提供了清晰而直接的购买路径。

这个网站在电商网站设计大赛中获得了荣誉。

6、Leesa

出色的自建站产品页面如何打造?15个范例供参考

Leesa是一家可折叠、可运输的床垫公司。他们的品牌主打清爽干净,主要依赖于他们白色、蓝绿色和灰色的基调。许多类似的床垫公司已经涌现出来,所以Leesa直接切入主题,强调为什么你应该选择他们而不是其他人:

出色的自建站产品页面如何打造?15个范例供参考

他们借此机会展示他们的企业社会责任政策,那就是每卖出10张床垫就捐出一张床垫,让潜在买家认为他们选择Leesa是一个正确的决定。

购买床垫是一笔不小的开支,你浏览的越多,他们给你的购买理由就越多。你可以通过图片看到床垫的内部结构,以及其独特之处。Leesa还展示了产品评论来与顾客分享其他买家的购物体验。他们甚至还有一个常见问题解答页面,这样人们就不需要离开产品页面来寻找问题的答案了。

7、Manitobah Mukluks

出色的自建站产品页面如何打造?15个范例供参考

就像床垫一样,Manitobah Mukluks每件产品的成本都很高,这意味着购买过程就更加复杂了。如果产品的价格为20美元,而顾客又刚好需要,那么他们可能会买。但是,随着价格越来越高,他们在做购买决定的时候就会有罪恶感,而这种罪恶感对销售额的提高可没有什么好处。

这个产品页面旨在减缓消费者普遍存在的购物焦虑——“免配送费”和“免费退货”用粗体大字写在购物车按钮旁。因为人们不喜欢在结账的时候看到多出了一些他们没有料想到的费用。

与Leesa类似,它让犹豫不决的购买者在不离开产品页面的情况下了解品牌及其使命。

出色的自建站产品页面如何打造?15个范例供参考

通过以下图片描述,顾客可以知道该品牌是本地企业(以及这意味着什么)以及他们靴子鞋底艺术背后的故事。如果页面的末尾有第二个“添加到购物车”按钮就更好了,这样,如果客户在浏览过程中决定购买,就不需要一直滚动到顶部。

出色的自建站产品页面如何打造?15个范例供参考

8、Perfect Keto

出色的自建站产品页面如何打造?15个范例供参考

虽然Perfect Keto的产品页面相对简单,但它具有高转化率页面的所有特征,包括出色的产品摄影,概述使用产品的理由,并且能够通过“订阅与保存”选项以更优惠的价格购买产品。

这个页面还有一个“相关产品”部分,这样即使人们不完全喜欢他们正在看的产品,他们也可以找到可能更适合自己的类似产品。

9、Johnny Cupcakes

出色的自建站产品页面如何打造?15个范例供参考

Johnny Cupcakes是一个有趣的品牌,强调他们最近所有新品都是“新鲜烘焙的”。对于产品页面设计,他们充分利用了产品摄影,通过高质量的图片来展示其服装和有趣的设计。他们还给页面添加上加载动画效果,展示了一个胖乎乎的年轻人追逐着一个纸杯蛋糕,画面十分逗趣。

出色的自建站产品页面如何打造?15个范例供参考

另外,当消费者点击“BUY NOW”按钮时,屏幕右侧会弹出购物车窗口,提醒买家可以随时结账。这是一个比较直观的交易未完成提醒,它清楚地表明了买家可以支付的方式。这将有效地将产品页面转换到结账页面,因此这也是加快购买过程的一种强有力的方法。

出色的自建站产品页面如何打造?15个范例供参考

10、WP Standard

出色的自建站产品页面如何打造?15个范例供参考

WP Standard灵活地运用了产品摄影技巧,让消费者可以充分想象到拥有产品的感觉。其产品页面中有一个独特的元素,即提供将姓名首字母刻到包包上的选项。

11、Master & Dynamic

出色的自建站产品页面如何打造?15个范例供参考

Master & Dynamic的网站页面第一眼给人的感受是大胆、优雅和奢华。其突出耳机细节的特写镜头展示了产品的质量和精心制作,让人不由自主地想要尝试一番。

出色的自建站产品页面如何打造?15个范例供参考

Master & Dynamic的产品页面给人一种亲身体验的感觉。当访客在滚动屏幕时,他们会看到更多关于耳机的细节设计——他们是由什么构成的、有哪些高级功能以及如何使用控制它们。

但是,Master & Dynamic并没有完全将设计的重要性置于转化率之上。其页面顶部浮动的“add to bag”(加入购物车)栏虽然不那么醒目,不会破坏买家的购物体验,但仍然会不断提醒他们可以将产品添加到购物车当中。当想要购买的时候,他们不需要一直向上滚动并中断购物体验。此外,它还直接给出了所有产品颜色选项。

12、Primal Pit Paste

出色的自建站产品页面如何打造?15个范例供参考

作为个护品牌,Primal Pit Paste巧妙地采用了干净简洁的产品页面设计,全白的背景加之一些明亮强烈的色彩,让品牌和产品都生色不少。

Primal Pit Paste充分利用了顾客评论部分,其在价格旁边和页面左侧始终存在的按钮中突出显示了这些评论。他们还在“Add to Cart”(添加到购物车)按钮旁边重申了产品拥有的优质成分和品质(天然的、有机的、无刺激性等等),以打消买家的任何犹疑不决。

出色的自建站产品页面如何打造?15个范例供参考

另外当买家向下滚动产品页面,他们还可以深入了解到产品成分以及如何使用非传统产品。Primal Pit Paste对图片和图形的用心设计延续了整个页面的趣味性,而且买家随时可以点击右下角的浮动按钮回到购物车结账。

13、Love Hair

出色的自建站产品页面如何打造?15个范例供参考

Love Hair是另一个专注于清洁产品的品牌,他们同样选择了整洁利落的产品页面设计。采用纯白色的背景,以灰色为衬托色,并略施些暗色调微妙地突出了产品图片。除产品图片外,Love Hair还运用了一些视频内容。在视频下方,Love Hair向用户分享了有关产品的更多内容以及他们将从中得到什么,让他们有机会直接指出受众的痛点所在。

出色的自建站产品页面如何打造?15个范例供参考

14、Pilgrim

出色的自建站产品页面如何打造?15个范例供参考

Pilgrim的网站采用了动态设计,提供日间和夜间两种模式,用户可以切身感受到他们的香薰产品放在自己家中的状态。

出色的自建站产品页面如何打造?15个范例供参考

Pilgrim的网站采用了动态设计,提供日间和夜间两种模式,用户可以切身感受到他们的香薰产品放在自己家中的状态。

出色的自建站产品页面如何打造?15个范例供参考

15、Holstee

出色的自建站产品页面如何打造?15个范例供参考

正如产品页面所体现的那般,Holstee是一个颇为有趣活泼的品牌。简单的设计加之明亮的点缀色让人不自觉地被吸引到页面上的几个关键元素:产品、“Add to Cart”按钮以及突出显示的文本。如图中用黄色突出显示的内容,如果注册会员,Holstee将会提供一定折扣价格。

Holstee是一个非常注重视觉化的品牌,他们在页面下方提供了更多的照片、视频以及了解更多关于产品的信息选项。

出色的自建站产品页面如何打造?15个范例供参考

Holstee实现了在产品详细描述和规格、顾客评论、送货和退货及其品牌理念内容之间的流畅切换,这消除了买家无休止地滚动回到购买按钮的需要,相反,他们只需要直接跳回上面的部分。

(编译/雨果网 王璧辉 陈小如)

【特别声明】未经许可同意,任何个人或组织不得复制、转载、或以其他方式使用本网站内容。转载请联系:editor@cifnews.com

本文被以下果园收录
查看更多
Shopify
跨境社区
进入果园
Bing国际领先的搜索引擎!外贸电商不可或缺的海外营销工具!
进入果园

0 条评论

0 收藏

分享到:

跨境电商独立站
相关专题
跨境电商独立站
面对流量瓶颈和平台成本的居高不下,不少跨境电商卖家转型做独立站!那么怎么运营自建站呢?其实做好独立站没你想的那么难!!
相关内容
©2013 雨果网 闽ICP备11004599号-1
意见反馈
联系信息:
反馈问题:
问题详情:
我要爆料
联系信息:
爆料详情:
微信公众号
扫描下方二维码或者搜索微信公众号名称,获取最新最全内容
雨果网
雨果网
跨境进口
跨境进口
雨课
雨课
CCEE优品全球
CCEE优品全球
微信小程序
扫描下方二维码或者搜索微信小程序名称,获取最新最全内容
雨果网小程序
雨果网小程序
雨课小程序
雨课小程序
CCEE小程序
CCEE小程序

我要爆料

下载App

意见反馈

返回顶部

X
请正确填写手机号码或邮箱!
请输入内容
发送

扫描二维码
下载雨果网APP