手机淘宝视觉营销策略ppt课件
合集下载
淘宝电商的视觉营销 PPT
详情页整体要与首页风格统一
1.点出材质：如:纯棉、涤棉
2.材质特性或功能说明：如:吸汗、透气
3.立体展示分析特点.
4.颜色款式展示：如：几种颜色，是那种袜形、中筒、短袜还是船袜等.
5.细节展现，体现产品质量。 6.产品实拍与产品包装
如：
第一点
第二点
第三点 第五点
第四点 第六点
主图设计 主图与直通车的制作要点
统一性
色彩应用的统一 店铺风格与产品风格的统一
审美性
注重视觉感受 寻找视觉的规律 把握客户群的审美心里
了解店铺功能
实用性
服务客户需求 权衡操作方便性
4
目的性 实用性 审美性 统一性的大概说明
店招:目的性：表明所销售的产品种类 实用性：产品分类明确，方便客户查找
海报:目的性：新品、爆款、活动的展现 实用性：方便客户了解店铺动态
需要巧用各种大模块 的组合，特别是手机 淘宝已经升级，模块 更多样，充分利用焦 点图丶左文右图丶多 图等模块，使手机淘 宝首页显得更有趣味 性。模块上选择大模 块丶从上而下的排列 而不是从左往右的排 列效果。
手机端屏幕较 小，需要注意 排列和字体大 小，让客户容 易看清，方便 购物
详情页设计 详情页设计重点展示
直通车制作
直通车图的作用是点击量和促进点击率，所以和做以下这类的。
突出促销信息/材质/功能/特点等
创意类的图片吸引点击
自定义页面 公司文化、活动介绍等
自定义装修用途很广泛，一般用于以下用途等等
个人感觉 应该添加的部分
互动活动，促进成交
增加老客户，提高回头客
增加收藏
增加手机端交易
分类:目的性：新品、爆款。热销、等展示 实用性：方便客户查找
网店视觉营销培训课件
重要性
在竞争激烈的电商市场中，优秀的视觉营销能够提高网店的 吸引力、辨识度和用户体验，从而促进销售和提升品牌形象 。
网店视觉营销的策略
明确目标与定位
根据网店的目标客户、产品特点等，制定符 合定位的视觉策略。
色彩与排版
运用合适的色彩和排版，提高网页的视觉舒 适度和易读性。
创意设计
通过独特的视觉元素和设计风格，吸引消费 者的注意力。
Canva
总结词
简单易用、适合初学者和非专业设计师 使用的在线设计工具。
VS
详细描述
Canva是一个在线设计平台，提供了丰富 的模板和工具，可以帮助初学者和非专业 设计师快速创建各种类型的图形和图像， 如海报、社交媒体图像、演示文稿等。它 的操作简单直观，不需要太多的设计背景 知识，适合初学者和非专业设计师使用。
02
网店视觉营销的构成要素
店铺首页
店铺首页是网店的门户，是吸引用户 点击和留住用户的关键页面。
店铺首页的布局应合理划分区域，如 导航栏、搜索框、热门产品等。
店铺首页的视觉设计应简洁明了，突 出品牌形象和核心产品。
店铺首页的颜色搭配应与品牌形象一 致，以营造专业、可信的氛围。
产品页面
产品页面是展示网店产品的重 要页面，应具备详细的产品信 息、图片和参数。
创造独特的店铺氛围
总结词
独特的店铺氛围能够增强用户的购买信心和忠诚度，是网店视觉营销的重要手段之一。
详细描述
创造独特的店铺氛围，首先要从店铺图标、Logo、首页、产品详情页、购物车页面等方面入手。通过创意设计 、个性化元素、企业文化等来营造独特的店铺氛围。例如，可以在店铺中添加个性化的装饰、背景音乐、视频等 来增强用户的购买体验。
个性化：基于用户数据和行为，提供个性化的视觉推荐和营销内容。
在竞争激烈的电商市场中，优秀的视觉营销能够提高网店的 吸引力、辨识度和用户体验，从而促进销售和提升品牌形象 。
网店视觉营销的策略
明确目标与定位
根据网店的目标客户、产品特点等，制定符 合定位的视觉策略。
色彩与排版
运用合适的色彩和排版，提高网页的视觉舒 适度和易读性。
创意设计
通过独特的视觉元素和设计风格，吸引消费 者的注意力。
Canva
总结词
简单易用、适合初学者和非专业设计师 使用的在线设计工具。
VS
详细描述
Canva是一个在线设计平台，提供了丰富 的模板和工具，可以帮助初学者和非专业 设计师快速创建各种类型的图形和图像， 如海报、社交媒体图像、演示文稿等。它 的操作简单直观，不需要太多的设计背景 知识，适合初学者和非专业设计师使用。
02
网店视觉营销的构成要素
店铺首页
店铺首页是网店的门户，是吸引用户 点击和留住用户的关键页面。
店铺首页的布局应合理划分区域，如 导航栏、搜索框、热门产品等。
店铺首页的视觉设计应简洁明了，突 出品牌形象和核心产品。
店铺首页的颜色搭配应与品牌形象一 致，以营造专业、可信的氛围。
产品页面
产品页面是展示网店产品的重 要页面，应具备详细的产品信 息、图片和参数。
创造独特的店铺氛围
总结词
独特的店铺氛围能够增强用户的购买信心和忠诚度，是网店视觉营销的重要手段之一。
详细描述
创造独特的店铺氛围，首先要从店铺图标、Logo、首页、产品详情页、购物车页面等方面入手。通过创意设计 、个性化元素、企业文化等来营造独特的店铺氛围。例如，可以在店铺中添加个性化的装饰、背景音乐、视频等 来增强用户的购买体验。
个性化：基于用户数据和行为，提供个性化的视觉推荐和营销内容。
淘宝网店视觉营销PPT课件
20
4 产品描述设计
21
Print Page
• 金字塔原理+ 案例
1，形象冲击 2，不同色系多角度pic 3.材料 4，原料工艺 5.所有细节卖点 6，配件 7，包装 8，销售氛围 9，信任度确认 10，顾虑排除（购买？）
22
• 金字塔原理+ 案例
信誉 搭配 做工品质 款式风格 客户心里金字塔
.明确目标
--面向白领的产品，字体+色 彩庄重贵气
人群追求的特点。 --面向女生，字体色彩显活泼 可爱。
. 目标人群审美特征
--投射效应，让消费者把自己 想象成画面上当模特，融入 画面里面，家装产品一样
.风格识别
--固定的ci形象！产品融合
目标不同表现手法不一样
31
二、促销型设计的方法—3.形式美观
28
二、促销型设计的方法—1.主题突出
1.第一主题
--促销过程中就像一次陈述， 我们必须有一个明确的主 题，所有的元素都必须围绕 这个主题展开。 --促销主题一般是价格，折扣 和其他促销内容本身，所以 这个信息应该是放在视觉焦 焦点上的，被突出和放大元 素。
不一定要有创意-视觉聚焦在哪里-第一主题（第一时间 传递）
要有对话感，对话的逻辑展开
• 氛围感 产品介绍中的销售氛围营造和实体店一样重要，形成年很多人购买的气氛，让买家
因从众心理而决定购买
24
• 案例（ak 俏 小怡）
• 详情页：广告控制1屏内 • 搭配植入产品中（适当氛围，时机，配合植入）
• 盗梦空间—晚上梦里植入 • 设计师-白天-图片视觉-植入
25
二、促销型设计的方法—3.形式美观
. 形式美观-字体
--字体和语音的比喻 --字体大小粗细相当于音强 --字体越大音越大 --字体就是人的语言，字体合 不合适，读一遍
4 产品描述设计
21
Print Page
• 金字塔原理+ 案例
1，形象冲击 2，不同色系多角度pic 3.材料 4，原料工艺 5.所有细节卖点 6，配件 7，包装 8，销售氛围 9，信任度确认 10，顾虑排除（购买？）
22
• 金字塔原理+ 案例
信誉 搭配 做工品质 款式风格 客户心里金字塔
.明确目标
--面向白领的产品，字体+色 彩庄重贵气
人群追求的特点。 --面向女生，字体色彩显活泼 可爱。
. 目标人群审美特征
--投射效应，让消费者把自己 想象成画面上当模特，融入 画面里面，家装产品一样
.风格识别
--固定的ci形象！产品融合
目标不同表现手法不一样
31
二、促销型设计的方法—3.形式美观
28
二、促销型设计的方法—1.主题突出
1.第一主题
--促销过程中就像一次陈述， 我们必须有一个明确的主 题，所有的元素都必须围绕 这个主题展开。 --促销主题一般是价格，折扣 和其他促销内容本身，所以 这个信息应该是放在视觉焦 焦点上的，被突出和放大元 素。
不一定要有创意-视觉聚焦在哪里-第一主题（第一时间 传递）
要有对话感，对话的逻辑展开
• 氛围感 产品介绍中的销售氛围营造和实体店一样重要，形成年很多人购买的气氛，让买家
因从众心理而决定购买
24
• 案例（ak 俏 小怡）
• 详情页：广告控制1屏内 • 搭配植入产品中（适当氛围，时机，配合植入）
• 盗梦空间—晚上梦里植入 • 设计师-白天-图片视觉-植入
25
二、促销型设计的方法—3.形式美观
. 形式美观-字体
--字体和语音的比喻 --字体大小粗细相当于音强 --字体越大音越大 --字体就是人的语言，字体合 不合适，读一遍
淘宝网店视觉营销(PPT41页)
• 金字塔原理+ 案例
信誉 搭配 做工品质 款式风格 客户心里金字塔
视觉漏斗模型 组图
细节材质图
搭配方案
好评 热卖
• 针对目标定义的详细 产品描述 达到5感
•
真实感 真实再现产品原貌 不同角度 更多细节
•
逻辑感 根据买家的需求部署和展开卖点陈述，达到层层打击，达成购买
•
亲切感 针对目标消费者的特性进行文案，图像的风格设定，亲切，贴近。
策划
沟通
设计
网店定位 产品策略 受众分析 竞品分析 时段分析
产品体验 策略沟通 素材准备 草案讨论 确定创意 参考目标
形成文案 定义主题 分解层次 构图、色调 排版、字体 细节、气氛
Print Page
• Print topics here
Over!
9、静夜四无邻，荒居旧业贫。。21.2.1021.2.10Wednesday, February 10, 2021 10、雨中黄叶树，灯下白头人。。09:42:5609:42:5609:422/10/2021 9:42:56 AM 11、以我独沈久，愧君相见频。。21.2.1009:42:5609:42Feb-2110-Feb-21 12、故人江海别，几度隔山川。。09:42:5609:42:5609:42Wednesday, February 10, 2021 13、乍见翻疑梦，相悲各问年。。21.2.1021.2.1009:42:5609:42:56February 10, 2021 14、他乡生白发，旧国见青山。。2021年2月10日星期三上午9时42分56秒09:42:5621.2.10 15、比不了得就不比，得不到的就不要。。。2021年2月上午9时42分21.2.1009:42February 10, 2021 16、行动出成果，工作出财富。。2021年2月10日星期三9时42分56秒09:42:5610 February 2021 17、做前，能够环视四周；做时，你只能或者最好沿着以脚为起点的射线向前。。上午9时42分56秒上午9时42分09:42:5621.2.10 9、没有失败，只有暂时停止成功！。21.2.1021.2.10Wednesday, February 10, 2021 10、很多事情努力了未必有结果，但是不努力却什么改变也没有。。09:42:5609:42:5609:422/10/2021 9:42:56 AM 11、成功就是日复一日那一点点小小努力的积累。。21.2.1009:42:5609:42Feb-2110-Feb-21 12、世间成事，不求其绝对圆满，留一份不足，可得无限完美。。09:42:5609:42:5609:42Wednesday, February 10, 2021 13、不知香积寺，数里入云峰。。21.2.1021.2.1009:42:5609:42:56February 10, 2021 14、意志坚强的人能把世界放在手中像泥块一样任意揉捏。2021年2月10日星期三上午9时42分56秒09:42:5621.2.10 15、楚塞三湘接，荆门九派通。。。2021年2月上午9时42分21.2.1009:42February 10, 2021 16、少年十五二十时，步行夺得胡马骑。。2021年2月10日星期三9时42分56秒09:42:5610 February 2021 17、空山新雨后，天气晚来秋。。上午9时42分56秒上午9时42分09:42:5621.2.10 9、杨柳散和风，青山澹吾虑。。21.2.1021.2.10Wednesday, February 10, 2021 10、阅读一切好书如同和过去最杰出的人谈话。09:42:5609:42:5609:422/10/2021 9:42:56 AM 11、越是没有本领的就越加自命不凡。21.2.1009:42:5609:42Feb-2110-Feb-21 12、越是无能的人，越喜欢挑剔别人的错儿。09:42:5609:42:5609:42Wednesday, February 10, 2021 13、知人者智，自知者明。胜人者有力，自胜者强。21.2.1021.2.1009:42:5609:42:56February 10, 2021 14、意志坚强的人能把世界放在手中像泥块一样任意揉捏。2021年2月10日星期三上午9时42分56秒09:42:5621.2.10 15、最具挑战性的挑战莫过于提升自我。。2021年2月上午9时42分21.2.1009:42February 10, 2021 16、业余生活要有意义，不要越轨。2021年2月10日星期三9时42分56秒09:42:5610 February 2021 17、一个人即使已登上顶峰，也仍要自强不息。上午9时42分56秒上午9时42分09:42:5621.2.10
网店视觉营销PPT幻灯片
to retain text.
品牌街区
Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet.
2020/3/9
10
容易选
容易选主要涉及产品的分类设置、导航引导、产品推
荐等。产品分关好比商场成机中的区域划分和商品陈
目录 列，如果它们随便规划和摆放，定不利于用户的选购。
因此，手们在视觉规划店铺时，就要做好导航条和导
航区 的规规划以及产品分类的规划，从而方便
顾客查找和购买。
容易选
2020/3/9
Visual Merchanding
2018
网店视-觉营销
2020/3/9
1
CONTENT
01
视觉营销综述
02
电子商务识别
2020/3/9
2
2020/3/9
01.PART ONE 视觉营销综述
3
视觉营销综述
2020/3/9
01.
视觉营销的定义
视觉营销U的ni意fie义d fonts mak视e r觉ea营din销g m综o述re fluent. Theme color0m3a. kes PPT more con0v2e. nien实t to体ch店an与ge网. 店对比
2020/3/9
03 容易懂
02 容易看
0பைடு நூலகம் 容易选
05 容易买
01 容易进
06 容易回
网店用户体验六易原则
7
容易进原则
品牌街区
Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet.
2020/3/9
10
容易选
容易选主要涉及产品的分类设置、导航引导、产品推
荐等。产品分关好比商场成机中的区域划分和商品陈
目录 列，如果它们随便规划和摆放，定不利于用户的选购。
因此，手们在视觉规划店铺时，就要做好导航条和导
航区 的规规划以及产品分类的规划，从而方便
顾客查找和购买。
容易选
2020/3/9
Visual Merchanding
2018
网店视-觉营销
2020/3/9
1
CONTENT
01
视觉营销综述
02
电子商务识别
2020/3/9
2
2020/3/9
01.PART ONE 视觉营销综述
3
视觉营销综述
2020/3/9
01.
视觉营销的定义
视觉营销U的ni意fie义d fonts mak视e r觉ea营din销g m综o述re fluent. Theme color0m3a. kes PPT more con0v2e. nien实t to体ch店an与ge网. 店对比
2020/3/9
03 容易懂
02 容易看
0பைடு நூலகம் 容易选
05 容易买
01 容易进
06 容易回
网店用户体验六易原则
7
容易进原则
《视觉营销》课件——第十五节-详情页
A
PART ONE
重难点分析
重难点： 1、详情页介绍 2、详情页设计思路（详情页包含内容、设计原则）
B
PART TWO
课程讲解
详情页介绍
很多时候，我们在看别人的网店产品详情页时，都看不到产品的介绍，或者即使有也介绍得不清楚， 这让买家怎么会喜欢上你的产品？也有些卖家朋友，为了突出详情页的丰富，硬把全店所有的产品都陈 列在这里，弄些模板弄些代码，把这里当成了万花筒。这样一来，不但让人产生视觉上的疲劳，还会影 响网速和流量。还有一群人，喜欢把产品写成软文直接发表上去把密密麻麻的文字当成了介绍，没有一 张插图，这种枯燥的问题页面，你觉得消费者会喜欢看吗？
Page 2
关联营销一定要有关联性和延伸性
Page 3
根据类目，精准营销
Page 4
根据消费者的浏览习惯来布局
Page 5
如何布局产品详情页
若你的店铺首页是高大上的话，产品页面就要突出小而美
一般来说，若你的店铺首页是高大上的话，说明你的产品可能是品牌系列或者流行前线。这种 风格因为它的上档次，所以更要突出细节，要从各个角度来突出它的与众不同。高大上是他的外表， 小而美是它的内在，一刚一柔，一大一小的相对衬，会让消费者有种完全明白了的感觉，让他们买得 放心。
详情页设计的思路
四、调查结果及产品分析 根据市场调查结果以及自己的产品进行系统的分析总结。罗列出消费者所在意的
问题，同行的优缺点。以及自身产品的定位，挖掘自身与众不同的卖点。
详情页设计的思路
五、关于宝贝定位
根据店铺宝贝以及市场调查确定本店的消费群体。 举个例子：外出旅游住宾馆，有的小旅馆100一夜卖的就是价格，卫生啥的都没有保障。 定位于低端。有的连锁酒店200一夜卖的是性价比，定位于中端顾客。有的大酒店400一 夜卖的就是服务。还有的主题宾馆卖的是个性等等。
PART ONE
重难点分析
重难点： 1、详情页介绍 2、详情页设计思路（详情页包含内容、设计原则）
B
PART TWO
课程讲解
详情页介绍
很多时候，我们在看别人的网店产品详情页时，都看不到产品的介绍，或者即使有也介绍得不清楚， 这让买家怎么会喜欢上你的产品？也有些卖家朋友，为了突出详情页的丰富，硬把全店所有的产品都陈 列在这里，弄些模板弄些代码，把这里当成了万花筒。这样一来，不但让人产生视觉上的疲劳，还会影 响网速和流量。还有一群人，喜欢把产品写成软文直接发表上去把密密麻麻的文字当成了介绍，没有一 张插图，这种枯燥的问题页面，你觉得消费者会喜欢看吗？
Page 2
关联营销一定要有关联性和延伸性
Page 3
根据类目，精准营销
Page 4
根据消费者的浏览习惯来布局
Page 5
如何布局产品详情页
若你的店铺首页是高大上的话，产品页面就要突出小而美
一般来说，若你的店铺首页是高大上的话，说明你的产品可能是品牌系列或者流行前线。这种 风格因为它的上档次，所以更要突出细节，要从各个角度来突出它的与众不同。高大上是他的外表， 小而美是它的内在，一刚一柔，一大一小的相对衬，会让消费者有种完全明白了的感觉，让他们买得 放心。
详情页设计的思路
四、调查结果及产品分析 根据市场调查结果以及自己的产品进行系统的分析总结。罗列出消费者所在意的
问题，同行的优缺点。以及自身产品的定位，挖掘自身与众不同的卖点。
详情页设计的思路
五、关于宝贝定位
根据店铺宝贝以及市场调查确定本店的消费群体。 举个例子：外出旅游住宾馆，有的小旅馆100一夜卖的就是价格，卫生啥的都没有保障。 定位于低端。有的连锁酒店200一夜卖的是性价比，定位于中端顾客。有的大酒店400一 夜卖的就是服务。还有的主题宾馆卖的是个性等等。
视觉营销 PPT
⑷底栏：
旺旺，收藏店铺，返回首页，（关键导航）返回顶部 （重要）
⑸布局管理
①店铺页头（店招和导航） ②自定义内容 ③店铺页尾 假底栏（没有放在页尾区域的“底部”） 底部内容应放在
页尾区域
二：首页布局
最重要信息应放在淘宝导航栏两边之间的区域，中间990之间区域 （和显示器有关）
1、首屏海报高450左右，下面的海报图可以设高650左右，高度与 屏幕相似（和显示器有关）
• 主题突出：1.突出第一主题 2.信息传达
• 对象明确：1.考虑了目标消费人群的审美特征 2.吻合目标人群特征或产品的特点
• 图片美观：1.色彩 2.字体 3.版式 4.细节 5.集群 6.留白
页面布局
一：页面布局要领
店招是品牌展示的窗口
⑴店招设置需要考虑因素？ 要明确的品牌定位和产品定位，还可以辅以促销元素
2、商品陈列（注意角度，统一性） （1）视觉焦点：让买家快速捕捉到你要吸引他的目标 （2）视觉动线：视觉移动时所形式的路径 （3）屏屏有重点：作图时缩小看看页面的每屏有没有重点
三．详情页 （精彩文案提高转化率）
营销文案16招
一：引发兴趣 （1）品牌的介绍——可调到最后 （2）引发兴趣的焦点图——主图，海报
四：确定自己的主色、辅助色和对比色
点击率高的图片解读——3.图片美观—字体
字体和语言的比喻 五：字体：设计时，字体必须有大有小，有粗有细 六：确定自动店铺核心的三种字体，辅助字体两种
点击率高的图片解读——3.图片美观—版式结构
版式构图：简洁明快的标签更加醒目 “好版式是收集的”
点击率高的图片解读——3.图片美观—集群构图
三、 客单价
• 产品表达得贵吗？ • 性价比看上去如何？ • 从画面上看得买吗？
旺旺，收藏店铺，返回首页，（关键导航）返回顶部 （重要）
⑸布局管理
①店铺页头（店招和导航） ②自定义内容 ③店铺页尾 假底栏（没有放在页尾区域的“底部”） 底部内容应放在
页尾区域
二：首页布局
最重要信息应放在淘宝导航栏两边之间的区域，中间990之间区域 （和显示器有关）
1、首屏海报高450左右，下面的海报图可以设高650左右，高度与 屏幕相似（和显示器有关）
• 主题突出：1.突出第一主题 2.信息传达
• 对象明确：1.考虑了目标消费人群的审美特征 2.吻合目标人群特征或产品的特点
• 图片美观：1.色彩 2.字体 3.版式 4.细节 5.集群 6.留白
页面布局
一：页面布局要领
店招是品牌展示的窗口
⑴店招设置需要考虑因素？ 要明确的品牌定位和产品定位，还可以辅以促销元素
2、商品陈列（注意角度，统一性） （1）视觉焦点：让买家快速捕捉到你要吸引他的目标 （2）视觉动线：视觉移动时所形式的路径 （3）屏屏有重点：作图时缩小看看页面的每屏有没有重点
三．详情页 （精彩文案提高转化率）
营销文案16招
一：引发兴趣 （1）品牌的介绍——可调到最后 （2）引发兴趣的焦点图——主图，海报
四：确定自己的主色、辅助色和对比色
点击率高的图片解读——3.图片美观—字体
字体和语言的比喻 五：字体：设计时，字体必须有大有小，有粗有细 六：确定自动店铺核心的三种字体，辅助字体两种
点击率高的图片解读——3.图片美观—版式结构
版式构图：简洁明快的标签更加醒目 “好版式是收集的”
点击率高的图片解读——3.图片美观—集群构图
三、 客单价
• 产品表达得贵吗？ • 性价比看上去如何？ • 从画面上看得买吗？
《视觉营销》课件——第一节-视觉营销
顾客下单的两种方式： 1、静默转化（自助下单） 2、咨询下单
ቤተ መጻሕፍቲ ባይዱ
视觉营销误区-转化率的漏水点
访客 100%
总计100人
首页 流失60% 中间页 流失30%
仅剩40人 仅剩28人
店铺首页 流失量最大
产品页 流失80% 仅剩6人
产品页 紧随其后
购物车流失 仅剩2-3人 消费者流失模拟图
结论：首页流失最大，要重视首页； 产品页面承载最后的交易成功率，要 花心思来指引视觉优化的部分。
因此，视觉营销在电子商务中的作用，就是通过色彩、图像、文字等形成强烈视觉冲击力来博取 人们的眼球，吸引消费者点击进店，提升店铺流量，进而刺激其购物欲望，把这股流量转化为成交量， 并且仅聚焦眼球还不够，更重要的是要塑造网店的品牌形象，这样才能将有效的流量转变为忠实流量。
视觉营销的运作流程
视觉营销的运作是一项经验性 和操作性都很强的技术。不管是店 铺设计、商品陈列、广告设计、橱 窗设计，还是网站设计等视觉营销 活动，都需要经过系列环节和一定 的程序才能完成。一个完整的视觉 营销流程包含四个步骤，具体如右 图所示。
搜索 流量
其他 流量
店铺优 化流量
流量的 来源
会员关系 管理流量
站内推 广流量
站外推 广流量
衡量视觉营销数据指标
引流的技巧
1、做好商品搜索排名优化 2、做好网店装修 3、善用宣传推广渠道 4、培养忠实顾客群体
衡量视觉营销数据指标
二、彰显电商成交的关键数据——转化率
视觉营销误区-盲目功能化
图片过度堆砌——反例
视觉营销误区-盲目功能化
正例
视觉营销误区-风格定位缺失 风格定位缺失
视觉营销误区-风格定位缺失 正例
ቤተ መጻሕፍቲ ባይዱ
视觉营销误区-转化率的漏水点
访客 100%
总计100人
首页 流失60% 中间页 流失30%
仅剩40人 仅剩28人
店铺首页 流失量最大
产品页 流失80% 仅剩6人
产品页 紧随其后
购物车流失 仅剩2-3人 消费者流失模拟图
结论：首页流失最大，要重视首页； 产品页面承载最后的交易成功率，要 花心思来指引视觉优化的部分。
因此，视觉营销在电子商务中的作用，就是通过色彩、图像、文字等形成强烈视觉冲击力来博取 人们的眼球，吸引消费者点击进店，提升店铺流量，进而刺激其购物欲望，把这股流量转化为成交量， 并且仅聚焦眼球还不够，更重要的是要塑造网店的品牌形象，这样才能将有效的流量转变为忠实流量。
视觉营销的运作流程
视觉营销的运作是一项经验性 和操作性都很强的技术。不管是店 铺设计、商品陈列、广告设计、橱 窗设计，还是网站设计等视觉营销 活动，都需要经过系列环节和一定 的程序才能完成。一个完整的视觉 营销流程包含四个步骤，具体如右 图所示。
搜索 流量
其他 流量
店铺优 化流量
流量的 来源
会员关系 管理流量
站内推 广流量
站外推 广流量
衡量视觉营销数据指标
引流的技巧
1、做好商品搜索排名优化 2、做好网店装修 3、善用宣传推广渠道 4、培养忠实顾客群体
衡量视觉营销数据指标
二、彰显电商成交的关键数据——转化率
视觉营销误区-盲目功能化
图片过度堆砌——反例
视觉营销误区-盲目功能化
正例
视觉营销误区-风格定位缺失 风格定位缺失
视觉营销误区-风格定位缺失 正例
网店视觉营销(网店运营与管理)课件
学习交流PPT
7
了解网拍商品特点
网络商品拍摄对象，从广义上来说指的是一切可以出售的物品，它包括花卉、 瓜果、蔬菜、日常用品、工业用品、手工艺品等。 1、对象静止 商品拍摄区别于其它摄影的最大特点，是它所拍摄的对象都是静止的 物体。 2、摆布拍摄 摆布拍摄是区别于其它摄影的又一个显著特点，不需要匆忙的现场拍 摄，图片要有一个明确的主体内容，取景不能过于杂乱，画面要简洁，主次分明。 3、还原真实 不必要过于追求意境，失去物品的本来面貌，一定要真实，拍摄完成 后要及时核对照片，避免出现与实物太大的色差，引起不必要的售后纠纷。
学习交流PPT
17
任务分解
对于商品图片美化的任务小艾已经得心应手，商品图片美化是电商美工最基 本的知识技能，小艾团队所有新进成员都是从商品图片美化这个岗位入手的，要完 成这个任务需要掌握三个方面的的知识，首先认识图片美化的工具了解基本操作功 能，其次是熟练掌握裁图、美图、修图、抠图等图片处理的四大技能，最后要对四 大技能进行综合应用。
4
课程导入
美途电商是一家以互联网销售为主的电子商务公司， 最近公司经过市场调研分析，决定推出一款儿童书包新产 品，小艾所在的视觉设计部门接到的任务是负责这款幼儿 园书包的商品信息采编工作，商品信息采编的流程包括3个 环节，商品拍摄是第一个环节，且看小艾是如何完成网店 商品拍摄的。
学习交流PPT
5
任务分解
学习交流PPT
10
相机基本操作
熟悉了数码相机各部分的功能按钮，大家可能觉得非常复杂，其实，单就使 用数码相机来进行拍摄还是很简单的，只要照着下面的介绍就能拍出正常成像的数 码相片。
学习交流PPT
11
布景
商品的摆放是陈列艺术，同样的商品用不同的造型和摆放方式会带来不同的 视觉效果，而不同的视觉感受会直接影响顾客是否会购买的决定，商品采用什么摆 放角度和组合最能体现其产品性能、特点及价值，是在拿起相机拍摄前要思考的问 题，因为商品摆放决定了照片的基本构图。
淘宝店铺完美视觉营销概述(ppt 58页)
3个成功的服装店铺
七格格：潮的很自我
阿卡：酷的很华丽
总评：4.6 年售：1.5亿 收藏：96万
总评：4.55 年售：2亿 收藏：50万
裂帛：“俗”的很另类
总评：4.55 年售：1.5亿 收藏：47万
视觉营销
--打造高转化页面
每天都有很多买 家在淘宝上逛
搜索列表页——“大街”
分类、导航、宝贝排列——“货架”
还是儿童，白领，学生，政府工作人员。（消费 能力，性别，年龄，职业等） 他们都是通过什么样的形式来进行网上购物
3年做了10个亿的麦包包
在中国，箱包行业与服饰等其他行业不一样， 只有高端（如Lv、gucci、prada）与低端 (区域性品牌或者没品牌)之分，中端产品缺 少有力的竞争者，麦包包正是看中了这一市 场，主打中端市场，仅用了一年不到就成为 了淘宝第一自主箱包品牌。
淘宝销售额公式
精准定位 洞察市场 确定方向
为什么想到淘宝？
目标客户群性别定位
目标客户群的年龄定位
目标客户群的职业定位
目标客户群的场景定位
产品风格定位手段
产品风格定位手段
定位本质：产品，风格，价格
பைடு நூலகம் 战略三阶段
这些你都有想过吗？
你有什么产品？ 淘宝上这类产品卖的好吗？ 你的产品优势在哪？ 你有的优势别人也有吗？ 你怎么样竞争过别人？ 使用产品的客户在哪里？ 使用产品客户购物途径主要有哪些？
宝贝详情页——“说明书”
悲剧每天都在发生……
淘宝上所有卖家都是“哑巴” 买家在“大街”上走过，却因为你不够“靓”，
从你店门口走过 买家进入到你的店铺，却因为没有在“货架”上
发现想要的商品 买家发现了你的商品，却因为商品“说明书”不
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
.
4、手机店铺装修的六大原则
•原则五：快速读取，控制文字大小，多以图片为主
.
4、手机店铺装修的六大原则
•原则六：分类结构要明晰，模块划分清晰，多以图片为主
.
4、手机店铺装修的六大原则
•原则七：色彩鲜亮，手机端因为浏览面积小，视觉受限，如用沉 重深色系，会引起买家感官的沉重大促设计、平 销售设计
.
无线店铺首页
如何有效布局结构
.
1、手机店铺特点
淘宝App店铺
天猫App店铺
Wap端店铺
淘宝APP更趋向千人千面实效销售，天猫APP主要体现品牌和时尚个性
.
想
如何有效布局首页结构
流量
按库存深度引导分流 TOP级的标类店铺
品类延伸扩张
精准分流 TOP级的非标类店铺
升提量流
•原则一：极速打开，手机端流量限制，不 要出现打开产生无法呈现产品图片现象。
.
4、手机店铺装修的六大原则
•原则二：信息简洁快速传播
.
4、手机店铺装修的六大原则
• 原则三：设计主题和店铺风格相结合，首位呼应。
.
4、手机店铺装修的六大原则
•原则四：常换常新，根据不同的活动内容和促销目的，需有不同 的风格，增强给买家的新鲜感。
53.8%
.
1、使用场景多样化，时间碎片化的聚集体，手机是现代人随时 随地上网工具。
2、碎片式时间可以引发瞬间的消费。 3、短时间预览，快速阅读，快速消费。 4、减少竞争。搜索呈现没有PC端多，手机端受流量限制打开速
度不如PC端，消费者都属于快消费群体，会产生查阅对比相 对PC端减少，因此减少了产品与产品，品牌与品牌之间的竞 争。
例如： 服饰类目：温馨的田园风格，颜色尽量偏淡雅，粉色 ，白色，天蓝。 家居类目：白色清爽风格 颜色尽量偏清淡 白色为主 母婴类目: 温馨风格 颜色尽量偏粉色、绿色
.
家电3C数码：风格蓝色为主
色彩类目案例分析
• 服饰类目色彩案例
家居类目色彩案例
母婴类目色彩案例
.
2、店招(案例)
• 3.8大促风格与品牌特色的综合展示 • 图片构成元素尽量少，所有元素简洁、专一（元素 • 包 店招括—— 色—彩品，牌呈字现，体独，特的文排案他记，忆照性 片，设计构成，创意等 • 等 主要）结合自己的产品和品牌性 进行渲染
VS
正确的
错误的
总结：首页轮播大促信息清晰可见，. 不应该多重信息，误导消费者
5、优惠劵信息
• 清楚展示店铺的相关活动，吸引消费者提前收藏优 惠劵，第一时间抢爆商品
VS
总结：活动建议，单独发10元无门槛优惠劵力度和吸引效果都会好，简单直接 不要让买家猜。
.
minibanner版块
• 日常平销中主要以单品秒杀、手机专享价、微淘传播为主
.
焦点图版式（左字右图）
.
左文右图
• 主题突出 • 形式简单
.
焦点图布局——左图右字
.
焦点图布局——两边图中间字
.
7、商品分类展示-1
• 商品陈列模块第一区:活动期间爆款为第一类，通过数据分析，将 全店最受人喜爱的产品当之无愧的的放在首位
PS
手机端
PC端
.
总结：手机端排序根据销量以及上新时间 相比之下好于PC端，手机端的用户喜欢爆款居多
“关注”频道6月变化
收藏
微淘
关注品牌 购物车
店铺关注
购买
关注品牌
“关注”频道6月将专注建立一个品牌和会员的互动平台，会员可以在这个平台 上关注和取消关注品牌，能够得到关注品牌的一手上新、优惠、活动信息。
.
手机钻展设计与投放分析
.
手机钻展投放分析
• 无线端首焦位置一共6轮播展示如 下，一般只有焦点图3有资源位
手机钻展投放方式
现在系统已支持创意添加时候从pc端url（仅限单品和店铺）直接一键转换为无线链接
.
标准
.
案例
.
目录
四、宝贝详情页设计 1、手机产品页特点 2、详情页设计思路 3、详情页设计示范
.
手机店铺特点
三个平台手机店铺-产品页第一屏对比：
互动
淘宝APP-产品页
天猫AP. P-产品页
Wap端店铺-产品页
日均流量 安卓3000w+iphone2000w
目前ctr排名无线资源第二，仅次无线淘宝 热卖焦点图1；
注解：CTR的意思：click through rate点击 率。
点选广告的次数除以广告索阅的次数. 点选(click):买家在「点选」(click)广告后,通 常会连结到广告主的网页,获得更多的产品 讯息,而点选次数(click through)除以广告曝 光总数,可得到「点选率」 (ctr, click through rate),这项指标可以用来 评. 估广告效果.
手机店铺特点
三个平台手机店铺-产品页第二屏对比：
5、手机店铺增加了买家与卖家的粘性，也给线上与线下互通提 供了载体，为品牌与卖家沟通、互动提供了平台。
.
移动端的人群特有特征：年龄？
1.3 揭示消费者在移动端. 的行为习惯
移动端浏览路径习惯：搜索
1.3 揭示消费者在移动端. 的行为习惯
目录
二、手机店铺首页设计
1、手机店铺特点 2、手机店铺框架展示 3、手机店铺装修的五大原则 4、手机店铺装修版块陈列 5、手机店铺模块图片设计及装修(案例)
按产品转化能力聚焦
21 34
品类商品聚焦
产品
按产品转化能力聚焦 降低零销量商品在线率
.
2、手机店铺框架展示
淘宝手机框架分为：官方组件、文本组件、标题组件、图文组件、焦点图 轮播组件、miniBanner组件、宝贝组件、辅助线组件8个主要部分组成， 后续还有再开发部分，此处不详述。
.
.
4、手机店铺装修的六大原则
无线轻功 ——打造视觉巅峰引力
.
目录
一、前瞻视野 二、手机店铺首页设计 三、无限端钻展设计 四、宝贝详情页设计
.
第一部分
无线店铺的魅力
”1.1-无线趋势 1.2-消费者在移动端的行为习惯 1.3-无线店铺装修的重要性
.
淘宝无线成长趋势：双11
1.1 分析无线趋势 .
天猫无线单日成交额首超PC
.
案例
• 店招文字清晰 图片清晰
• 店招重点信息不清晰 文字过多
VS
正确的
错误的
.
4、焦点图轮播一
首焦建议设置为3轮播（店铺活动信息海报、单品爆款海报、配合大促的单品爆款） •第一轮焦点图轮播主推3.8活动，突出利益点。 •手机端主色一色，渐变一个色，明度高饱和度高的颜色看起来更亮丽清爽， •图片尺寸更小更容易处理； •背景颜色统一 风格清晰 一幕了然；
4、手机店铺装修的六大原则
•原则五：快速读取，控制文字大小，多以图片为主
.
4、手机店铺装修的六大原则
•原则六：分类结构要明晰，模块划分清晰，多以图片为主
.
4、手机店铺装修的六大原则
•原则七：色彩鲜亮，手机端因为浏览面积小，视觉受限，如用沉 重深色系，会引起买家感官的沉重大促设计、平 销售设计
.
无线店铺首页
如何有效布局结构
.
1、手机店铺特点
淘宝App店铺
天猫App店铺
Wap端店铺
淘宝APP更趋向千人千面实效销售，天猫APP主要体现品牌和时尚个性
.
想
如何有效布局首页结构
流量
按库存深度引导分流 TOP级的标类店铺
品类延伸扩张
精准分流 TOP级的非标类店铺
升提量流
•原则一：极速打开，手机端流量限制，不 要出现打开产生无法呈现产品图片现象。
.
4、手机店铺装修的六大原则
•原则二：信息简洁快速传播
.
4、手机店铺装修的六大原则
• 原则三：设计主题和店铺风格相结合，首位呼应。
.
4、手机店铺装修的六大原则
•原则四：常换常新，根据不同的活动内容和促销目的，需有不同 的风格，增强给买家的新鲜感。
53.8%
.
1、使用场景多样化，时间碎片化的聚集体，手机是现代人随时 随地上网工具。
2、碎片式时间可以引发瞬间的消费。 3、短时间预览，快速阅读，快速消费。 4、减少竞争。搜索呈现没有PC端多，手机端受流量限制打开速
度不如PC端，消费者都属于快消费群体，会产生查阅对比相 对PC端减少，因此减少了产品与产品，品牌与品牌之间的竞 争。
例如： 服饰类目：温馨的田园风格，颜色尽量偏淡雅，粉色 ，白色，天蓝。 家居类目：白色清爽风格 颜色尽量偏清淡 白色为主 母婴类目: 温馨风格 颜色尽量偏粉色、绿色
.
家电3C数码：风格蓝色为主
色彩类目案例分析
• 服饰类目色彩案例
家居类目色彩案例
母婴类目色彩案例
.
2、店招(案例)
• 3.8大促风格与品牌特色的综合展示 • 图片构成元素尽量少，所有元素简洁、专一（元素 • 包 店招括—— 色—彩品，牌呈字现，体独，特的文排案他记，忆照性 片，设计构成，创意等 • 等 主要）结合自己的产品和品牌性 进行渲染
VS
正确的
错误的
总结：首页轮播大促信息清晰可见，. 不应该多重信息，误导消费者
5、优惠劵信息
• 清楚展示店铺的相关活动，吸引消费者提前收藏优 惠劵，第一时间抢爆商品
VS
总结：活动建议，单独发10元无门槛优惠劵力度和吸引效果都会好，简单直接 不要让买家猜。
.
minibanner版块
• 日常平销中主要以单品秒杀、手机专享价、微淘传播为主
.
焦点图版式（左字右图）
.
左文右图
• 主题突出 • 形式简单
.
焦点图布局——左图右字
.
焦点图布局——两边图中间字
.
7、商品分类展示-1
• 商品陈列模块第一区:活动期间爆款为第一类，通过数据分析，将 全店最受人喜爱的产品当之无愧的的放在首位
PS
手机端
PC端
.
总结：手机端排序根据销量以及上新时间 相比之下好于PC端，手机端的用户喜欢爆款居多
“关注”频道6月变化
收藏
微淘
关注品牌 购物车
店铺关注
购买
关注品牌
“关注”频道6月将专注建立一个品牌和会员的互动平台，会员可以在这个平台 上关注和取消关注品牌，能够得到关注品牌的一手上新、优惠、活动信息。
.
手机钻展设计与投放分析
.
手机钻展投放分析
• 无线端首焦位置一共6轮播展示如 下，一般只有焦点图3有资源位
手机钻展投放方式
现在系统已支持创意添加时候从pc端url（仅限单品和店铺）直接一键转换为无线链接
.
标准
.
案例
.
目录
四、宝贝详情页设计 1、手机产品页特点 2、详情页设计思路 3、详情页设计示范
.
手机店铺特点
三个平台手机店铺-产品页第一屏对比：
互动
淘宝APP-产品页
天猫AP. P-产品页
Wap端店铺-产品页
日均流量 安卓3000w+iphone2000w
目前ctr排名无线资源第二，仅次无线淘宝 热卖焦点图1；
注解：CTR的意思：click through rate点击 率。
点选广告的次数除以广告索阅的次数. 点选(click):买家在「点选」(click)广告后,通 常会连结到广告主的网页,获得更多的产品 讯息,而点选次数(click through)除以广告曝 光总数,可得到「点选率」 (ctr, click through rate),这项指标可以用来 评. 估广告效果.
手机店铺特点
三个平台手机店铺-产品页第二屏对比：
5、手机店铺增加了买家与卖家的粘性，也给线上与线下互通提 供了载体，为品牌与卖家沟通、互动提供了平台。
.
移动端的人群特有特征：年龄？
1.3 揭示消费者在移动端. 的行为习惯
移动端浏览路径习惯：搜索
1.3 揭示消费者在移动端. 的行为习惯
目录
二、手机店铺首页设计
1、手机店铺特点 2、手机店铺框架展示 3、手机店铺装修的五大原则 4、手机店铺装修版块陈列 5、手机店铺模块图片设计及装修(案例)
按产品转化能力聚焦
21 34
品类商品聚焦
产品
按产品转化能力聚焦 降低零销量商品在线率
.
2、手机店铺框架展示
淘宝手机框架分为：官方组件、文本组件、标题组件、图文组件、焦点图 轮播组件、miniBanner组件、宝贝组件、辅助线组件8个主要部分组成， 后续还有再开发部分，此处不详述。
.
.
4、手机店铺装修的六大原则
无线轻功 ——打造视觉巅峰引力
.
目录
一、前瞻视野 二、手机店铺首页设计 三、无限端钻展设计 四、宝贝详情页设计
.
第一部分
无线店铺的魅力
”1.1-无线趋势 1.2-消费者在移动端的行为习惯 1.3-无线店铺装修的重要性
.
淘宝无线成长趋势：双11
1.1 分析无线趋势 .
天猫无线单日成交额首超PC
.
案例
• 店招文字清晰 图片清晰
• 店招重点信息不清晰 文字过多
VS
正确的
错误的
.
4、焦点图轮播一
首焦建议设置为3轮播（店铺活动信息海报、单品爆款海报、配合大促的单品爆款） •第一轮焦点图轮播主推3.8活动，突出利益点。 •手机端主色一色，渐变一个色，明度高饱和度高的颜色看起来更亮丽清爽， •图片尺寸更小更容易处理； •背景颜色统一 风格清晰 一幕了然；