第三十一课：一个好的详情页，是店铺成功的一半

各位同学，大家好！今天环宇老师又在泛亚课堂和你们如期见面啦！

今天我要跟大家讲的是——如何做出一个好的详情页！

一、详情页版面结构

（一）版面结构重要性

宝贝详情页是影响店铺转化率的重要因素之一，对于消费者来说，宝贝详情页是整个店铺的两点和聚焦点。一个没有吸引力的详情页很难激发消费者的购买欲望，也无法形成转化。一般来说，宝贝详情页的前三屏基本上决定了消费者的购买欲望，因此，在详情页的排版过程中，我们一定要注意结构顺序，结合自身的产品特点，遵循相应的逻辑来进行版面区域排序。

（二）版面结构呈现信息

详情页是消费者网购时了解产品的唯一渠道，因此，详情页呈现信息的完整性直接影响到消费者的购买欲望。一般来讲，宝贝详情页主要包括以下内容：

① 促销信息：呈现最直接的利益点，如店铺促销活动、优惠券等。

② 热销单品推荐：推荐店内销量较好、性价比较高的单品，不要超过6个。

③ 产品海报：产品核心价值和使用场景的集中体现。

④ 产品详情：产品信息，如产地、原料、重量、大小等。

⑤ 模特图：是获得用户体验认同感的主要方式，从不同的角度全方位展示产品的使用效果。

⑥ 产品平面图：对产品颜色、款式分类的展示。

⑦ 场景实拍图：视觉美感和消费者使用想象的来源。

⑧ 产品细节图：展现产品的细节优点。

⑨ 产品对比图：竞品比较，进一步凸显自身产品的优越性。

⑩ 第三方证明：买家秀、产品售出记录与评价。

⑪ 购物须知：包括产品使用（保养）、邮费、发货、售后等问题的解释。

⑫品牌文化：包括品牌来源、品牌定位、品牌历史、品牌发展，进一步加深消费者对品牌的记忆。

（三）版面结构设计逻辑思路

① 逻辑推导

所谓逻辑推导即是通过“提出问题——解决问题——为什么能解决问题”的思维方式来设计版面结构。这种方式一般适用于功能性较强的产品，如功能性家电、功能性电子产品、功能性化妆品等。

② 统一主题贯穿

寻求一个与产品相关度较高的主题，贯穿于整个详情页，强调产品的主题性。这种版面设计思路常与产品运营节点结合使用。

③ 相关人物故事

人类生来喜欢听故事，详情页采用人物故事的设计方式使产品更具亲和力。这类型的版面设计选择的人物多为产品的生产者或者产品的使用者。如儿童自行车会选择用宝宝的不同成长阶段来排版详情页，水果类产品则会选择果农作为人物对象来描述，展示产品的核心价值。

④ 卖点罗列

卖点罗列具有较强的说明性，是目前四种版面结构设计思路中使用较为普遍的一种。卖点罗列在详情页中表现为产品核心卖点与辅助性卖点相结合，层次感清晰，引导性较强。

（四）详情页核心思路

① 产地、材料、工艺

② 产品产地、材料、工艺带来的优点

③ 产品优点给消费者带来的好处、利益

④ 拿出证明：营业执照、生产证明、好评如潮、厂房生产图片、仓储、设计等等

二、详情页视觉呈现

（一）色彩

① 页面色彩分类

宝贝详情页的色彩根据其使用区域和使用效果的不同分为

（1）主色（品牌色）

（2）关键色（强调色）

（3）背景色

（4）辅助色（类似色）

② 色彩提取方法

（1）从产品产品自身颜色提取

根据产品自身的颜色，来选择跟产品颜色搭配或相近的颜色作为详情页的色彩。这种色彩提取方式的优点是详情页色彩简介有条理，能够带来舒适的视觉体验。

（2）从产品的包装、品牌理念中提取

根据产品的包装或品牌理念来取色，容易营造氛围，加强产品与详情页的联系，加强消费者对产品的记忆。如倡导安全理念的产品，在详情色彩选择上一般会选择绿色。

（3）从产品的属性和特征中提取

产品的属性和特征也是详情页取色的依据之一，不同的色彩能够表现不同的属性，如黑色、灰色能够表现产品的科技感和质感，而黄色、蓝色则能够迎合产品本身活力、清爽的特性。

③ 经典配色方案

（1）黑+白+灰：经典永恒

（2）蓝+白：浪漫温情

（3）蓝+白+红：俏丽优雅

（4）黄+黑+灰：明亮时尚

（二）字体

① 详情页文字构成

根据自提在详情页中不同的用途，可分为：

（1）产品logo

（2）产品文案主标题

（3）产品文案副标题

（4）产品文案正文

（5）其他（特殊字体）

② 字体提取方法

（1）从产品出发

根据产品的特性选择相应的字体，比如，当产品的特性为薄的时候采用叫纤细的字体，而当产品比较厚重时则事宜采用粗实的字体来表现。

（2）产品品牌理念

根据品牌倡导理念的不同，选择的字体也会有所不同。如要强调一个品牌的历史感，应选择较为复古的字体，若品牌强调的是青春活力，则应选择较为随性的字体。

（3）产品应用氛围（应用场景）

在选择字体时，除了以上两种方法以外，根据产品的使用场景来选择字体也是个不错的选择。使用场景较为正式的产品，选择字体时宜选比较方正的字体，而使用氛围比较轻松随意的产品可选择较为圆润的字体。

（三）图形

① 图形的作用

（1）加强消费者对产品的记忆

（2）作为产品的视觉象征，提高产品辨识度

（3）保持整个详情页页面的连贯性

② 图形提取方法

（1）从产品logo或产品元素中提取

用产品logo或产品元素作为详情页图形，能够将品牌视觉化，增强产品记忆。

（2）产品共性

根据产品共性，提炼出产品形象辅助图形，作为详情页图形。

（3）人群共性

根据目标客户的不同，设计不同的图形元素，比如在设计儿童用品相关产品的时候就可采用动漫作为详情页图形，而目标客户为女性的花店则会采用花作为详情页图形。

三、详情页宝贝卖点提炼

（一）卖点提炼方法

① 产品属性

找出产品的基本属性，根据产品基本属性导出产品特点，进而结合买家使用感受来提炼产品卖点。

这是一款纯棉毛巾的详情页，从毛巾的“毛圈细密”这一属性推导出其吸水性，然后结合买家使用感受“亲肤柔软”就构成了一个完整的卖点

② 用户评价

用户评价是用户使用的真实反馈，包含了用户的产品使用感受和对产品的期待。在从用户评价中提炼卖点时，首先应该大量收集同类产品的用户评价，然后对这些评价进行归类整理，制成表格，挑选出与自身产品相关的评论，而后将用户使用期待融入到产品卖点中。

下面我们以“双肩女包为例”来具体讲解如何利用用户评价提炼卖点：

（1）搜索“双肩女包”，找出销量较大的单品（至少3个）

（2）将相应信息填入下列表格：

（3）通过上述分析，我们可以看出，包的容量、材质、颜色、面料、五金、肩带、隔层、拉链均是用户关注的焦点，因此，在提炼自身产品卖点的时候，尽可能地把这些点凸现出来。

（二）卖点提炼方向

大多数消费者的消费行为都是理性与感性相互妥协的结果，因而结合自己产品的购买人群和产品的用途赋予产品相应的情怀不失为一个好的产品卖点提炼方向。通过赋予产品相应的情怀，可将消费者普遍共有的价值观和文化诉求与产品紧密地联系在一起，提高消费者对产品的认同感。

好了，今天课程的内容非常的多，但是也很容易理解！

如果大家还有什么问题，可以给老师留言！