Jinn Gree专营淘宝C店视觉营销设计方案

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

目录

1JinnGree专营淘宝店铺概况..........................................1

1.1女包类目淘宝店铺发展现状......................................1

1.2JinnGree专营淘宝店铺现状.....................................1

2JinnGree专营淘宝店铺视觉营销分析..................................2

2.1竞争对手分析..................................................2

2.1.1竞争对手店铺1...........................................2

2.1.2竞争对手店铺2...........................................4

2.2店铺视觉营销定位分析..........................................7

2.2.1店铺产品定位分析.........................................7

2.2.2店铺消费者人群定位分析...................................8

2.3店铺风格分析..................................................8

2.4店铺色彩分析..................................................8

3JinnGree专营淘宝店铺视觉设计......................................9

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

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

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

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

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

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

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

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

4JinnGree专营淘宝店铺视觉效果制作.................................15

4.1店铺首页效果图制作...........................................15

4.1.1店招设计过程............................................15

4.1.2海报制作................................................16

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

I

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

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

4.2.1主副图效果图............................................20

4.2.2产品详情页1效果图......................................21

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

4.3.1主副图效果图............................................24

4.3.2产品详情页2效果图......................................25

5总结...............................................................27

参考资料............................................................28

II

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

JinnGree专营淘宝C店视觉营销设计方案

1JinnGree专营淘宝店铺概况

JinnGree淘宝C店成立于2021年，经营范围是日常生活中频繁使用的女

包产品，轻奢质感的小众时尚潮流包，简约休闲，经典感强。年轻人日常通

勤、外出都很百搭，主打斜挎包，单肩包。

1.1女包类目淘宝店铺发展现状

依托互联网的高速发展，网络购物已经成为社会普遍现象。网络购物消费

逐年增加，我国女包的市场也在不断发展。

数据显示，2019年中国消费市场中女包的市场规模已经超过了6000亿元

人民币，且每年都保持着10%以上的增速。在日趋增长的消费水平和需求带动

下，女包市场的规模还在不断扩增。但如何立足市场，在众多品牌竞争中脱颖

而出，获得消费者的青睐，成为国内各女包品牌在努力寻找的方向。

女包是我国箱包市场的一个重要分类，主要消费群体是女性为主。尽管女

包并不是刚需产品但随着女性消费水平的提高，行业需求也不断增加，市场也

逐渐往中高端方向发展。

图12022年中国女包行业发展现状

1.2JinnGree专营淘宝店铺现状

JinnGree专营淘宝C店于2021年成立，主要群体是年轻女性消费群体，

为吸引消费者的光顾，诱导买家进行消费，因此店铺设置了一些优惠活动。

1

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

如：

（1）金额达到179元可领取10元优惠券（可叠加淘宝满减活动使用）。

（2）金额达到299元可领取20元优惠券（可叠加淘宝满减活动使用）。

（3）金额达到300元可领取30元优惠券（可叠加淘宝满减活动使用）。

（4）全店商品赠送运费险，且提供7天无理由退货服务。

店铺活动时间为2022.2.01-2022.2.05

2JinnGree专营淘宝店铺视觉营销分析

在社会发展历程中，无论男人还是女人，都是视觉动物，目光所及都会是

自己所偏好的事物。与传统实体店相比，网店更能让消费者直观地感知商品，

因此，我们需要更加出色的视觉效果，才能让消费者点击购物。如果视觉效果

不佳，消费者很难点击，从而使得商品无法被消费者所接受，就像商品名称一

样，它不能吸引消费者，但它却能够让消费者产生共鸣。所以，本店将从竞争

对手、视觉营销定位、风格和色彩方面做好视觉营销分析。

2.1竞争对手分析

俗话说知己知彼方能百战不殆。通过分析本店的竞争对手，来了解其店铺

经营状况和对应的产品信息，从而对其优点进行学习，对其现有的缺点进行参

照改正。进行竞争对手分析的目的是通过了解竞争对手的信息，获知竞争对手

的发展策略以及行动，以作出最适当的应对。

2.1.1竞争对手店铺1

同行业中本店铺主要竞争对手之一是TOUTOU旗舰店。该旗舰店网址为

/?spm=a1z10.1-b-s.1997427721.d4918089.79e0152duVpF1U

入驻天猫店铺已有9年时间，粉丝数有274万人，DSR评分为4.8分，总体还

是比较偏高的。由于临近38节大促，风格主要偏向于清冷感，给人一种高级

轻奢的感觉。该店的目标人群为中高端客户，主打简单的轻奢风，包包颜色比

较全，经典黑白棕三色和其余比较白搭的颜色都有。店铺的产品价格属于中等

偏上，有些是非常适合学生党与消费水平不高的上班族，也有适合高档人群的

女性包包。定位主要为中高档人群。

竞争对手的店铺视效果对于本店的视觉效果设计具有重要的参考价值。所

以必不可少地要对其视觉效果进行分析。TOUTOU旗舰店视觉效果分析如表1

所示。

2

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

表1“TOUTOU旗舰店”视觉效果分析

效果

竞店视觉效果截图分析评价

版块

优点：旁边也设置

有搜索栏，方便消

费者搜索浏览。海

报主要色调是白咖

店招和色，温馨感和高级

海报感较强

缺点：logo没有展

示出来，把logo图

案展示出来可能会

更好看。

优点：简单的排

序，一目了然，加

上海报也是比较高

级的

宝贝陈

列区

优点：设置有跳转

到更多产品的按

键。图片也比较美

首页

观

底部

缺点：未制作返回

顶部的版块，影响

浏览体验。

3

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

优点：图片清晰，

突出产品，有产品

活动体现

主副图

优点：制作有多个

产品参数的对比描

写，方便消费者了

解产品的容量，对

照选购。还有模特

的搭配图，更好的

详情页

展示了产品。

2.1.2竞争对手店铺2

同行业中本店铺的另一主要竞争对手是不莱枚旗舰店。不莱枚旗舰店店铺

网址为/入驻天猫店铺已有10年时间，粉丝数有269

万人，天猫综合体验星级为五星，DSR评分比其他同行类产品较高，三项都为

4.8分。由于临近38节大促，该店主打活泼感和少年感，颜色比较全，主要以

淡色系列为主，经典黑白棕较少大致价格为100-200元左右。店铺的产品价格

一般都是中等偏下，非常的适合学生党。主要的包包类目也是学生党非常喜欢

的，颜色和图案比较受欢迎。主营产品主打是箱包，消费群体主要以女性为

主，吸引女性消费者购买。

对于不莱枚旗舰店的视觉效果分析如表2所示。

4

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

表2“不莱枚旗舰店”视觉效果分析

效果

竞店视觉效果截图分析评价

版块

优点：旁边有设置搜

索栏目，方便消费者

搜索浏览。海报比较

温馨，导航栏类目较

多，明星同款和迪士

店招和尼同款这个比较吸引

海报人，因为明星和迪士

尼都是属于比较

“美”的那类。

缺点：海报未设置轮

播，只能往下滑才能

看到新的海报。

缺点：未做店铺的优

惠券版块和产品的分

宝贝陈

类导航版块。无明显

列区

宝贝陈列区，需要点

进海报内查看

缺点：首页底部未做

首页

设计，无返回顶部版

底部

块。中间相差白板较

5

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

多。

优点：主图设计简约

大气，营销信息全

主副图面，视觉吸引力强。

副图设计就是基础的

介绍图片。

优点：产品信息比较

全面，前后侧面都展

示的很清楚，还推荐

详情页

了同系列的产品，可

以分一点吸引力给同

系列产品。

2.2店铺视觉营销定位分析

店铺的视觉营销定位是店铺开始运营的基础。为了成功，我们需要清晰地

确定自己的商业目标。做店铺，其实最直接的就是把我们的宝贝精准的推荐给

尽可能多的精准客户，让精准客户在搜索的时候能尽可能的匹配到我们这个恰

好符合他要求的店铺，这样我们的转化才更高。本店主要从产品定位和消费人

群定位两方面来分析视觉营销的定位。

2.2.1店铺产品定位分析

JinnGree经营的产品以女包为主，目标是中低端市场，主要销售斜挎包、

6

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

单肩包、手提包等。本店的产品定位分析主要从产品特点、市场分析两方面展

开。

（1）产品特点

本店主推两款产品，第一款是白搭款的奶噗噗背包，可斜跨可腋下可手提

款，三种背法可随意调整。面料材质是合成革，PU皮，包面摸起来会比较舒

服，很光滑的感觉，皮面还有高级感又有可爱减龄的暗花小压印。百搭颜色款

式，不同搭配会有不一样的穿搭效果，还会赠送同款奶噗噗挂件。第二款是云

朵褶皱包，《去有风的地方》女主角同款手提包。颜色也是属于百搭款式，发

圈灵感打造暖软手柄，夺目耀眼锻造隐匿的时代潮流。时尚云朵褶皱包，时髦

精的最爱款，神仙姐姐的同款包包。

（2）市场分析

女包行业可分为奢侈、高端、中端及大众。当前我国女包行业企业整体较

多，行业进入门槛相对较低，行业内中小企业数量较多，造成我国女包行业两

级分化严重，奢侈、高端品线被国外品牌牢牢占据，中端市场由国外品牌与国

内领先品牌竞争，大众市场系众多国内中小品牌。

由于女包制造行业市场相对成熟，同时行业准入门槛较低，我国女包企业

数量较多，目前暂未形成具有垄断优势的龙头企业。近年来我国居民收入水平

已经越来越高，未来在行业品牌化的趋势下，行业市场集中度也将进一步提

高。高端女包进一步拉大与中低端女包的差异，催生出世界级品牌与巨头企

业。

本店的产品定位是结合超强的性能以及低廉的价格，主要为中高端产品，

精准定位于消费者的真正需求，主打年轻女性市场，吸引年轻女性消费者购

买，营造良好的产品形象。

2.2.2店铺消费者人群定位分析

JinnGree淘宝店铺，这类消费者以年轻女性为主，年龄主要集中在18到

35岁的人群，地域主要分布在一二线城市，其中女性学生群体则大约占总体的

六成，其次是白领工作者。这类消费群体的总体消费特征偏向于想要性价比

高、物美价廉又实用类。

2.3店铺风格分析

在网络购物的环境中，确定一个准确的店铺风格，是可以在很大限度上让

店铺获得精准的转化率和点击率的方法之一。当店铺风格定位越清晰越准确，

7

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

在搜索推荐逻辑上越精准，系统在推荐时能够快速捕获这部分人群就能够斩获

留存更多的目标人群，将顾客转化为粉丝，形成店铺的收藏量。本店铺的风格

主要是偏向少年感以及轻奢类，符合店铺的定位人群为年轻女性的设定。

2.4店铺色彩分析

个性鲜明的色彩搭配对凸显店铺视觉设计是极其重要的。由于店铺售卖的

是女包产品，且是走现代、简约轻奢风格，所以本店以白灰两种颜色为主，杏

色做辅助色，这个色调是属于经典感又带一点轻奢感，也能很好的体现店铺风

格。店铺导航栏以橘黄色做背景色，文字为黑色做填充，与店铺首页的尾部可

呼应。

3JinnGree专营淘宝店铺视觉设计

拥有好的版式设计和文案策划，才能促就好的店铺视觉设计。版式设计则

是通过图片、图形、文字和色彩的合理排布，展示出产品的真正属性，使消费

者能够感觉出产品的品质以及运用场所。店铺的销量是否上升，很大程度上取

决于店铺设计与产品宣传、店铺设计是否抓住顾客、是否刺激到消费者的消费

欲望与宣传是否抓住产品卖点等多方面。文案就可以通过语言的力量把产品的

质感、属性和材质等展现出来。

3.1店铺版式设计

店铺的版式设计包括首页和详情页。首页的版式设计能很大程度上突出店

铺的主题产品和品牌调性。这就需要在设计上抓住主题，突出重点，吸引消费

者的注意力。店铺页面容易给消费者留下印象,设计一个好的页面也很重要的，

而详情页的版式设计则是为消费者传达店铺产品的相关资讯，促进信息交流。

所以详情页的版式设计需要做到详尽充分，以此增添消费者的信任感。尽量传

达出消费者需要接收的信息。

3.1.1首页版式设计

首页版式设计的大小为1920px×9500px，简约低调的白色是店铺全局的背

景色。进入店铺首页，最顶部的便是店招以及导航条。店标设计的则是一个包

包简笔画，表明店铺所出售的产品类型。店招则logo居中，logo正下方一句配

文组合而成。导航条是先放置店铺菜单主题，其次放置店铺的搜索框。

店招和导航条主要是以白色为主，导航栏是橘黄色为背景色，以黑色文字

8

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

填充，搜索栏是淡灰色，突出搜索栏。

导航条往下便是海报，海报是店铺宣传的重要方式和吸引目标人群、潜在

人群的重要版块，所以海报的大小设置为1920px×800px。海报是以产品居

中，文案居产品下方，人物和小装饰居左右两边。Logo字体颜色为粉色斜放在

产品的后方。

海报以下是关于店铺的优惠券，其次是产品推销板块。在推销板块中主要

是运用图片、图形的大小对比关系来设计，产品中夹杂了价格可以供消费者直

接观看。尾部则是一个模特产品图以及产品logo的由来以暗灰色为背景色。

最后便是返回顶部，这一部分采用简单的箭头符号以及矩形组合而成，以

白色文字来设计。

JinnGree店铺首页版式设计草图如图4所示。

图1店铺首页版式设计草图

3.1.2产品详情页1版式设计

产品1的详情页设计，该产品是本店主推的热销款之一。首先是产品详情

页总体大小的设计，大小设置为750px×8800px，背景主打是白色。其次是分

9

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

类版块，分别是产品颜色，产品信息，产品细节，专属服务。采用白色和银灰

色两个颜色交替使用的色块来区分每个版块。图标与文字结合，一目了然，便

于消费者浏览查看。产品颜色没有直接强调表明，直接以图片暗示，上图下文

排版。产品信息前半部分采用左图右文排版，下半部分则为上文下图的排版。

产品细节则直接采用上文下图，图文结合，文字内嵌的方式排版。最后是专属

服务板块，上半部分为温馨提示，下半部分为专属服务，包含发货、色差、快

递、签收、售后五小版块内容。

产品详情页1版式设计草图如图5所示。

图2产品详情页1版式设计草图

3.1.3产品详情页2版式设计

产品2的详情页设计，是店铺主推的云朵褶皱手提包。在详情页的设计

10

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

中，产品详情页大小设置为750px×8450px，采用高明度的工业灰作背景色。

接下来的服务保证采用和产品1一样的设计，以保持店铺的一致性。风格和产

品1的详情页相差不大。先是产品logo在最上方，其次是一个海报图，然后是

产品的颜色，这个颜色排版和产品1一样没有直接列明产品颜色这一板块，直

接放上图文了。产品细节也是采用上文下图的排版，简单明了。其次是产品信

息，采用上图下文，列明包包的容量做解释。再者，在产品信息下方配了一个

模特图，更好展示了包包的美感。最后是专属服务板块，上半部分为温馨提

示，下半部分为专属服务，包含发货、色差、快递、签收、售后五小版块内

容。作为单独的版块，和产品1是相同的版块设计。

产品详情页2版式设计草图如图6所示。

11

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

图3产品详情页2版式设计草图

3.2店铺文案策划

在新消费时代的背景下，人们对于商品的需求越发多元化，除了要满足其

实际需求以外，更要满足其潜在的心理需求。而优秀的文案策划，就能巧妙地

抓住消费者心理，用最小的成本唤起消费者的共鸣。文案策划是用文字来表

现品牌策划中某种已经制定的创意策略。文字的力量比其他方式都要显得

可靠真实，所以文案的好坏决定品牌策划推广的效果。写好文案最主要的好

12

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

处是能够潜移默化的引导消费者购买，通过理解消费者心理、了解消费者的需

求来促成购买行为，这样才能让我们店铺的口碑和运营越来越好。

3.2.1首页文案策划

店铺首页的文案策划，首先是店招部分。店招的店铺logo以及装饰文案

“youandme缘分让你我拥有你”。导航栏的分类文案分别是首页，所有产

品，新品尝鲜，职业通勤，日常百搭五个小版块。右边则是“搜索栏”，将这

一部分设置在右边，符合大部分消费者都是习惯性使用右手进行电脑操作，鼠

标常在屏幕右侧悬停的行为习惯，从而有助于消费者快速点击，搜索本店铺相

关产品。

首页海报版块，首先用加大加粗字体的“JinnGree”店铺logo斜放，表露

出产品的品牌。将产品图放在logo的下方遮盖一点，明确表明本店海报推广的

产品是什么。其次，用“时尚潮流女包”“Thecombinationofstrength（实力的

结合）”体现产品的一个外观性，最后加上本店的差异化优惠信息“领券满

179-10/259-20/300-30”。

店铺优惠版块，采用“先领券再购物”这一具有指引性的文案抓住消费者

的眼球，增添消费者对本店的信任感和购物欲。然后是优惠券的活动力度和使

用条件的信息“领券满179-10/259-20/300-30”“TIME:2.01-2.05”。

分类导航的四大类目，每个小版块都有标题、代表产品的图片和引导标

志。如“Newproductrecommendation新品推荐”、“HotSale热卖”、“Versatile

Daily日常百搭”等，清晰简洁地向消费者传递信息。

在接下来的新品推荐和热卖款登板块中，都是采用加大加粗字体的文案描

述对应产品的名称，以及产品的价格和“立即购买”的引导性标签文案。打造

出一致性，形成店铺风格，从而增强消费者对本店铺的辨识度。其次是产品

logo的由来:“INNGREE源自罗马诗人奥维德的创作，她因拒绝阿波罗的追求

而化身为月桂树，代表坚韧不畏强权做自己的态度。所以我们将品牌命名为

“JINNGREE”是为相信女性的力量和故事可以启发更多人，希望通过我们的

产品，陪伴女性走得更自在。”

最后是简约箭头形状和文案组成的“返回顶部”，方便消费者点击回到首

页顶部，增加消费者的浏览体验。

3.2.2产品详情页1文案策划

在产品详情页中，首先需要策划的就是产品海报的文案。产品1是本店的

13

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

主推奶噗噗包包，先用“JINNGREE”这个logo放在详情页海报的正下方突出

产品的品牌。“包包可爱，颜色治愈”“小众潮流百搭”“夏天快到了，衣服亮

眼当然也要搭配吸睛的包包.”“奶噗噗联名系列多种背法赠送萌趣奶噗噗挂

件”作辅助文案，突出包包靓丽感。

产品颜色版块，采用“纯色”作主文案，简介又直接，以“一眼就心动的

纯色”做辅助文案加上一些产品图做一些相应的小解释。

产品信息版块则是用一个示例包包的颜色做一些简单的一个介绍。“重量”

“肩带”“功能”“结构”“材质”以及“产品尺寸”做一些基础的概括。

产品细节版块，采用上文下图的排版。“俏皮奶噗噗压印”“可暗扣调节长

短”“细密工整的走线”来做介绍，一段小文字和一个产品的细节图。

专属服务板块，上半部分为“温馨提示”，下半部分为专属服务，包含发

货、色差、快递、签收、售后五小版块内容。

由于女性群里都是消费能力比较高的,“7天无理由退换货”是给消费者的

一个保证，再加上温馨提示的内容主要是告诉买家包包的清洁和保养方法，给

消费者更舒适的使用体验。

3.2.3产品详情页2文案策划

产品2是本店的主推包包褶皱云朵包。先用“JINNGREE”这个logo放在

详情页海报的正下方突出产品的品牌。主文案简单直接为“云朵包”辅助文案

则为“穿搭的必备时尚单品万能百搭又轻盈精致”做一个直接的小推销，吸

引消费者。再在海报版块用一个模特产品图，正下方为“发圈灵感打造暖软手

柄夺目耀眼锻造隐匿的时代潮流”的宣传标语让消费者一眼就明了海报推广的

是哪一个产品。

产品颜色版块，采用“纯色”作主文案，简介又直接，以“一眼就心动的

纯色”做辅助文案加上一些产品图做一些相应的小解释。

产品细节板块是采用上文下图的板块“褶皱手柄”“pu材质”为主文案，

“发圈设计感，满满复古味”“内部磁扣设置”“耐磨耐折”“质地柔软”辅助

文案，再配上一些产品的细节图组成该产品的产品细节板块。

产品信息版块则是用一个示例包包的颜色做一些简单的一个介绍。从“品

牌”“名称”“面料”“材质”“颜色”“闭合方式”这些方面来概述。

专属服务板块，上半部分为“温馨提示”，下半部分为专属服务，包含发

货、色差、快递、签收、售后五小版块内容。

14

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

由于女性群里都是消费能力比较高的,“7天无理由退换货”是给消费者的

一个保证，再加上温馨提示的内容主要是告诉买家包包的清洁和保养方法，给

消费者更舒适的使用体验。和产品1的文案是大致的。

4JinnGree专营淘宝店铺视觉效果制作

基于店铺的概况、竞争对手分析、定位、风格、颜色、版式设计和文案策

划方面的确立，便要聚焦于制作店铺最终的视觉效果图，最终的效果图是对于

本店视觉营销设计方案的可视化展示。

4.1店铺首页效果图制作

店铺首页作为消费者进入店铺的第一个页面，其效果图的制作好坏决定了

它是否能在第一时间抓住消费者的眼球，让消费者停留并浏览首页内容，最终

影响店铺的流量和转化率。

4.1.1店招设计过程

店招，顾名思义，就是本店的招牌和展示本店资讯的橱窗。其最大的作用

就是让消费者看到并且记住它，从而达到宣传和推广的目的，促进销售吸引消

费者购买。为了和店铺的轻奢风格和带有一点少女感的店铺简约风格，店招的

背景色设置成为白色。店招的正中间为店铺logo“jinngree”正下方为辅助文

案“youandme缘分让你我拥有你”店铺导航栏以橘黄色做背景图，简约而不

简单。导航栏的分类文案是首页，所有产品，新品尝鲜，职业通勤，日常白

搭。右边则是“搜索栏”，将这一部分设置在右边，符合大部分消费者都是习

惯性使用右手进行电脑操作，鼠标常在屏幕右侧悬停的行为习惯，从而有助于

消费者快速点击，搜索本店铺相关产品，搜索栏则是一个灰色的长圆矩形组成

处在偏右方。

JinnGree专营淘宝店铺店招设计效果图如图7所示，在PHOTOSHOP软件

中的制作过程图如图8所示。

图4店铺店招设计效果图

15

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

图5店铺店招制作过程图

4.1.2海报制作

海报展示面积大，视觉冲击力强，漂亮又吸人眼球的海报是店铺招揽顾客

的重要途经。首先用加大加粗粉色字体的“JinnGree”店铺logo斜放，表露出

产品的品牌。将产品图放在logo的下方遮盖一点，明确表明本店海报推广的产

品是什么。其次，用“时尚潮流女包”“Thecombinationofstrength（实力的结

合）”体现产品的一个外观性，最后加上本店的差异化优惠信息“领券满179-

10/259-20/300-30”。人物产品图和装饰图分在产品的左右两端，可以让消费者

看到包包的展示。加上了一些比较符合产品包包颜色的小彩带和小装饰品以及

同系列的小怪兽在该海报的最右下方。产品包包进行了描边的小设计，描边背

景为白色，带有一点可爱感。

JinnGree专营淘宝店铺首页海报设计效果图如图9所示，在PHOTOSHOP

软件中的制作过程图如图10所示。

16

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

图6店铺首页海报设计效果图

图7店铺首页海报制作过程图

4.1.3其他区域制作

对于其他区域的制作，共分为店铺优惠、店铺活动、logo由来和返回顶部

版块四个大板块。

店铺优惠版块，划分为三个小矩形加上几个小圆形填充的一个优惠券形

状，填充字体为黑色，优惠券背景色为亮黄色。先在上方横向摆放三个作为优

惠券，数额做放大设计且填充为亮黄色，与导航条的橘黄色相呼应。文案标明

了优惠券的优惠力度和时间。并且加上了“立即领取”用黑色矩形填充，字体

颜色为白色，以此来吸引消费者的注意力，可让消费者直接在下方立刻领取。

店铺活动版块，活动板块分为“新品推荐”“热卖”“职业通勤”“百搭日

常”四个活动板块，推荐产品图和产品价格在一起，大图则是主推的款式。

17

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

Logo由来版块，用暗灰色矩形做背景色，矩形左边为一个小产品模特图，

右边则是介绍logo由来的文案。

最后的返回顶部版块，制作了填充为黑色的圆角矩形加上白色的字体来呈

现。并在矩形上方竖向放置一个往上走的一个圆形小箭头形状的引导符，从而

打造一种延伸感。

四大类目产品版块，每个版块都有采用黑色小横条加上一个小矩形作为隔

断，从而让消费者在浏览时准确定位区域。活动产品陈列一般是有一个或者俩

个是主打推荐款，会比其他的产品图大一些。价格和引导标签则采用背景填充

为雅典黑色的圆角矩形与纯白色的字体来体现。类目的主推产品图都做放大处

理，为了营造出产品之间的层次感，提升消费者的浏览体验，其他普通产品都

通过方向或尺寸的变化来表现。

JinnGree专营淘宝店铺在PHOTOSHOP软件中的制作过程图如图11所

示，在其他区域设计效果图如图12所示。

图8店铺首页其他区域制作过程图

18

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

图9店铺首页其他区域设计效果图

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

产品详情页是提高转化率的首要入口。可以吸引买家深入了解产品或者引

导买家浏览店铺中的其他产品，以达到进店流量的利用最大化。详情页是对产

品的详细解读，能让买家详细了解产品的各项功能点和属性，能够促进转化，

提升转化率，从而促成购买。产品详情页1制作的是店铺主推产品之一奶噗噗

19

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

包包。

4.2.1主副图效果图

首先是店铺产品1的主图设计。店铺的主图越有吸引力，就越能吸引消费

者的点击。淡灰色作为主图的背景，logo“JinnGree”在左上方突出产品品

牌。人物产品图放在正中间突出产品吸引消费者购买，以及买同系列包包会赠

送同款系列奶噗噗包包小挂件放在人物产品图左方并上辅助文案“赠送奶噗噗

挂件”，因为是同一个系列的绝大多数人都会被赠送俩个字给吸引。可以收获

一个小挂件又与产品包包是同一个系列会比较和谐不突兀。再加上一些亮闪闪

的小星星在人物产品图附近，增加可爱感。价格的表述图是由三个小长矩形构

图的完成的，左边是一个橘黄色的价格图“活动价189”，右边则是一个稍深一

点的灰色的长矩形“领券活动”和前面的价格图一起拼凑一个形状。这个矩形

中还有一个橘黄色做背景的一个活动时间“2.01-2.05”处在“领券活动”的矩

形正中间，用橘黄色来亮眼可以让买家更好的注意到时间。

产品1在PHOTOSHOP软件中的制作过程图如图13所示，在主图设计效

果图如图14所示。

图13产品1主图制作过程图

20

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

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

接下来是产品的副图。由于本产品的主图设计元素较丰富，副图也按照主

图的背景颜色来做背景，简洁的上图下文以及左文右图来构图。文案由主文案

加辅助文案构成，主文案做放大加粗处理，使用的图片与文案相契合，辅助文

案用小矩形给包含出，营造出优秀的层次感，从而提升消费者的浏览体验。

产品1副图设计效果图如图15所示，在PHOTOSHOP软件中的制作过程

图如图16所示。

图11产品1副图设计效果图

图12产品1副图制作过程图

4.2.2产品详情页1效果图

首先是产品海报。白色为背景，配上人物模特加一些小装饰和小怪兽，会

比较甜美，吸引年轻女性购买。海报下方有一个浅灰色的长矩形做分界线。海

21

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