本文长度为2510字,预估阅读时间9分钟。
引言:本文展示了如何让页面变得有趣个性化,展现更多细节和与众不同,让访问者轻松获得想要的信息,下面的18个产品页面设计的最佳案例不容错过。
译者|池金锐
审校|王楠楠
编辑|华 子
10. OfficeSpace Software
OfficeSpace销售设施管理软件,帮助人们管理办公空间。与名称一样,产品页面非常清晰明了。
本产品页面的每个部分都专用于介绍该软件的不同功能。标题说明了该功能,副标题解释了为什么在评估不同软件时此功能很重要。
这使得潜在客户很容易快速消化产品提供的内容,但如果他们愿意,还可以阅读有关其价值主张的更多详细信息。而且,如果有人想要了解更多有关特定功能的信息,也会有明确的指导说明。
深蓝色OfficeSpace软件产品页面
11. Orangina
这种碳酸柑橘饮料自1935年以来就已经存在了,它有四种类型- 原味,红橙口味,清淡口味和热带风情口味。那么,Orangina如何保持其产品页面既时尚又特别呢?
首先,使得用户浏览页面相当有趣。当用户将鼠标悬停在任何一个区域上时,图片或图标变成动画形式 - 瓶子会跳动,橙子会变成两半,温度计数值会下降。动画图像和大胆的色彩与Orangina品牌的大胆,有趣的个性完美契合。
此外,你可能会注意到某些区域是实际产品,而其他只是有关其产品的提示和详细信息。如果你没有太多产品需要销售,可以考虑在其中穿插有关可用产品的提示和信息。
12. Mango Languages
芒果外语学习为图书馆,学校,企业,政府机构和个人创造了“可爱”的语言学习体验。其主页为这些购买者角色阐明了引导性指示 - 从公共图书馆到政府办公室,再到那些在家上学的孩子。每一个引导性指示都会引向一个不同的产品页面,这个页面色彩鲜艳,书写清晰并且内容全面。
看看下面的家庭教师的例子。与网站的其他部分一样,它散发着芒果外语学习友好,平易近人且乐于助人的品牌个性。视频不可能更令人愉快。
当你滚动页面,会看到明确的价值主张,这些价值主张使用对品牌而言真实的有趣语言。页面的一切都在表达着“简单易用”,“有趣”和“有效”。
芒果外语的产品页面
13. Helix Mattresses
卖床垫是寻常不过的事情 - 但以“晚安、睡觉”这些概念为卖点却没那么简单。 Helix Mattresses专注于后者,它的产品页面设计为介绍每个床垫的毛容量和支撑能力。
通过以图表形式查看Helix的产品系列,网站访问者无需单独查看每个床垫的特点。只需选定满足床垫需求的行和列,然后点击选择的床垫产品页面即可了解更多信息。
产品描述
我们很难理解床垫中描述的“毛绒”,“牢固”或“平衡支撑”是什么含义 - 从字眼上看起来是如此的主观。因为如此,Helix的产品描述简洁,使用床垫可能属于的每个类别的令人印象深刻的解释。
“毛绒般的感觉:躺在床垫上柔软得像在云海里漂浮一般。”
“平衡支撑:恰恰好。最适合身体瘦弱到身材均衡类型的侧睡眠者。”
“牢固的感觉:床垫坚固,无凹凸感。”
helix-mattresses-产品页面
14. Minwax
Minwax生产的产品可以帮助人们维护木制家具及其表面。其实就是铆钉,对吧?但该品牌已设法创建了一个不仅内容相关的,而且还能帮助用户快速,轻松地找到正在寻找的东西的产品页面。
这部分归功于Minwax Product Finder模块。它的功能类似于测验,询问一系列多项选择题,例如“是什么类型的项目所需?”和“你想做什么?”一旦你回答了问题,测验就会生成推荐的产品,其中包括一个便捷的“请勿忘记”列表,其中包含你完成工作所需的工具 - 安全眼镜,手套和砂纸等。像这样的有用提示超越了普通的电子商务产品页面。
Minwax产品页面,带有产品搜索框
15. Ministry of Supply
Ministry of Supply专门为客户提供舒适的正装,它力争在任何一个产品登陆页面体现其舒适度。
以下面的Juno女式衬衫的产品页面为例。在产品的女模特照片库下方,为顾客提供了实例展示,揭示了女式衬衫的生产步骤,材料和对比其他产品独一无二的高级品质。
产品页面的最佳特性可能是用动图体现的,或者采用循环播放的视频来展示服装的弹性和灵活性。
产品描述
它描述了其产品的技术优势,但没有服务态度并没有因此而下降:
“与丝绸不同,Juno专为日常表演而设计的,顾客不会大惊小怪。它还具有吸湿排汗,透气和无皱纹的特点,因此你无需专门护理即可打扮自己。”
Ministry of Supply - 产品登陆页
16. Liulishuo
Liulishuo是一家总部位于中国的创业公司,致力于为个人发展和测试准备而提供英语语言学习工具。该公司的移动应用程序产品页面提供了一个干净但内容丰富的课程概述。
如下所示,页面底部播放了智能手机上基于视频的课程作业的清晰动画片段。在用户下载应用程序之前,它实际上只是作为应用程序演示。
在页面顶部,Liulishuo允许用户通过移动设备上扫描其二维码来下载该应用程序。以这种方式会很容易增加用户新增量。
liulishuo-app-产品页面
17. Metavrse VR Photobooth™
Metavrse是一家虚拟现实(VR)咨询和产品开发商,拥有我们见过的最具沉浸感的产品页面。该公司不仅销售VR,还销售VR工具,以帮助现代企业更好地吸引客户使用他们的商品和服务。
VR Photobooth™是起中一个具有杀手锏级别的登陆页面的工具。
Metavrse的VR Photobooth™具有VR耳机和实际的立方体形状的房间,人们可以佩戴耳机进入房间感受360度品牌体验。除了在产品页面的中心,还有什么更好的方式来展示这种体验?看看下面。
Metavrse展示其VR面向远离网站访客的VR耳机,伴随着具有移动的全景背景,该全景背景为企业提供了近乎第一手的演示。
产品描述
Metavrse通过完整的PDF详细介绍其VR Photobooth™,网站访问者可以在产品页面底部免费下载。关于立方体形状的房间,该公司有一些诱人且信息丰富的产品副本:
“一次最多可以有4位客人进入展位,在令人眼花缭乱的视频图像和镜像魔术中进行拍摄。”
metavrse-vr-photobooth-产品页面
18. Nfant®Nipple
Nfant®是一种婴儿护理产品,帮助婴儿实现从母乳喂养到奶瓶自主进食的重要转变 - 正如该公司的Nfant®Nipple产品页面所显示的那样。
这个小企业与其他护理和育儿服务企业的区别在于它使用数据来吸引顾客。
下面的产品页面讲述了几种类型的瓶顶形的奶嘴,婴儿吸吮时,每种都为婴儿提供不同流量水平的流量。然而,正如每个产品的条件所涉及的那样,产品页面提供了颜色,视频演示,甚至提供哺乳妈妈可以参考的每种产品流量范围的图表。
哺乳妈妈们总是在学习获取如何保持孩子健康发展的知识。考虑到这一点, Nfant的详细但易于理解的产品页面非常了解买家的需求。
nfant-nipple-产品页面
产品页面设计的最佳案例
因此,关于优秀的产品页面,这些品牌告诉了我们什么?它可以总结为以下几点:
作者简介:
Lindsay Kolowich居住在美国波士顿。在hubspot从事营销类工作。本人是哈士奇爱好者,海洋和体育爱好者。
译者简介:
池金锐 跨境电商从业者,对网站运营及APP的运营,数据分析有多年的从业经验,喜爱研究数据,用户运营等。目前在一家大型上市公司从事中东的电商项目。
审校简介:
王楠楠,互联网数据分析从业者。