网店美工：理论、案例与实训 项目六 设计与制作商品详情页

任务二 商品详情页的设计与制作
11
二、【课堂案例】——设计毛巾焦点图
“简吉”家纺店铺需要为上新的毛巾设计尺寸为“750像素×1300像素”的焦点图用于吸引 消费者，由于该毛巾的色调为灰色，为了使焦点图与商品的色调统一，在设计上可以沿用灰色 作为主色，加入商品图片和说明文字体现主题，最后在其上添加店铺Logo，达到宣传店铺的目 的，其具体操作步骤如下。
任务二 商品详情页的设计与制作
16
四、【课堂案例】——设计毛巾信息展示图
3
4
5
任务二 商品详情页的设计与制作
17
五、【课堂案例】——设计毛巾快递与售后图
“简吉”家纺店铺为了提升消费者的满意度，准备在商品详情页下方设计快递与售后图，在 该图中可添加客服热线和售后问题等内容，让消费者了解店铺的诚意，增加消费者对店铺的归属 感，其具体操作步骤如下。
01
02
明确商品主体，突出商品优势
承上启下，提升消费者向下浏览的兴趣
任务二 商品详情页的设计与制作
9
一、商品详情页的组成部分
（2）卖点说明。商品卖点是基于消费者的需求，从商品的使用价值、外观、质量、规格、 功能、服务、承诺、荣誉、品质等诸多方面中提炼出来的。商品卖点是吸引消费者购买商品或 者服务的主要因素，一般具有3个特征。
任务一 认识商品详情页
5
二、商品详情页的设计要点
（2）赢得消费者信任。网店美工在设计商品详情页时，可从商品细节、消费者痛点、商 品卖点、同类商品对比、第三方评价、品牌附加值、消费者情感、品质证明、售后服务等方面 赢得消费者信任，激发消费者的潜在需求，提高消费者的购买欲。
右图所示为某洗衣机的商品详情页，通 过详细展示洗衣机功能，展示该商品的 优越之处，提高消费者的购买欲。
任务一 认识商品详情页
6
二、商品详情页的设计要点
（3）真实展示商品。网店美工可以从多角度展示商品，注重品牌的塑造，但要注意避免 过度美化图片而导致图片偏色、变形等，或过度夸大商品的性能而导致言过其实，以免产生不 必要的售后纠纷，降低网店的信誉。
（4）帮助消费者做决定。网店美工可通过库存有限、活动后将提高单价、限制优惠时间 等方式，营造一种急迫感，促使犹豫不决的消费者快速下单。
1
2
3
4
任务二 商品详情页的设计与制作
12
二、【课堂案例】——设计毛巾焦点图
5
6
7
任务二 商品详情页的设计与制作
13
三、【课堂案例】——设计毛巾卖点说明图
“简吉”家纺店铺需要在焦点图
的下方设计卖点说明图，为了增强消
费者对该毛巾的信任感，在设计时可
以从消费者的角度出发，以购买毛巾
需要注重的方面，如纯棉、不易掉毛、
任务一 认识商品详情页
4
二、商品详情页的设计要点
商品详情页用于详细展示商品的各项信息，因此网店美工在设计商品详情页前需要深度 了解商品，同时站在消费者的角度进行思考，这样完成后的商品详情页更能激发消费者的购 买欲，促成商品成交。网店美工在设计商品详情页时需要把握以下几个要点。
（1）吸引消费者注意。网店美工可通过美观的版式效果、有创意的设计为商品详情页增 色，以吸引消费者关注，同时，也可在商品详情页中加入销量优势、功能特点、促销信息等来 吸引消费者注意，以激发消费者的潜在需求。
（1）统一设计风格。商品详情页的设计风格应该与首页、品牌介绍页风格一致，避免造成 页面整体不协调的情况。
（2）展示品牌形象。网店美工在设计商品详情页时可以通过商品、功效、品牌、服务等图 文描述植入品牌形象。
（3）符合设计规范。商品详情页的常规宽度为750像素或790像素，高度建议不超过35000 像素，可以根据商品的实际情况而定。
一、商品详情页的组成部分
（3）信息展示。由于网络的虚拟性，消费 者并不能通过图片来准确把握商品的详细信息， 因此网店美工需要通过信息展示板块展示商品 的尺寸、品牌、品名、规格、商品型号、成分、 颜色等内容，除此之外，还可在信息展示中展 示细节内容，以提升消费者对商品的了解度。
10
（4）服务与售后。在网店中，商 品与服务是不可分割的，因此商家需要 对消费者感到困惑的或容易产生疑虑的 内容，提供品质承诺、工艺、证书、物 流等信息。除此之外，商家还可以采用 问题解答的方式，打消消费者的顾虑。
高等院校电子商务类新形态系列教材
项目六
设计与制作商品详情页
任务一 认识商品详情页 任务二 商品详情页的设计与制作
任务一 认识商品详情页
3
一、商品详情页的设计要求
在设计商品详情页时，美观、规范的商品详情页更能吸引消费者的注意力，从而提高商品 销量。为了使制作的商品详情页符合要求，网店美工要充分了解设计要求。
卖点独特，特别是相同类型的商品，如果能提炼出与其他商家不同的独特卖点，就很可能影响消费 者的购买行为，如农夫山泉的“有点甜”。
有足够的说服力，能打动消费者，卖点与消费者的核心利益息息相关，如空调的“变频”与“回 流”功能，面膜的润肤、补水等功效。
长期传播的价值及品牌辨识度，如凉茶“王老吉”等。
任务二 商品详情页的设计与制作
1
2
3
任务二 商品详情页的设计与制作
任务一 认识商品详情页 任务二 商品详情页的设计与制作
任务二 商品详情页的设计与制作
8
一、商品详情页的组成部分
网店美工要想设计出高质量的商品详情页效果，需要先了解商品详情页的组成部分，然后 针对每一个部分设计内容。
（1）焦点图。焦点图一般位于宝贝基础信息下方，由商品、主题与卖点3部分组成。焦点 图通过突出商品优势以及放大商品特点来吸引消费者购买该商品，一般有两个作用。
尺寸适合、加倍吸水、权威机构质检
等来设计卖点说明图，在颜色选择上
可继续沿用焦点图的色调，使整个设
计更加统一，其具体操作步骤如下。123源自任务二 商品详情页的设计与制作
14
三、【课堂案例】——设计毛巾卖点说明图
4
5
6
7
任务二 商品详情页的设计与制作
四、【课堂案例】——设计毛巾信息展示图
1
2
15
“简吉”家纺店铺的信息展示图 用于展示消费者关注的毛巾信息，如 品牌、规格、面料、材料、厚度、手 感、吸水性等，可增强消费者对该商 品的信任感，也能使店铺在消费者心 中留下诚信的印象。除此之外，商家 还展示了商品颜色，方便消费者快速 选择颜色，其具体操步骤作如下。