禾豆淘宝店铺视觉营销设计方案

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

目录

1禾豆淘宝店铺概况..................................................1

1.1农产品类店铺发展现状.........................................1

1.2禾豆淘宝店铺发展现状.........................................2

2禾豆店铺视觉营销分析..............................................2

2.1店铺视觉营销定位分析.........................................3

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

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

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

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

3禾豆店铺视觉设计..................................................4

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

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

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

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

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

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

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

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

4禾豆店铺视觉效果制作.............................................11

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

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

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

4.1.3优惠券效果图制作......................................13

4.1.4分类区效果图制作......................................13

4.1.5展示区效果图制作......................................13

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

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

I

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

4.2.2产品1详情页效果图制作................................16

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

4.3.1主副图效果图制作......................................18

4.3.2产品2详情页效果图制作................................19

5总结.............................................................19

参考资料............................................................20

II

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

禾豆淘宝店铺视觉营销设计方案

1禾豆淘宝店铺概况

禾豆成立于2023年，产品目标客户人群为健身人群，养生人群，职场人，

个人及家庭成员等。以米类，谷类，薯类，豆类等农产品为主要销售。从店铺

名称也不难看出本店铺经营经营的主要产品。“禾豆”中的禾是禾苗，禾苗成

熟之后是稻谷或麦子,这些都是五谷杂粮。禾豆中的豆指豆类。禾豆也有深层含

义，以农作物的生长寓意着小孩吃了我家店铺的健康产品能够茁壮成长，也希

望大家的事业都能够蒸蒸日上。店铺名称简介且朴实，令人有购买的欲望。某

些产品是日常生活中必不可缺的东西。店铺以无公害农产品,绿色食品,有机农

产品口感好,质量佳的产品优势来增加粉丝粘性。

1.1农产品类店铺发展现状

随着生活水平的提高，网络的发展，各行各业都开启了线上销售模式。农

产品也不例外，一部分传统商家向线上销售进军，通过对农产品在网上销售的

过程分析，发现我国农产品电商分销渠道多样化，根据农产品销售商使用电商

平台的销售方式,可以分为三种分销渠道：第三方电商平台、独立农产品电商平

台和自媒体平台。淘宝，京东，唯品会属于第三方电商平台.唯品会、京东。而

淘宝相对于唯品会京东来说是比较适合开农产品店铺的。以淘宝网为例，对关

键词农产品进行搜索，我们可以看到目前农产品店铺的个数相关的店铺有5446

家，见图1：

图1农产品店铺的个数

淘宝店铺占据淘宝网店铺大比例有51698家,如图2所示。

图2农产品淘宝店铺个数

1

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

淘宝店好评率在99%以上的达33084家,占据淘宝店农产品63.99%，如图三：

图3淘宝店好评率

农产品销售占比见图四：

图4农产品部分销售额

1.2禾豆淘宝店铺发展现状

作为一家农产品新开店铺，本店铺从店铺装修，产品质量，客户服务，售

后服务四方面尽量做到让买家满意的程度。店铺主要以售卖原生态不加工豆类，

薯类，谷类为主。产品绿色无害，健康有保障。作为一家新开的店铺，我们的

产品单价不高，店铺目标用户人群广泛。店铺先通过分析这几类的产品的点击

率转化率等对店铺主推产品做出合理的变化。

2禾豆店铺视觉营销分析

2

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

调查市场，从销售量排名靠前的店铺去估测消费者的喜好去初步设计出一

个店铺的装修风格，从风格，色彩，定位等方面去设计。

2.1店铺视觉营销定位分析

整个店铺分成四个模块，店标，店铺首页，产品详情页，产品主副图。店

标作为店面标识的图形记号，可以引发消费者产生商品联想，我们店铺的店标

采取文字和图片结合，文字“禾豆”清晰明了的告知消费者店铺是经营农产品

类目的。图片是稻穗插画，使得店标更加的生动。图文结合使得店铺的经营类

目更加的突出，也可以让消费者更好的记住店铺。店铺首页包含了宣传海报区，

满减活动区，产品分类区，新品专区。总而言之，这几个模块大部分都是围绕

产品来的，我们通过店铺产品定位分析，店铺消费者人群定位分析，店铺风格

分析和店铺色彩分析来解读店铺。

2.1.1店铺产品定位分析

淘宝上农产品店铺个数很多，名列前茅肯定是有多方面因素的原因的，从

当中挑选一些做的好的店铺进行分析，像一些不加工原生态农产品的店铺，这

其中一些数据可以作为我们店铺的参考。但是目前来看，本店铺主要的货源还

是一些豆类和米类等，店铺产品定位也考虑到了自身的条件限制。从市场数据

和自身限制，来为店铺做了初步的定位。

2.1.2消费者人群定位分析

既然是在淘宝开店铺进行销售，首先店铺消费者是要会网络购物的人群，

而随着网络普及度越来越广，其实也是一个有利现象。店铺主要的消费定位人

群是刚进入社会的人，上班族，养生人士等，因为店铺销售的是未经加工原生

态的农产品，所以价格比开袋即食加工过的农产品要更加的实惠，一般有家庭

的男士（女士）和未刚进入社会的学生会由于产品价格实惠且口感佳而持续选

择我们店铺的产品，我们店铺想实现的不是消费者的一次性交易，而是一个持

续性交易。

2.2店铺风格分析

店铺经营的是农产品，我们的农产品是不经过额外加工的原产品，所以将

店铺装修成一种实惠亲民的促销效果。农产品的品牌众多，品质存在差异，中

国农业是以小规模，分散种植的小农经济为主，企业和农户资源很难有效整合，

3

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

导致国内同种农产品品牌分散，各自为营，标准化程度低，品质参差不齐。这

就说明了其实农产品店铺风格不一，质量也是参差不齐。本店铺经营农产品，

对农产品颜色，口味，形状等描述向消费者表达清楚。简便的图文的结合不会

让消费者感到任何不适感。

2.3店铺色彩分析

整个店铺的色系是以黄色，红色，绿色色系为主，黄色绿色也正是我们店

铺主打农产品的自身颜色，而且绿色给人的感觉是无添加，干净，卫生。黄色

则给人的感觉是阳光温暖。首页，详情页，店标等色系都是比较协调统一的，

就不会给人一种杂乱感，也不会让消费者多看几分钟店铺的宝贝产品而感到眼

花缭乱。色系采取的也是偏暖调，让消费者再逛店铺的同时不会心烦意乱。

3禾豆店铺视觉设计

店铺的视觉设计在消费者购买产品起到了关键性的作用，消费者不能亲眼

见到，摸到产品，唯一能够让消费者了解产品的就是宝贝详情页，首页，主副

图等，让这些影响消费者购买的视觉因素怎样做到协调而不凌乱呢，这就需要

先为店铺做好一个整体的大局效果。版式设计与文案策划发挥了巨大的作用。

3.1店铺版式设计

对于淘宝各个产品类目而言，版式设计无疑都很重要，版式设计的好与不

好，都会影响一个客户的购买欲望的。在版式设计中，我们需要理清店铺哪个

地方要放文字，哪个位置要放图片。需要想清楚店铺要做的风格。首页版式需

要考虑到店铺做的哪些活动，详情页版式设计需要想好对产品进行哪方面的描

述。

3.1.1首页版式设计

一个店铺的首页就相当于一个实体店的门面，其影响与产品的详情描述不

相上下，店铺首页装修的好坏会直接影响客户的购物体验和店铺的转化率，首

页版式的设计对于首页如何装修则显得格外重要。一个店铺需要有一个好的布

局，而这个布局的效果我们则用版式图来显示。首页版式设计图中店铺将店标

放在了首页顶部的左上方，产品导航我们则是占据了顶部区域的一大部分范围。

产品导航后面放依次产品海报，满减活动，产品分类，新品分类，几大区域。

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

4

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

图5首页版式设计

店招包含了店标和导航，店铺名称则放置在了店标的旁边，本店铺导航包

含了所有产品，活动专区，新品专区，这3类是大部分消费者常关注的专区，

所以本店在导航上设置了这3个专区。不设置过多的专区也是为了不让消费者

5

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

眼花缭乱。

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

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

满减活动专区我们主要放置的是优惠券，两种类型的优惠券，3张不同金额

的优惠券外加一张分享裂变券，吸引消费者点击领取，满减优惠券可能会有部

分消费者为了达到领取优惠券的金额而从店铺购买他们认为需要储存的产品。

分享裂变券则是消费者达到100金额并分享给几个好友就可以领取20元。消费

者分享给他人，实际上也是帮我们引流了，我们不止单纯的靠淘宝官方引流，

还可以设置一些店铺活动给消费者一定的好处来吸引消费者主动帮店铺引流。

优惠券版式设计如图7所示：

图7优惠券版式设计

产品分类本店铺放了6类专区在这一区域，6个矩形框，左文右图，且每个

矩形框里面设置了进入按钮链接，颜色需要比较鲜明，可以让消费者精准的点

击到按钮而跳转到另一页面。

产品分类区域版式设计如图8所示：

图8产品分类区域版式设计

新品专区摆放了4张产品图片，按上下各两张图片摆放，4张产品图片下面

写产品名称和产品的价格，让消费者不需要点进产品详情页就可以提前了解到

6

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

产品的价格。

新品专区区域版式设计如图9所示：

图9新品专区版式设计

立减专区将3种产品的折扣，满减都写了出来，吸引消费者下单，立减专

区区域版式设计如图10所示：

图10立减专区版式设计

3.1.2产品1详情页版式设计

详情页是客户最简单直接了解产品的区域，在店铺转化率中起到了关键性

的作用，详情页晓知以情动之以理刺激消费者的购买欲，产品1详情页主要包

含了情景海报，产品卖点，产品细节，产品信息以及产品常见的食用方法。产

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

7

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

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

情景海报的采取上文下图的布局，图片与文字也是高度的融洽，两张图片

之间也是有联系的，很和谐统一质朴，用农民伯伯的手捧着产品，用勺子勺着

8

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

产品。可以调动消费者的情绪，勾起消费者购买欲望。

产品卖点是采取的是上文下图的结构，文字概括了图片所要表达的内容，

简单而又显得合理。本店铺的产品来源于东北，利用所处的位置，我们将产品

的环境作为了卖点，产品不管如何宣传，他的品质是最重要的，而产地是决定

品质的一个因素。文案重点去描述本店铺产品生存的环境。让消费者了解到我

们店铺产品的好。产品细节模块放置了两张产品图片以及描述产品的分级文案。

产品信息中矩形框里说明了产品名称，产品规格，以及保质期和产地。矩形框

的左端放了产品的漫画形象，显得俏皮点。常见食用方法中店铺放了4种黄豆

可以制作的经典菜品，并且有文字作为解析。

产品信息，产品细节，产品卖点版式设计如图12所示：

图12产品信息，产品细节，产品卖点版式设计

3.1.3产品2详情页版式设计

产品2详情页包含了情景海报，产品卖点，产品信息，产品细节这4个模

块是店铺认为最应该出现在本产品详情页里的。情景海报，类似于上文下图的

结构，产品卖点类似于左图右文与左文右图的布局，很好的在和谐的基础上增

加了创意性。一张产品细节图配上与之搭配的描述产品文案，一张整体图配上

与消费者所关注的健康文案勾起消费者的情感共鸣。产品信息介绍了产品的名

称，净含量以及口感等。详情二版式设计如图13所示：

9

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

图13详情二版式设计

3.2店铺文案策划

文案对一个店铺的经营是至关重要的，文案是向消费者传达产品的重要方

10

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

式，对提高店铺的转化率有无法替代的效果。店铺首页，产品详情页均有文案。

3.2.1首页文案策划

首页文案店铺在海报，满减活动，产品分类，新品专区都有体现。店标的

旁边放的是店铺名称，位于一个很明显开头的地方，让消费者可以一眼就看到。

导航区的“所有产品”“活动专区”“热卖专区”为店铺产品作了分类，也方

便消费者浏览。在海报中，“五谷杂粮”将海报的产品用简简单单四个字概况

了，也强调了本店铺的经营类目。买三送一作为促销手段，引诱客户下单，健

康又美味作为另一个引诱客户下单的文案。“点击领取”与“分享裂变券”用

黄色框框凸显，吸引消费者目光。“产品分类”的3张产品图片，店铺分别用

“谷类专区”“薯类专区”“豆类专区”“新品上新”“店铺热卖”“店长推

荐”分了类别。店铺立减专区“下单立减3元等”都是促销话术。

3.2.2产品1详情页文案策划

产品1详情页文案主要是在情景海报，产品卖点，产品细节，常见食用方

法这4个模块中，“营养黄豆”“健康有机原生态”“精挑细选”一级文案是

营养黄豆，给这个文案做了许多效果。情景海报中文案颜色与详情页底色一个

是黑色，一个是黄色，区别开来。产品卖点中的文案“环境优势”来概括产品

的卖点，“土质疏松肥沃，含钾量高，适合大豆生长”，“降水适宜”，“昼

夜温差大，有利于大豆蛋白质含量的增加。”这几句文案告知消费者大豆适宜

生存的土壤，水分，温度环境，告知消费者地理知识，来增加消费者对本店铺

产品的品质信任。文案不堆积在一起，合理的布局让消费者可以看到每一部分

的重点。产品细节中用文案“圆润饱满，色泽鲜亮”“颗粒整齐，均匀度高”

来描述黄豆，直接向消费者介绍了店铺优质黄豆，消费者所关注的就是色泽是

否鲜亮，是否饱满均匀。店铺文案则捉住这个特征来介绍了黄豆。

3.2.3产品2详情页文案策划

产品2详情页文案主要是在情景海报，产品卖点，产品信息，产品细节这4

个模块中，情景海报中“东北水果玉米”作为一级文案。“甜嫩多汁，有机营

养”作为二级文案。产品细节中文案“粒粒饱满，金莹剔透”来介绍玉米的颗

粒品相是饱满，色彩是晶莹剔透的，“东北原产，健康营养”文案有两个作用，

一是向消费者店铺玉米的产地是东北，二是在情感上暗示消费者玉米健康有营

养，买了回家吃了又健康又营养。引起消费者的共鸣。产品卖点以“鲜”“透”

“香”作为卖点。

11

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

4禾豆店铺视觉效果制作

4.1首页效果图制作

首页主要素材是以红色和黄色色系为主，给消费者一种促销，喜庆感觉。

布局合理，既不显得拥挤又不显得空阔，将想给消费者表达的东西用颜色突出

或者位置突出，让消费者可以很快就注意到。

4.1.1店招效果图制作

店铺的店招由店标导航栏组成。店铺的店标采取文字和图片结合，“禾豆”

文字字体颜色是绿色，禾苗的颜色就是绿色的，颜色与主题相映衬。图片是稻

穗插画，黄色的稻穗代表着成熟，代表着硕果累累。店标的文字图片既生动又

形象。可以让消费者更好的记住店铺。导航栏由所有产品，活动专区与热卖专

区构成。背景颜色为绿色让消费者看的更舒服。店招设计效果图如图14所示：

图14店招设计效果图

4.1.2海报效果图制作

海报效果图整体颜色是黄褐色，浅色调不出错，眼睛看起来比较舒服，与

店铺主颜色黄色，红色搭配也不会显得突兀。文字“五谷杂粮”既符合图片内

容，也强调了店铺的经营类目。海报设计效果如图15所示：

图15海报设计效果图

4.1.3优惠券效果图制作

12

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

采用矩形框来做了两两相对的4个优惠券，优惠券底色都为绿色，有两种

类型的优惠券，满30减5，满40减7，满50减10和一张满100减20的分享

裂变券，分享裂变券满足条件金额且分享三人即可领取。领取金额用红色字体

更加的显眼。消费额越多则享受的优惠也就更大，优惠券的设立刺激着消费者

的购物。

优惠券效果如图16所示：

图16优惠券效果图

4.1.4产品分类区效果图制作

产品分类区分了6个专区，分别是“豆类专区”“薯类专区”“店铺热卖”

“店长推荐”“谷类专区”“新品上市”。矩形采用的底色是黄色，暖色调且

有一种秋天谷物成熟的颜色。6个矩形框架里面的文案图片是以左文右图结构出

现，让布局显得统一且和谐。在文字的下面都放置了点击进入的按钮，用红色

小矩形框起来的查看详情显得非常亮眼，吸引消费者的目光。

产品分类区效果图如图17所示：

图17产品分类区域效果图

13

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

4.1.5产品展示区效果图制作

将新品专区与立减专区作为店铺的产品展示区，新品专区用一个浅黄色矩

形确定这个专区的范围。在这个范围里摆放着4张产品图片，每个产品都标注

了红色字体的价格。可以让消费者很明显的看到价格。立减专区也是依照店铺

简约和谐的风格，采取了左文右图，上图下文的布局结构。产品展示区域效果

图如图18所示：

图18产品展示区域效果图

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

14

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

4.2.1主副图效果图制作

主图文字通过营销活动标出活动价格说明产品划算。文字颜色黄色与底片

矩形框颜色是红色，形成对比吸引消费者注意力。可以看出一级文案是到手价

价格文案。副图1介绍产品的外观卖点，副图2,3介绍黄豆的质量，可发芽，

可制作豆腐。产品1主图设计效果图如图19所示：

图19产品1主图设计效果图

产品1的副图效果图如图20，图21，图22所示：

图20产品1副图1效果图

图21产品1副图2效果图

15

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

图22产品1副图3效果图

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

产品1详情页主要包含了情景海报，产品卖点，产品细节，产品信息以及

常见食用方法。情景海报采取上文下图的布局，一级文案营养黄豆，读起来既

通俗又顺口，勺子本来应该在碗里勺黄豆，在海报中勺子直接从农民伯伯手里

勺的黄豆，意义深刻，以调动消费者的情绪，勾起消费者购买欲望。图片与文

字高度的融洽。产品卖点是采取的是上文下图的结构，文字概括了图片所要表

达的内容，简单而又显得合理。黄豆生存的环境店铺采取左文右图，左图右文

的结构来介绍，让消费者了解到我们店铺产品的好。产品信息中矩形框里说明

了产品名称，产品规格，以及保质期和产地。矩形框的左端放了产品的漫画形

象，显得俏皮点。常见食用方法中店铺放了4种黄豆可以制作的经典菜品，从

视觉刺激消费者的胃口从而购买该产品。

产品1详情页设计效果图如图23所示：

16

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

图23产品1详情页设计效果图

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

17

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

4.3.1主副图效果图制作

产品主图左上方放置店铺名称，主图右侧文案领券五一欢乐购，半价秒杀

作为