学习情境六 打造高转化的自定义页面

学习情境六打造高转化的自定义页面PAGE8任务一自定义页面策划（一） 一、教学目标1.知识目标（1）了解网店自定义页面的基础理论知识。（2）认识网店自定义页面的主要类型。2.技能目标（1）能正确理解自定义页面的定义与作用。（2）能熟悉并区分不同类型的自定义页面。3.情感目标（1）传播中华优秀传统文化，增强文化自信与民族自豪感。（2）树立品牌意识，建设品牌强国。（3）树立终身学习理念，努力学习新技术。二、教学内容分析自定义页面是网店装修中独立于商品详情页的营销推广型页面，商家可根据活动需求灵活创建。它主要通过图文、视频等多媒体形式展示品牌理念、活动主题或产品集合，起到塑造店铺形象、传递营销信息的作用。精美的自定义页面能有效增强消费者对店铺的信任感与记忆度，是提升转化率的关键素材，因此是美工需要掌握的核心内容。教学重点：1.自定义页面的定义。2.自定义页面的作用。3.自定义页面的主要类型。教学难点：1.学会区分不同类型的自定义页面。三、教学过程设计教学步骤教师活动学生活动设计意图1.创设情景引入课题展示网店首页和网店自定义页面两个页面，提问学生两个页面的区别是什么？观察分析两个页面的区别。网店首页和网店自定义页面存在相似性，通过对比导入，激发学生对自定义页面的学习兴趣。2.新课讲解一、认识自定义页面（一）自定义页面的定义自定义页面又称二级页面，是网店装修中的一个独立页面，目前电脑端和手机端的网店装修后台均可根据需求增添数量不限的自定义页面。自定义页面是卖家围绕某个主题焦点的一个内容聚合页，一般是文案、图片、视频等多种组合优化后的页面，再配合商品详情信息、活动优惠信息等链接，增加页面的访问深度，也起到页面关联和购物引导的作用。自定义页面的作用1.加深消费者访问深度到店的流量能有多少访问深度才是卖家最为关注的。为了满足到店消费者的不同需求，卖家需通过规划网店首页与自定义页面之间的联系，从而增加消费者的停留时间。2.提高网店转化率为了获得消费者的关注，卖家会定期设计各种主题的活动专题页面，通过有效的视觉设计，突出优惠力度，促使消费者下单，进而提升网店的转化率。3.提高消费者黏度网店回头率是影响网店权重的重要因素之一，所以卖家都十分关注会员关系维护。为了促使消费者频繁光顾，卖家可以实行会员等级制度，定期推出VIP会员活动。利用会员活动页面推广宣传网店会员福利，吸引新会员，增加老会员复购率，从而提高消费者黏度。二、自定义页面的主要类型（一）活动专题页卖家一年中几乎有三分之二的时间都在推出各种各样的网店促销活动。为了吸引消费者的注意力和兴趣，增加消费者的参与感，卖家通常会设计制作活动专题页面。活动专题页面设计常以鲜艳夺目的配色、别具一格的排版设计来营造热烈的营销气氛，从而提高消费者的关注度。（二）品牌文化页为了消除消费者的购买疑虑，提高消费者的信任感，卖家会添加品牌文化页来传播企业精神和品牌文化，从而提高品牌信服力，树立良好的企业形象，使网店获得消费者的认可。品牌文化页主要向消费者介绍品牌或者展示品牌故事，详细地向消费者展示品牌的内涵、经营历史、风格和企业文化等。会员活动页会员活动页主要向消费者介绍会员积分的价值，展现会员权益活动的内容。卖家常常定期推出会员权益活动，主要目的是提高会员活跃度和忠诚度，激发会员购买欲望，同时吸引新会员加入，引导新会员参与活动，以此提升网店转化率。售后服务页售后服务页主要向消费者展示网店的发货收货服务、退换货服务、安装服务、保修维修服务等一系列细致的售后服务信息。展示完备的售后服务体系，就是向消费者保证网店会全力地解决售后问题，无论是退换货还是安装维修等，网店都会做到及时迅速、服务到位、热情规范，让消费者满意。一套完整的售后服务体系不仅可以体现网店的综合实力，还能让消费者放心购买网店的商品。了解认识自定义页面的定义与作用认识不同类型的自定义页面，了解熟悉不同类型自定义页面起到的效果与作用让学生先行了解自定义页面的基本知识让学生对自定义页面的不同类型有系统地了解。4.小试身手登录淘宝网搜索茶叶网店不同类型的自定义页面，并把其活动专题页面、品牌介绍页面、会员活动页面以及售后服务页面进行截图保存，分析以上不同自定义页面的效果与作用查找搜索茶叶网店不同类型的自定义页面，并分析其效果与作用。通过搜索查找任务，强化学生对不同类型自定义页面的认识。5.课后小结本节课要掌握的重点：1.自定义页面的定义。2.自定义页面的作用。3.自定义页面的主要类型。明白本节课自己要掌握的知识点学习情境六打造高转化的自定义页面PAGE8任务一自定义页面策划（二） 一、教学目标1.知识目标（1）认识了解自定义页面的布局组成。（2）掌握网店自定义页面的策划。2.技能目标（1）能根据网店需求明确自定义页面的类型与主题。（2）能根据网店营销需求制定自定义页面的策划框架。3.情感目标（1）传播中华优秀传统文化，增强文化自信与民族自豪感。（2）树立品牌意识，建设品牌强国。（3）树立终身学习理念，努力学习新技术。二、教学内容分析自定义页面是网店装修中独立于商品详情页的营销推广型页面，商家可根据活动需求灵活创建。它主要通过图文、视频等多媒体形式展示品牌理念、活动主题或产品集合，起到塑造店铺形象、传递营销信息的作用。精美的自定义页面能有效增强消费者对店铺的信任感与记忆度，是提升转化率的关键素材，因此是美工需要掌握的核心内容。教学重点：自定义页面的策划流程。教学难点：自定义页面策划的布局图制作。三、教学过程设计教学步骤教师活动学生活动设计意图1.创设情景引入课题展示不同类型自定义页面的页面，讨论其布局组成元素。观察分析不同类型自定义页面的布局组成元素。通过展示不同类型自定义页面的布局组成元素，引起学生的疑惑，让学生带着问题进入本节课的学习。2.新课讲解一、自定义页面的布局为了保证自定义页面可以吸引消费者一直浏览，并唤起其购买欲，卖家在策划自定义页面时必须保证页面视觉表现形式的合理性。虽然现在很多网店的自定义页面呈现出各种别具风格的样式，但实际上它们的基本框架和组成部分都是有共性的。一般来说，无论哪种类型的自定义页面，都由四大部分组成：头部Banner图+楼层模块（至少一个）+背景+氛围点缀物其中，“楼层模块”的数量根据网店的运营方案内容来确定。自义页面布局中的楼层模块没有数量的硬性要求，只要能满足页面信息的传达需求，给予消费者良好的体验感即可。认识自定义页面的布局组成元素有哪些？了解自定义页面布局中楼层模块的数量依据。让学生对自定义页面的布局组成元素有所认识，为后面的布局策划做好知识准备。3.小试身手请分析收集到的茶叶网店不同类型自定义页面的布局，根据学习情境六中小试身手素材，利用Photoshop软件，分别绘制其布局组成图（需标注不同楼层的命名）收集茶叶网店不同类型自定义页面的布局，绘制其布局组成图。学会制作自定义页面的布局组成图。4.新课讲解二、详情页策划的流程熟悉自定义页面的策划流程，要懂得每一步的作用和内容。让学生学会自定义页面策划的流程。5.学生实训任务名称：为网店策划会员活动页任务要求：网店“一家电器店”已开张五周年，为回馈会员，该网店策划了“五周年会员日”活动，故需要为网店制作一张网店会员活动页，请你根据营销策略资料，策划该会员活动页的方案根据上面的知识点，完成“一家电器店”网店会员活动页的策划方案。通过此任务的完成，懂得如何策划自定义页面。6.课后小结本节课要掌握的重点：自定义页面的策划流程。自定义页面策划的布局图制作。明白本节课自己要掌握的知识点

任务二自定义页面设计（一） 一、教学目标1.知识目标（1）了解网店自定义页面的基础理论知识。（2）认识活动专题页面的设计规范。2.技能目标（1）能正确理解活动专题页面不同模块的特点及设计要点。（2）能够根据不同的营销需求选择合适的活动专题页配色。3.情感目标（1）传播中华优秀传统文化，增强文化自信与民族自豪感。（2）树立品牌意识，建设品牌强国。（3）树立终身学习理念，努力学习新技术。二、教学内容分析不同类型的自定义页面设计规范各有不一样，在视觉风格、排版、字体、配色、点缀物方面都有相关的设计要点。其中活动专题页面和品牌文化页面是较为常见的自定义页面，设计好这两类页面能够更好地传达营销信息，提高店铺转化率。教学重点：1.自定义页面的常见尺寸。2.活动专题页面的设计规范。教学难点：1.活动专题页面不同模块的设计要点。2.活动专题页面的配色选择。三、教学过程设计教学步骤教师活动学生活动设计意图1.创设情景引入课题展示活动专题页面的页面截图，提出问题：该页面可划分为哪些模块？页面的配色是如何的？看展示的活动专题页面，思考问题？引发学生学习兴趣2.新课讲解一、自定义页面的常见尺寸电脑和手机的屏幕大小不同，电脑端和手机端的自定义页面尺寸也有所不同。二、自定义页面的设计规范（一）活动专题页面的设计规范1.活动专题页面的设计要点（1）头部Banner模块。头部Banner是活动专题页面的主视觉区域，丰富酷炫的设计能抓住消费者的眼球，决定消费者是否停留。因此，头部Banner图需要做好有效信息传达才能提高活动专题页面的转化率。当下比较流行的几种视觉风格有：插画风格、合成风格、三维风格、波普风格等。营销信息（机制区）模块。本模块主要展示网店本次主题活动的促销信息集合，如优惠券、抽奖活动、满减等营销活动信息。为了刺激消费者的购物欲望，在优惠券等营销活动信息中，数额字体尽量使用较大的字号以及加粗形式。热销/主推商品模块。本模块主要适用于网店促销力度较大商品的醒目展示，目的是提升主推商品的曝光度，促进消费者的购买。因此，在设计本模块时，需要呈现模块的标题、商品陈列等信息。在进行图文排版时，本模块多为左右排版（左文右图、左图右文）交替呈现。值得注意的是，主推区域的商品图片要清晰且大，文案信息要简洁又突出核心卖点，相同层级的内容要做到统一规范。（4）新品/次推商品模块。本模块的设计与热销/主推商品模块大同小异，为了区分主次，在商品排版时本模块通常为一行2～3个商品并列展示，图文排版形式多为上图下文，文案组合需区分文字层级与样式。2.活动专题页的常见配色根据自定义内容的需要，采用适合的色彩搭配，能准确地表达出相应的主题内涵。充分运用色彩的不同特性，可以提升自定义页面的档次和品位，烘托促销活动氛围，吸引消费者并激发其购买欲望。因此活动专题页的配色一般采用对比色或者间隔色，这样的搭配能带来强烈的视觉效果，给消费者亮丽、鲜艳的感觉。活动专题页面一般也会以暖色为主色调，如红色、橙色、黄色等，这种色调的运用可以使页面给人带来热情、兴奋、欢快的心理感受。另外，活动专题页面为了能与节日主题相呼应，很多时候会选择节日代表色。了解自定义页面电脑端和手机端的尺寸区别。了解自定义页面中活动专题页面的设计要点和常见配色让学生先行了解不同端口自定义页面的尺寸要求，让学生能依据不同端口正确设置自定义页面的尺寸。让学生认识活动专题页的不同模块的设计要点以及配色选择，为后面的设计做好知识准备。3.课后小结本节课要掌握的重点：1.自定义页面的常见尺寸。2.活动专题页面的设计规范。明白本节课自己要掌握的知识点学习情境六打造高转化的自定义页面PAGE8任务二自定义页面设计（二） 一、教学目标1.知识目标（1）掌握品牌文化页面的设计规范。（2）掌握自定义页面的点缀元素。（3）掌握自定义页面的设计流程。2.技能目标（1）能正确理解品牌文化页面的设计要点。（2）能根据不同的营销需求选择合适的自定义页面点缀物。（2）能够完成自定义页面的整体设计。3.情感目标（1）传播中华优秀传统文化，增强文化自信与民族自豪感。（2）树立品牌意识，建设品牌强国。（3）树立终身学习理念，努力学习新技术。二、教学内容分析不同类型的自定义页面设计规范各有不一样，在视觉风格、排版、字体、配色、点缀物方面都有相关的设计要点。其中活动专题页面和会员活动页面是较为常见的自定义页面，设计好这两类页面能够更好地传达营销信息，提高店铺转化率。教学重点：1.品牌文化页面的设计规范。2.自定义页面的设计流程。教学难点：1.制作符合设计要求的自定义页面。三、教学过程设计教学步骤教师活动学生活动设计意图1.创设情景引入课题展示对比两张品牌文化页面的图片，思考其与品牌之间的关系特点。看展示的会员活动页面，思考问题？引发学生学习兴趣2.新课讲解一、自定义页面的设计规范（二）品牌文化页的设计规范1.品牌文化页的设计要点（1）合理分割视觉区域：为了让消费者在浏览品牌文化页时更好地理解网店文化，可以利用不同的色块将品牌文化页分割成多个视觉区域，把品牌的各类信息分别放进不同的区域，让整体页面具有层次感，带给消费者舒适的阅读体验。（2）选择合适的字体：品牌文化页不适宜设计过度，因此在选择字体样式时不宜太多，应简洁明了，同时需选择与品牌调性相吻合的字体。如电器品牌可选择黑体类字体，服装品牌可选择宋体类字体。（3）图片的选择与处理：品牌文化页所使用的图片要与品牌形象协调与匹配，在考虑到网站加载速度的前提下，尽量选择高质量且清晰的图片。2.品牌文化页的常见配色在设计品牌文化页时，必须考虑品牌本身的风格与色调。品牌文化页的内容主要是围绕着网店的品牌文化、品牌历史、发展故事等开展，为了让消费者在浏览品牌文化页的过程中，能深深地把网店品牌形象烙在心间，品牌文化页的主色调一般是挑选能代表该品牌形象风格的颜色。二、自定义页面的点缀元素点缀元素的应用较多地出现在活动专题页面或者会员活动页面，设计时在页面背景上适当地增加点缀元素能有效地烘托主题、活跃气氛，比空白干净的背景更有吸引力。增加点缀元素的时候需要考虑是否与节日主题相匹配。在页面中加入一些与主题吻合的点缀元素，会让消费者在浏览页面时更有代入感。了解自定义页面中品牌活动页面的设计要点和常见配色。了解自定义页面的点缀元素设计要点。让学生认识活动专题页的不同模块的设计要点以及配色选择，为后面的设计做好知识准备。让学生掌握自定义页面的点缀元素设计要点，能够根据营销方案选择合理的点缀元素。3.小试身手请分析收集到的茶叶网店活动专题页，从页面风格、不同模块的图文排版形式、色彩搭配、点缀元素等方面展开分析其优点以及需要提升的地方。分析自定义页面存在的设计问题。通过搜索网店的自定义页面，更好地理解自定义页面的设计技巧。4.新课讲解三、自定义页面设计的流程熟悉自定义页面的设计流程，要懂得每一步的作用和内容。让学生学会设计自定义页面的流程。5.学生实训任务名称：为网店设计会员活动页任务要求：把任务一同步实训的自定义页面策划方案设计成图片。根据上面的知识点，完成网店会员活动页的设计。通过此任务的完成，懂得如何设计会员活动页面。6.课后小结本节课要掌握的重点：1.品牌文化页面的设计规范。2.自定义页面的设计流程。明白本节课自己要掌握的知识点。

任务三自定义页面上传（一） 一、教学目标1.知识目标（1）了解电脑端自定义页面上传的基本流程。（2）掌握电脑端自定义页面的后台新建方法与模块功能。（3）掌握使用Photoshop进行图片切片的方法。2.技能目标（1）能独立在千牛后台新建自定义页面。（2）能识别并使用电脑端装修平台中支持同步的模块。（3）能够对图片进行切片处理。3.情感目标（1）培养严谨细致的工作态度。（2）树立规范操作、科学管理的职业意识。二、教学内容分析电脑端自定义页面是网店装修的重要组成部分，虽然当前移动端流量占比较高，但电脑端依然是品牌展示与活动推广的重要窗口。学生需要掌握在千牛后台新建页面、选择模块、设置页面名称等基础操作，理解智能版装修平台中模块同步功能的含义，为后续的页面上传与装修打下基础。教学重点：1.电脑端自定义页面的新建方法。2.智能版装修平台中常用模块的功能与同步特性。教学难点：1.理解模块同步功能的应用场景。三、教学过程设计教学步骤教师活动学生活动设计意图1.创设情景引入课题提问：店铺运营中，电脑端还有哪些场景需要使用自定义页面？引导学生思考电脑端页面的价值。结合已有知识，讨论电脑端页面的使用场景。唤醒学生对电脑端装修的重视，激发学习兴趣2.新课讲解一、电脑端自定义页面上传流程1.登录千牛卖家中心，进入“店铺装修”模块。2.点击“PC店铺装修”，选择“新建页面”。3.设置页面名称，获取页面地址。二、智能版装修平台中常用模块介绍1.宝贝推荐模块、全屏宽图模块、双列图片模块等可实现电脑端与手机端同步。2.引导学生理解同步功能的实际意义了解自定义页面中品牌活动页面的设计要点和常见配色。跟随教师讲解，理解操作流程，记录模块名称与功能。让学生认识活动专题页的不同模块的设计要点以及配色选择，为后面的设计做好知识准备。帮助学生建立清晰的操作步骤认知，理解模块同步的意义。3.小试身手布置任务：登录淘宝网千牛后台，尝试新建一个名为“茶叶店品牌文化页”的电脑端自定义页面。动手操作，完成页面新建，记录操作过程中遇到的问题。通过实操巩固所学知识，提升动手能力。4.新课讲解一、使用Photoshop进行切片借助Photoshop软件，对制作好的图片进行切片，要注意的是每一张图片高度范围是120px～2000px，才能保证后续成功装修。二、上传到图片空间将切片后的图片上传至网店的图片空间。跟随教师讲解，理解操作流程。帮助学生建立清晰的操作步骤认知。5.学生实训任务名称：对自定义页切片并上传任务要求：对自己设计的自定义页进行切片处理，并上传至图片空间。动手操作，完成对图片的切片处理及上传。通过实操对知识进行实践，为自定义页面装修做好准备工作。6.课后小结本节课要掌握的重点：1.电脑端自定义页面的新建方法。2.常用模块的功能及同步特性。回顾本节课知识点，整理笔记。强化记忆，帮助学生形成系统认知。任务三自定义页面上传（二） 一、教学目标1.知识目标（1）掌握手机端自定义页面上传的流程与模块要求。（2）理解智能版手机端装修平台中模块设置与智能展现的关系。2.技能目标（1）能根据页面需求选择合适的装修模块。（2）能独立完成自定义页面的热区设置与发布。3.情感目标（1）培养精益求精的工匠精神。（2）树立以用户体验为中心的设计理念。二、教学内容分析手机端已成为消费者购物的主要入口，自定义页面的设计与上传需充分考虑移动端的使用习惯与平台规范。本节课重点讲解手机端自定义页面上传的具体操作，包括模块选择、图片尺寸要求、热区链接设置、预览与发布等环节。同时结合大赛要求，提升学