《网店视觉营销设计》 课件 模块7任务1 网店视觉营销综合设计.pdf

•（一）任务工单

•任务目的：完成“清青绿植”淘宝店的PC端网店首页的布局设计，定位网店装修风格。

•任务描述：以淘宝网的旺铺专业版为例，根据各模块的功能进行网店首页布局，整理规划美

工素材。

•知识目标：视觉营销设计原则，素材图片处理，photoshop应用技能。

•能力目标：能掌握美工工作流程，据网店定位确定设计风格，收集整理素材。

•思政元素：借助案例中清青绿植淘宝店的网店整体的视觉营销设计，引导学生崇尚自然、尊

重自然，切实加强生态环保的责任感和使命感。

•（二）任务情境

“清青绿植”淘宝网店主营室内绿植、多肉、花卉、蔬果之类的观赏园艺产品。主营

细分产品分为：小型盆栽，多肉类组合或礼盒以及中大型绿植等。网店拥有成熟的植物

鲜花培育基地、盆景树桩加工基地，能够保障植物的充足性和多样性。绿植类产品能让

家庭、办公室环境更加美化、空气得到净化，主要面向20-39岁喜欢生活美学，喜欢用

绿植装饰环境、表达情绪的年轻群体。

•（三）任务解析

“根据网店背景资料进行分析，熟悉完整的淘宝天猫网店装修的工作流程，涉及本模块共四个任

务的主要内容，如图所示。为塑造好网店形象，提升用户浏览体验，从任务一开始对本网店的页面装

修方案进行整体设计分析，包括：风格定位，页面布局，配色方案等，并熟悉“淘宝旺铺”的工作

界面，着手按照板块对素材进行整理分类。本任务后续内容是进行任务二的步骤完成网店首页设计制

作，再进行到任务三的步骤完成商品列表页的制作，最后完成任务四中商品详情页的制作。

•（四）知识准备

•知识准备一了解“淘宝旺铺”是什么

淘宝旺铺（个性化网店）服务是由淘宝提供给淘宝卖家使用的一个更加个性化、细分

化、豪华版的网店界面，允许卖家使用淘宝提供的计算机和网络技术，实现区别于淘宝一

般网店展现形式的个性化网店页面展现功能的服务。目的是为了提升顾客购物体验，更容

易产生购物欲望，促进销量。

•（四）知识准备

•知识准备一了解“淘宝旺铺”是什么

“淘宝旺铺”目前有3个版本：基础版、专业版和智能版，所有淘宝卖家可以免费使用旺铺基础版，

网店信誉一钻以下可以免费使用旺铺专业版，一钻以上需要付费使用专业版和智能版。不过为了商家降

低日常运营成本，提供更好的营商环境，2020年2月12日起，智能版由收费变成免费订购，本网店

“清青绿植”以“淘宝旺铺专业版”为标准平台完成设计制作任务，如图所示。

•（四）知识准备

•知识准备二熟悉网店首页的构成模块

以淘宝网的旺铺专业版为例，完整

的PC端网店首页主要包括：店招、导航

栏、海报/轮播图、优惠券、商品分类

图、商品促销展示图、网店页尾。如图

所示。

•（四）知识准备

•知识准备二熟悉网店首页的构成模块

不同的网店首页的基本模块都是相同的，在

设计前要先确定各个模块的内容。淘宝的统计数

据显示：买家进入网店后看到的前三屏图片链接

点击量是最高的。因此要将网店的主推产品放置

在最佳位置，也就是海报和轮播图的位置，页面

上要主次分明，逐步引导用户浏览整个网店首页，

依据网店个性，首页在装修上布局会有不同。如

图所示。

•（四）知识准备

•知识准备三网店装修PC端和移动端的区别

布局的不同：手机端网店要满足受众的需求，需要做到快速度浏览，高效率阅读，指引

明了，操作简单便捷，就需要界面设计的简洁扁平化，一目了然。而PC端网店则可以在页面

设计上突显个性，针对受众和产品基调来制定网店风格，布局丰满，条理清晰地将产品的图

片和文字信息传递给买家，把握网店流量，提升品牌认知度，从而提高客单量。

•（四）知识准备

•知识准备三网店装修PC端和移动端的区别

尺寸的不同：如果将网店PC端的图片直接

用于移动端装修后台上传使用，会出现尺寸不

合适，文字太小，图片变形、显示不完整等效

果不佳的情况，造成用户体验变差导致网店转

化率变低，所以尺寸不合适会造成界面混乱的

问题。旺铺智能版在专业版