绿叶果蔬专营淘宝店铺视觉营销设计方案

湖南商务职业技术学院毕业设计

目录

1绿叶果蔬专营淘宝店铺概况..........................................1

1.1水果类店铺发展现况.............................................1

1.2店铺现阶段发展分析.............................................2

2绿叶水果专营淘宝店铺视觉营销分析..................................2

2.1店铺营销定位分析...............................................2

2.1.1店铺产品定位分析.........................................2

2.1.2消费者人群定位分析.......................................2

2.2店铺风格分析...................................................3

2.3店铺色彩分析...................................................3

3绿叶果蔬专营淘宝店铺视觉设计......................................3

3.1店铺版式设计...................................................3

3.1.1首页版式设计.............................................4

3.1.2产品1详情页版式设计.....................................7

3.1.3产品2详情页版式设计.....................................8

3.2店铺文案策划...................................................9

3.2.1首页文案策划............................................10

3.2.2产品1详情页文案策划....................................10

3.2.3产品2详情页文案策划....................................11

4绿叶果蔬专营淘宝店铺视觉效果制作.................................11

4.1首页效果图制作................................................11

4.1.1店招效果图制作...........................................9

4.1.2海报效果图制作..........................................10

4.1.3其他区域制作............................................12

4.2产品1详情页效果图制作........................................14

4.2.1产品1详情页效果图制作..................................14

4.2.2主副图效果图制作........................................15

4.3产品2详情页效果图制作.......................................15

I

湖南商务职业技术学院毕业设计

4.3.1产品2详情页效果图制作..................................15

4.3.2主副图效果图制作........................................16

5总结.............................................................18

参考资料............................................................19

II

湖南商务职业技术学院毕业设计

绿叶果蔬专营淘宝店铺视觉营销设计方案

1绿叶果蔬专营淘宝店铺概况

绿叶果蔬专营淘宝店铺成立于2022年，目标客户人群为广大生活群众、在

校大学生等，主要是对新鲜水果，季节性水果等进行销售。店铺主打绿色水果，

绿色产品，在这一方面店铺有着独特的优势，优选精品绿色产品，在市场中获

得的非凡的市场地位。在宣传店铺的同时，还收获了5万的忠实客户，客户非

常的热衷于店铺的绿色产品，在消费的同时，为店铺起到宣传作用。

1.1水果类店铺发展现况

水果的近几年销售增长的速度高起，如图1所示。

图1水果销售数据

打开搜索界面就可以看到种类繁多的水果，如图2所示。

1

湖南商务职业技术学院毕业设计

图2淘宝水果类目图

1.2店铺现阶段发展分析

绿叶果蔬店铺现阶段主要销售新鲜水果，其次有水果蔬菜等。主要还是销

售水果为主，目前苹果和橘子占主导，销售数量相对于其他水果蔬菜来说相对

较高。

2绿叶水果专营淘宝店铺视觉营销分析

2.1店铺营销定位分析

水果行业的竞争力越来越大，所以我们需要对店铺进行一个定位，找到属

于自己的风格，目前我们主要针对年轻人，因为这类顾客网购数量相对于中老

年人较多，所以我们要对店铺做出相应的调整，让店铺显得更年轻化。

2.1.1店铺产品定位分析

店铺主要销售的产品是新鲜果蔬。主营产品有：橘子、苹果、菠萝蜜、香

蕉、水果黄瓜等产品。我们可以通过淘宝店铺的数据了解到，店铺主营高质量

水果，同时价格也是高于普通水果的价格，这些产品的买家大多数是尝试者，

但是这些大多数买家却给店铺带来的利润低于店铺忠实的买家，这里可以通过

二八原则看出，20%的客户为店铺创造80%的利润，所以店铺对于这20%的顾

客应该重视，针对这少数的客户给与更优质的服务。

2.1.2消费者人群定位分析

2

湖南商务职业技术学院毕业设计

消费者人群主要是年轻人，目前水果类电商目标消费人群偏年轻，要比城

镇的网购人群显得更加年轻，其中消费的主力人群是20-29岁，占了32%。并且

多城市人口。农村30岁以上人群的占比是低于城镇的。

2.2店铺风格分析

店铺主营果蔬类产品，所以该店铺的风格要符合绿色化的消费理念，在这

快速增长的社会，许多人都在忙碌着，无论是学生还是企业办公人士在劳累一

天的情况下都希望有个安静且舒适的环境，那么该店铺的风格就要简约而又不

单调，色调上要给人温暖的感觉，所以在设计首页、详情页的时候，都会以简

约为主，有装饰修饰但视觉看出没有违和感，整体的色调、排版都给人舒适、

温暖的感觉。

2.3店铺色彩分析

该店铺首页的背景色彩主要采用淡绿色为主，淡绿色是中间色调，首页会

给人带来舒适、温暖的感觉，店铺的两张详情页的背景色分别采用的是白色和

淡绿色，详情页的搭配会给人带来一种平静、凉快、环保、安全、青春的感觉，

并且还会引导人心舒适、轻松。

3绿叶果蔬专营淘宝店铺视觉设计

伴随着电商的发展，网店的数量也随之增长，店铺间的竞争逐渐激烈化。

店铺能不能受欢迎，很大程度上由店铺的设计决定，消费者点开商品的时候一

般都会看详情页、首页等，那如何做好详情页、首页等就需要先做好版式的设

计，版式设计能影响后面效果图的呈现，所以我们需要将店铺最好的一面呈现

给顾客，体现出生意人的真诚。

3.1店铺版式设计

在版式设计中，一个店铺的架构设计好与坏都会影响到后面效果图的设计，

所以在版式设计的过程中要多考虑。首先需要明确销售的产品及店铺的风格；

其次，要想好大概的构思，如：页面色调要与店铺统一、根据产品亮点来确定

背景色、做好文案的策划、突出主题产品等最后设计出版式图。特别是在设计

版式的时候，得熟知页面设计的三元素：背景、文案及产品信息。一个好的店

铺页面容易给消费者流下好的印象，值得我们深思。

3

湖南商务职业技术学院毕业设计

3.1.1首页版式设计

当顾客在打开店铺的时候，给顾客第一印象就是店铺的首页设计，所以店

铺首页的设计如何做到最大程度上吸引客户，就显得非常重要。那么有明确的

区域划分是重要条件之一，在看店铺首页的时候往往最上面是店招、导航，依

次往下就是海报区域、优惠券区域、产品分类区域、产品热卖区域、产品销售

区域、页尾设计区域等8个区域组成。

首页版式设计如图3所示：

图3首页版式设计

店招区域主要分为四个部分，左边部分为店铺LOGO，LOGO的设计是二

片叶子为主，一大一小，寓意着绿色化产品，这LOGO的设计很简易，可以让

人们很快记住；叶子上面搭配着蜜叶二字的拼音。店铺的logo是最容易被注意

到的地方，接下来是店铺名称，店铺资质，收藏店铺，加购商品，依次排列下

来。

店招、导航区域版式设计如图4所示：

4

湖南商务职业技术学院毕业设计

图4店招、导航区域版式设计

首页海报区域主要将文案放置上方位置，使文案能博得客户眼球让客户更

容易看到我们的文案，可以呈现良好的营销效果；中间部分则是产品图，可以

直观的达到吸引消费者的注意，在产品图的下方则加入了产品的活动时间，引

导消费者的购买。首页海报版式设计如图5所示：

图5首页海报版式设计图

优惠券设计区域整体是一个矩形，矩形由白色框包围并且是左右构图，逻

辑清晰，优惠券版式设计如图6所示：

图6优惠券版式设计

5

湖南商务职业技术学院毕业设计

分类导航区域的设计相对简单，向客户展示了四个产品，分类导航区域版

式设计如图7所示：

图7分类导航区域版式设计

产品展示区是由四个不同矩形而成，一个矩形为产品展示文案三个矩形放

置产品展示图，页尾设计是在海报的正下方添加了“返回顶部”方便消费者返

回页面顶部。

产品展示区、底层海报、页尾版式设计如图8所示：

6

湖南商务职业技术学院毕业设计

图8产品展示区、底层海报、页尾版式设计

3.1.2产品1详情页版式设计

客户在浏览商品的时候，最主要的是浏览该商品的详情页，详情页做得好，

有足够的吸引力，客户才更愿意买该店铺的产品。

产品1（苹果详情页）详情页版式，主要包括：店招区域、海报区、优惠券

区域、产品分类区域、产品热卖区域、产品销售区域、尾部这七个区域。

产品1详情页版式设计如图9所示：

7

湖南商务职业技术学院毕业设计

图9产品1详情页版式设计

页头海报的细节设计是采用了图文结合的结构，上部分的文案主要是由产

品特色组成，下部分为产品的展示图，二者组合起来，形成良好的页头。

3.1.3产品2详情页版式设计

产品2详情页版式设计主要有：海报区域、生长环境、产品特点、产品信

息、产品卖点、售后六个部分组成。

海报展示区域主要是对产品图进行展示，同样采用图文结合的方式，分别

展示橙子的主要外观以及内部。页头海报、展示区、参数区、细节区版式设计

如图10所示：

8

湖南商务职业技术学院毕业设计

图10产品2详情页版式设计

产品卖点设计区域主要还是通过图文结合的方式，以文字为主，产品图为

辅，搭配上合理的文案，将产品的原生态生长环境搬到里面，这样可以让消费

者在店铺逛的时候深入原生态的环境当中，了解产品生活场景、营造氛围、配

合着文案风格的图片，还能够起到烘托气氛，营造氛围的作用，同时产品的卖

点可以帮助我们树立唯一的产品理念，抓住消费者的眼球。而采用图文结合的

形式可以使插画主题表现的更加深入，图文结合形式使插画更具创新性；图文

结合的形式使插画更具趣味性。它完全不受年龄层次的限制，无论是哪个年龄

层次的受众看了都会喜爱，所以用到此处效果恰到好处。无论是文字表达还是

图片表达，效果都与图文结合的形式有较大的差距，二者缺一不可，特别是对

于这种新鲜果树来说，表达的具体关乎到产品的销售。

3.2店铺文案策划

当下，许多店铺将目光投向营销的文案中，无论是线上还是线下店铺，文

案以及成为店铺经营的一部分，也是营销时需要考虑的基本要素之一。文案能

以语辞的无限可塑性，进行斑斓多彩，风格各异的信息内容表现。

9

湖南商务职业技术学院毕业设计

像水果店铺我们就可以围绕绿色健康来策划文案，直接告诉消费者我们的

产品是纯天然无污染绿色水果。准确击中顾客的消费需求，营造与店铺相符合

的气场、氛围、勾勒店铺独树一帜的立体形象，从而更好的激发顾客的心情与

思想，潜移默化地调动顾客的消费意愿，这样才能让我们店铺的设计和运营越

来越好。

3.2.1首页文案策划

首页的文案设计是店铺是否经营好的核心，首页文案设计主要包括店招区

域、导航区域、首页海报区域、主推产品区域这几个区域的文案策划。

店铺的LOGO位于首页的上方最左侧，“蜜叶果蔬专卖店”，中间是店铺的

具体内容，比如优惠券、产品的分类、主打产品等，这个是为顾客提供更好的

导航，引导顾客在店铺选购商品。右边则是带有文案的产品特色以及产品的保

障，严格质检，营养丰富，这些是对消费者的承诺；在店招整体的右下角添加

了“立即选购”四个字，并且旁边还有在线抢购的商品以及商品价格，时刻提

醒着顾客店铺的热卖产品可以直接通过这个渠道立即选购，如有需要可以直接

购买。

首页海报文案主要集中在导航栏的下方，首先用文本工具写上“蜜叶水果”，

在蜜叶水果旁边还用图形工具勾勒出水果的图案，在搭配上新鲜水果的图片，

加以用文字说明。特别是文字在描写产品方面，运用的是形容产品的形容词，

营养、新鲜、美味，深深的吸引着消费者对于新鲜水果的热爱。

主推海报的文案这个区域有三个部分，分别是产品优惠券、果树分类、热

卖果蔬，在这些区域中，顾客如果对于某一区域感兴趣可以直接点击即可，在

热卖区域的水果，旁边还附带着产品的价格，以及产品的特点，更好的为消费

者提供选择，在价格方面采用尾数定价法，直接影响消费者的购买，加大消费

者购买欲望。

3.2.2产品1详情页文案策划

详情页1的文案设计主要在于页头海报、细节展示、产品卖点几个区域。

页头海报的文案设计的层次感是字体大小和粗细划分，首先，字体最大且

相对粗点的是“蜜叶香橙”，下面一部分是其卖点“甘甜、鲜嫩多汁”，二旁

采用线性结构搭配产品的特点，加上文案“秋冬至品香橙；果肉多味蕾香”

字体相对小些；使整体更加有层次。

细节展示的文案设计是由不同颜色的字体加上图片加以形容，“国外进口，

自然生长；谁嫩多汁，果味香浓；香甜美味，爽口无籽”等字眼结合产品的特

10

湖南商务职业技术学院毕业设计

色以及卖点，并且在每个产品类型下都有丰富的产品细节图搭配着文案概况，

比如在“水能多汁，果味香浓”字眼下添加了100g橙子包含50毫克维生素C

等，在每一个卖点下都使用图形工具区分开来，让消费者清晰明了，熟知产品

的特点，有效的读取产品的信息，获得顾客的信任，提高产品的销售量。

3.2.3产品2详情页文案策划

详情页2的文案设计主要是有图片和文案以及产品的色彩组成的，将蜜叶

苹果的具体信息描述出来，介绍了苹果的学名、产地、特点、口感等，背景色

采用的是白色为主，红色为辅，运用各种图案来渲染产品。同时在产品的渲染

中，运用到各种描述词“皮薄肉厚、脆甜多汁、营养美味、果香浓郁”等，图

文结合将苹果的鲜美深深的表达出来，当顾客看到商品的时候会忍不住产生购

买欲望，深陷其中。文案方面还通过“果香味浓郁，隔着皮都能闻到果香”等

强有力的描述，吸引顾客的注意，促使顾客的成交。最后还添加了顾客最关注

的产品质量问题，无忧售后，坏果包赔等产品损耗的问题，帮助顾客解决最后

的顾虑。

4绿叶果蔬专营淘宝店铺视觉效果制作

4.1首页效果图制作

首页整体设计采用的是淡绿色系，首先果蔬是绿色产品，所以运用绿色系

更容易表达出产品的原意，同时又以为淡绿色属于中色调，给产品带来二种色

彩上的感应，在首页排版上来看，店铺的排版是采用简约的方式避免视觉疲劳

给顾客带来的不是。首页需要表达的内容也通过文案全全表达出，让顾客在进

入店铺的时候尽可能的了解产品的所有信息。

4.1.1店招效果图制作

店招包括：店铺LOGO、店铺的名称、店招分类导航、加购店铺商品、收

藏店铺。

店铺的LOGO是对该店铺品牌的认知。所以设置LOGO的时候要简单且让

客户看到这个LOGO的时候就知道是该店铺。LOGO整体来看是主要是由二片

叶子组成。店铺的名称则在LOGO的右边“蜜叶果蔬”，中间是店铺的导航栏具

体内容有店铺的分类、加购商品、新鲜果蔬、店铺优惠等。这些可以在顾客在

为寻找商品时候解决必要的麻烦，提供便捷的服务，节约顾客的时间，帮助顾

客更好的浏览店铺商品。

11

湖南商务职业技术学院毕业设计

店招设计效果如图11示：

图11招设计效果图

4.1.2海报效果图制作

首页海报设计比较简约，以淡绿色为主的背景，深深勾勒的绿色产品的特

色，同时可以快速的吸引客户得到眼球。在展示海报的同时图中运用形状工具

将水果描绘出来，加上水果的原图，搭配在一起，使得海报更加丰富，一个个

水果的图案，构图非常的简易、疏散，不会给顾客带来一种眼花缭乱的感觉，

简易的“蜜叶水果”四个字，所表达的内容却是内容满满，白色的边款，搭配

上绿色的背景，可以给顾客一种一眼望穿的感觉，瞬间了解店铺所销售的产品，

促使交易。

首页海报效果如图12示：

图12首页海报效果图

4.1.3其他区域制作

其它区域的制作包括：优惠券区、产品分类区、热卖专区、尾页几个部分

组成。优惠区域分为三个部分，分别是10元、20元、30元满减优惠券，搭配

上左边带有的水果礼包优惠卡59元限时抢购。产品分类区用的颜色为海报背景

色，外边款有红白相间的线条组合成，一眼望去恰到好处，图中又将产品的分

类分的格外仔细，让消费者明确自己的购买欲望。第三部分热卖产品，“热卖

果蔬”四个字在最为显眼的位置，下面是产品图和产品的价格，图中放置了几

12

湖南商务职业技术学院毕业设计

种标志性的产品，搭配上用红色渲染的价格，会带给消费者一种恰当的心里作

用，同时在每一个产品下面描述出产品的特点，如长兴岛桔下面“酸甜可口，

丰富维C”，引导消费者购买。最后一部分便是尾页部分，采用简约的方式，直

接添加了返回首页字样，不给消费者带来多余的麻烦，同时使消费者感受到店

铺的设计含义。

其他区域效果图如图13所示：

图13其他区域效果图

4.2产品1详情页效果图制作

产品1为蜜叶苹果，是店铺的主推产品之一，详情页的内容分别有页头海

报部分、产品展示部分、产品信息部分、产品细节部分、产品卖点部分这七大

部分组成。产品1详情页设计效果图如图14所示：

13

湖南商务职业技术学院毕业设计

图14详情页设计效果图

4.2.1主副图效果图制作

主图的设计背景色为红色，在主图左上方是店铺logo，主图的颜色展示了

产品和卖点，主图下方是优惠券，价格的部分用红色矩形框包围。

产品1主图设计效果图如图15所示：

图15产品1主图效果

14

湖南商务职业技术学院毕业设计

副图的结构相对简单，但是有的地方是不相同的，顾客能够更好的区分

不同的产品，每张图片都有店铺的logo，都让顾客清楚的看到产品的卖点。

产品1的副图如图16、图17、图18所示：

图16副图1效果图

图17副图2效果图

图18副图3效果图

4.3产品2详情页效果图制作

产品2详情页对比于产品1的详情页是差不多的，没有产品1苹果那样的

大红色，除了在文案的排版，背景的颜色上有细微的差距，其他皆类似。

15

湖南商务职业技术学院毕业设计

产品2更多的是通过文案来表达产品，运用更多的文案以及图片，背景色

以黄色为主白色为辅。第一部分则是讲述橘子的生长环境；第二部分讲述的是

橘子的特点“香甜可口，爽口无籽”等形容词，第三部分则是讲述橘子的档案、别

名、以及作用，第四部分则是讲述橘子的卖点也就是大家最为关注的一点“汁水

充沛”等，第五部分讲述的是金牌保障，售后无忧，这个点是消费者网购最为担

心的一点。产品2详情页设计效果图如图19所示：