电商视觉营销（全彩微课版）-课件 第5章（30） 商品详情页视觉营销

第5章

商品详情页视觉营销电商视觉营销（全彩微课版）目录CONTENTS5.1 规划商品详情页5.2 设计商品焦点图5.3 设计商品卖点图5.4 设计商品细节图5.5 设计商品参数图5.6 设计商品关联营销图5.7课堂实训——设计除螨仪详情页5.1.1 商品详情页的主要结构3清晰的商品详情页结构有利于提高消费者的体验，降低商品详情页的跳出率，增加消费者在商品详情页的停留时间，从而促进商品销售。商品详情页的结构并不是固定的，在实际制作时可根据商品的具体情况、商家的要求和目标消费者的需求进行商品详情页内容的增减。包装展示图促销活动图质量保证图08焦点图商品卖点图商品参数图商品细节图。04010203功能展示图050607品牌推广图商品快递与售后图1009关联营销图115.1.2 商品详情页的沟通框架4在搭建商品详情页的沟通框架之前，先要了解消费者希望在商品详情页中看到的信息，并整理出基于商家需求的营销要素。一般来说，消费者希望在商品详情页中了解的信息主要包括以下内容。1．消费者需求的基本信息商品展示图商品细节图商品评价模特图或实际使用图商品参数图基本信息真人试穿或试用效果5.1.2 商品详情页的沟通框架5商品详情页的主要作用是促使消费者购买商品，因此除了要展示消费者需要的基本信息，还要展示更丰富的、有助于进一步打动消费者的信息，实现成交的目的。商品详情页信息展示的基本要素主要包括以下部分。2．商品详情页的基本要素商品服务营销互动品牌5.1.2 商品详情页的沟通框架6基于消费者和商家两方的需求，再结合商品详情页的布局逻辑，来搭建沟通框架。如表所示即为空调商品详情页沟通框架。3．搭建商品详情页沟通框架5.1.3 商品详情页的文案应用7引起关注的文案主要在商品详情页顶部、商品焦点图等区域呈现，包括商品核心卖点、商品促销信息、商品广告语等内容，其作用是突出消费者关注的核心内容，提高消费者浏览商品核心信息的效率。1．引起关注的文案5.1.3 商品详情页的文案应用8引发兴趣的文案可以有效找到并激发消费者对商品的潜在需求，如说明商品的核心卖点、描述商品外观、描述商品的使用场景等都可以有效引发消费者的兴趣，引起消费者的购买欲望。2．引发兴趣的文案5.1.3 商品详情页的文案应用9加深了解的文案主要用于帮助消费者更全面地了解商品，打消消费者对商品的顾虑，常运用在细节图、包装图、参数图等位置，以进一步提高消费者对商品的信任。3．加深了解的文案5.1.3 商品详情页的文案应用10刺激购买的文案可以运用在商品的促销活动及套餐搭配等区域，让消费者快速下单购买；也可以用于商品详情页最后的品牌展示、服务质量展示、资质实力展示、物流信息展示等模块，突出品牌质量、商家承诺、快递物流、售后服务等信息，打消消费者的购物顾虑。4．刺激购买的文案目录CONTENTS5.1 规划商品详情页5.2 设计商品焦点图5.3 设计商品卖点图5.4 设计商品细节图5.5 设计商品参数图5.6 设计商品关联营销图5.7课堂实训——设计除螨仪详情页5.2.1 商品焦点图的设计要点12商品焦点图的视觉设计与商品海报十分类似，通常使用精美的图片，搭配简单的核心文案，对商品进行深刻的展示。商品焦点图在设计上可以灵活运用各种设计元素，使用略微夸张的表现方式，以突出商品的整体形象、主要卖点或商品理念等，以极具视觉冲击力的画面吸引消费者的注意力，给消费者带来愉悦的视觉体验。5.2.2 制作商品焦点图13本节以烤箱为例，介绍如何制作该商品详情页中的焦点图。由于该烤箱在外观和功能方面都有所创新，因此在设计焦点图时需要体现烤箱的外观和功能优势，使用烤箱的厨房场景图为背景，搭配“多功能烤箱有颜值的实力派”标题，体现烤箱的精美外观和实用性，副标题可展现烤箱的型号和关键功能，充分展示烤箱卖点，并为消费者带来美好的视觉体验，具体操作如下。添加烤箱素材添加装饰素材最终效果目录CONTENTS5.1 规划商品详情页5.2 设计商品焦点图5.3 设计商品卖点图5.4 设计商品细节图5.5 设计商品参数图5.6 设计商品关联营销图5.7课堂实训——设计除螨仪详情页5.3.1 商品卖点图的设计要点15为了提高商品卖点的视觉表现力，在展示商品卖点时，可以为卖点策划一个新颖、有趣的视觉方案，通过将卖点“视觉化”来吸引消费者的注意力，同时帮助消费者理解商品。商品卖点的“视觉化”可以采用恰当的美化和夸张手法，来营造与商品特质、功能、卖点相匹配的氛围，再通过对色彩、文字、版式等元素的合理运用，有效提高商品图片的视觉效果，与其他竞品形成差异和区别，进一步突出商品和品牌的视觉优势。5.3.2 制作商品卖点图16本节继续以烤箱为例，介绍如何制作该商品详情页中的卖点图。首先，以图标的形式精练地概括烤箱的卖点，再以一屏一图的方式，分别展示烤箱的多种美食模式、内部烹饪状态、控温技术、手机智能控制等卖点，具体操作如下。卖点图标图美食模式图烤箱内部图控温技术图设置投影手机遥控图目录CONTENTS5.1 规划商品详情页5.2 设计商品焦点图5.3 设计商品卖点图5.4 设计商品细节图5.5 设计商品参数图5.6 设计商品关联营销图5.7课堂实训——设计除螨仪详情页5.4.1 商品细节图的设计要点18商品细节图的视觉设计重点是传达消费者感兴趣的商品细节信息，一般需要根据商品性质选择不同的展示方式。工艺细节图功能细节图服务细节图5.4.2 制作商品细节图19本节继续以烤箱为例，介绍如何制作其商品详情页中的细节图。考虑到增加烤箱销售量的目标，商品详情页中可展示烤箱的各处细节，如防滑底座、旋转式按钮、抽屉式烤盘、钢化玻璃门等，让消费者对烤箱有更详细的了解，具体操作如右。分割版面制作第一个细节模块最终效果目录CONTENTS5.1 规划商品详情页5.2 设计商品焦点图5.3 设计商品卖点图5.4 设计商品细节图5.5 设计商品参数图5.6 设计商品关联营销图5.7课堂实训——设计除螨仪详情页5.5.1 商品参数图的设计要点21商品参数是消费者非常关注的商品信息之一。清晰、准确、易理解的参数可以为消费者挑选商品提供很大的便利；反之，则不利于消费者对商品进行判断，从而使消费者难以做出购买决策。商品参数的表达方式多种多样，商家可以根据商品参数的具体情况、商品特征选用以下方式来设计。直接展示参数商品参数与商品图片组合展示5.5.2 制作商品参数图22本节继续以烤箱为例，介绍如何制作该商品详情页中的参数图。由于烤箱参数较多，确定每组参数的相对位置非常重要，因此可以先通过标题、图片、形状来布局画面，再依次完善每个部分的参数详情，具体操作如下。置入与编辑素材输入文字最终效果目录CONTENTS5.1 规划商品详情页5.2 设计商品焦点图5.3 设计商品卖点图5.4 设计商品细节图5.5 设计商品参数图5.6 设计商品关联营销图5.7课堂实训——设计除螨仪详情页5.6.1 商品关联营销图的设计要点24商品详情页的商品关联模块可以对页面流量进行有效导流，其主要包括以下4种形式。1．商品关联的形式活动关联品类关联跨类关联同类关联5.6.1 商品关联营销图的设计要点25根据当前商品的实际关联需求，可以为商品关联营销图使用不同的设计样式。2．商品关联模块的设计样式常规型主次型通栏海报型5.6.2 制作商品关联营销图26本节继续以烤箱为例，介绍如何制作该商品详情页中的关联营销图，以提升销售转化率。在关联营销图中，既可以展示与烤箱相关的配套产品，也可以展示店铺活动，或为店铺热销商品、新品引流等，具体可根据店铺当下的需求来选择，这里选择其中一种内容来设计，具体操作如下。设置内发光创建剪贴蒙版最终效果目录CONTENTS5.1 规划商品详情页5.2 设计商品焦点图5.3 设计商品卖点图5.4 设计商品细节图5.5 设计商品参数图5.6 设计商品关联营销图5.7课堂实训——设计除螨仪详情页课堂实训——设计除螨仪详情页28“WISDOM”店铺准备为一款除螨仪制作商品详情页，该商品主打“轻巧、深度清洁”等卖点，并且还具备深层穿透、每分钟4400次拍打、物理除螨、四重过滤和清洗方便等特点。实训目标在设计时可先通过焦点图体现除螨仪的使用场景，然后依次展现除螨仪的卖点，一步步加深消费者对商品的兴趣，接着展示工艺细节和商品参数等信息。要求除螨仪商品详情页的效果真实，图片质量清晰，色调和展示方式统一，展示信息详细，能使消费者产生购买冲动。课堂实训——设计除螨仪详情页29根据实训目标，设计除螨仪详情页实训思路新建文件，先制作焦点图。制作第1张卖点图。制作第2张卖点图。使用与步骤03～步骤05的，制作第4张、第5张卖点图。制作第6张卖点图。制作第3张卖点图。使用与步骤03～步骤05，制作第7张、第8张卖点图。制作细节图。依次将“细节图”素材添加到白色矩形上。制作表格并保存。制作参数图。感谢聆听！学习进步！