1.6 网店首页美化（课件）- 《电子商务实务》同步教学（电工版·2016）

目录 第一章：创业市场调查 第二章：寻找货源 第三章：网店注册与认证 第四章：网店LOGO设计与制作 第五章：网店店招设计与制作 目录 第六章：网店首页美化 第七章：网店广告设计与制作 第八章：产品发布 第九章：在线接待流程 第十章：物流发货 第六章 网店首页美化 学习目标 通过学习，你应当能够 1.掌握店铺首页整体布局的方法及优化依据 2.掌握色彩的表现，能将色彩表现的性格与主营商品的情感融合协调 3.能对商品进行科学分类，优化分类方案描述，制作精美分类图标 案例 比较以下A店与B店的视觉效果 第一节 通过首页美化提高转化率及销售额 案例 比较以下A店与B店的视觉效果 第一节 通过首页美化提高转化率及销售额 案例 比较以下A店与B店的视觉效果 第一节 通过首页美化提高转化率及销售额 两个店铺的数据对比 引导问题 第一节 通过首页美化提高转化率及销售额 1、同样是销售男士鞋子，从首页视觉效果的角度分析，为何商家A比商家B的转化率和客单价都高那么多？ 商家A的首页比商家B的首页美观，重点突出，有主推商品的广告，分类与导航设计合理清晰，能让顾客在店里页面停留更多的时间，从而促进购买。 引导问题 第一节 通过首页美化提高转化率及销售额 2、在首页视觉效果中，商家A相比商家B作了那些优化？ 商家A、B都是旺铺，商家A做了装修，设计了促销区、分类、店招等，而商家B只是用旺铺最基本的设置，并没有做设计，促销区也只两行文字。 （一）首页布局 第一节 通过首页美化提高转化率及销售额 在网店中，顾客的购买过程一般如下 （一）首页布局 第一节 通过首页美化提高转化率及销售额  2006年4月，美国长期研究网站可用性的著名网站设计师杰柯柏•尼尔森（Jakob Nielsen）发表了一项《眼球轨迹的研究》报告。报告中提出，大多数情况下浏览者都不由自主的以“Ｆ”形状的模式阅读网页，这种基本恒定的阅读习惯决定了网页呈现F形的关注热度。 （一）首页布局 第一节 通过首页美化提高转化率及销售额 （一）首页布局 第一节 通过首页美化提高转化率及销售额 （一）首页布局 第一节 通过首页美化提高转化率及销售额 典型的“F”型首页设计 学习思考 第一节 通过首页美化提高转化率及销售额 某商城的首页设计规划如下，请你根据内容规划，按“F”型浏览理论，设计五屏布局。 布局序号 模块分类 功能说明 1 店铺LOGO 可参考范例突出风格、历史、特点或加上广告语 2 店铺顶部banner 品牌介绍、品牌口号、节庆活动、售后入口 3 店铺导航 品牌价值、售后活动、额外价值 4 悬浮客服列表 方便客户进行引导式购物 5.1 店铺品牌活动大图 节日庆典（这边可做轮播功能） 5.2 店铺品牌活动大图 品牌形象（这边可做轮播功能） 5.3 店铺品牌活动大图 新品上市（这边可做轮播功能） 5.4 店铺品牌活动大图 售后帮派活动（这边可做轮播功能） 6 专区导航 优势项目入口 热卖、新款、售后、活动、买家互动 7.1 广告促销 7.2 产品分类 按潜在分类 如活动、样式、消费力、行为倾向 7.3 模样banner 区隔模块作用 8.1 记忆枕系列 页面简洁且体现品牌感专业度。分类清晰，实行狭窄匹配，强化购买刺激，引导顾客，减少跳失率。 8.2 颈枕腰靠 8.3 居家收纳 8.4 夏日枕席 9 店铺底部 售后保障 其他区块快速入口 客服可回应时间（营业时间） 学习思考 第一节 通过首页美化提高转化率及销售额 第一屏幕 学习思考 第一节 通过首页美化提高转化率及销售额 第二屏幕 学习思考 第一节 通过首页美化提高转化率及销售额 第三屏幕 学习思考 第一节 通过首页美化提高转化率及销售额 第四屏幕 学习思考 第一节 通过首页美化提高转化率及销售额 第五屏幕 知识链接 第一节 通过首页美化提高转化率及销售额 1、在淘宝旺铺装修——页面管理下，有页面编辑、布局管理、页面属性。在布局管理中，可以将首页进行“F”形布局； 知识链接 第一节 通过首页美化提高转化率及销售额 （1）在布局管理中，将鼠标移至模块上面，可通过“+”、“×”来添加和删除模块 知识链接 第一节 通过首页美化提高转化率及销售额 （2）模块中，有免费的基础模块和设计师模块 知识链接 第一节 通过首页美化提高转化率及销售额 2、在淘宝旺铺装修——样式管理下，有页头设置和页面设置。在页头设置中，将页头颜色或背景图片设置与店招相匹配，即可做出通栏店招；在页面设置中，可更改页面背景颜色或背景图片； 知识链接 第一节 通过首页美化提高转化率及销售额 操作步骤 第一节 通过首页美化提高转化率及销售额 点击“背景设置” --“页头设置”进店招位置的背景设置