乐果园淘宝店铺视觉营销设计方案

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

目录

1乐果园淘宝店铺概况......................................................1

1.1水果类目淘宝店铺发展现状..........................................1

1.2乐果园淘宝店铺现状................................................2

2乐果园淘宝店铺视觉营销分析..............................................2

2.1竞争对手店铺视觉分析..............................................2

2.1.1竞争对手店铺1视觉分析.....................................2

2.1.2竞争对手店铺2视觉分析.....................................3

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

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

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

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

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

3乐果园淘宝店铺视觉设计..................................................6

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

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

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

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

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

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

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

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

4乐果园淘宝店铺视觉效果制作.............................................15

4.1店标效果图制作...................................................15

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

4.2.1海报效果图效果图制作.......................................16

I

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

4.2.2优惠券效果图制作...........................................16

4.2.3产品分类区效果图制作.......................................17

4.2.4产品展示区效果图制作.......................................18

4.2.5页尾区效果图制作...........................................19

4.3产品1详情页效果图制作...........................................20

4.3.1主副图效果图...............................................20

4.3.2产品1详情页效果图.........................................22

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

4.4.1主副图效果图...............................................24

4.4.2产品2详情页效果图.........................................26

5总结...................................................................28

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

II

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

乐果园淘宝店铺视觉营销设计方案

1乐果园淘宝店铺概况

随着当前经济的发展，网络技术进一步加快，消费者的需求也越来越精细化，水果

销售从线下增加至线上已经成为了一种不可逆的趋势。近年来，智能手机不断普及，使

得PC端、移动端，线上和线下都串联起来，成为了一站式平台。小视频平台的崛起让

短视频推广和直播带货等形式成为提升企业曝光度和品牌知名度的主要方式，且电子商

务减少了商品流通的中间环节，使得大大节省了购物成本和时间，越发受到人们青睐。

而水果作为食品，属于日常必需品，与电子商务结合也是时代发展的必然趋势。

1.1水果类目淘宝店铺发展现状

水果主要是指多汁且主要味觉为甜味和酸味相结合，可供食用的植物或者果实。水

果不但含有丰富的维生素和营养，而且能够补充水分。根据其构造和特性可分为浆果类，

瓜果类，橘果类，核果类和仁果类五大类。由于近年的销售量逐渐上涨，主要源于人均

可支配收入提高和人们对健康意识水平的提升，随着冷藏库、冷链物流运输⻋等采后商

品化处理基础设施逐步完善，以分选、包装、冷藏为主的鲜果初级加工水平不断提升，

大幅提高了果品采后保鲜能力，人均消费支出的增加和饮食消费升级，从而带动水果行

业的发展，且可以从水果行业市场研究中发现未来水果行业会呈现出了上涨趋势。

中国水果零售额增速表如图1所示。

图1中国水果零售额增速表

在互联网时代巨变的时代里，水果行业的购买方式会从传统的线下采购转向线上

购买。因消费主力军主要是中青年，这类的人群的消费习惯主要以互联网采购为主，以

淘宝网站为例，对“水果”关键词进行搜索，相关店铺就有529716在营店，其展示结

1

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

构将近100页，其中金冠店有4566家，皇冠店有82381家。

淘宝网水果搜索数据图如图2所示。

图2淘宝网水果搜索数据图

1.2乐果园淘宝店铺现状

乐果园淘宝店铺是2022年12月开张，主要是水果销售，主推丹东牛奶草莓和云南

冬桃。主要针对追求高品质健康生活的青年人群，让他们不出门依旧能吃上健康，新鲜，

物美价廉的高品质水果。店铺前期通过优惠价格、淘宝活动、直播吸引顾客下单购买，

后期以优质的售后服务和产品温度留下顾客。

2乐果园淘宝店铺视觉营销分析

视觉营销是通过展现具体产品信息对品牌店铺进行营销的一种策略，通常在店铺装

修前，需要先进行市场前瞻调研；然后引入展现人群的需求分析，其次就是明白自身产

品主要面对哪些消费人群，根据产品的主题对店铺的整体色彩进行合理的设计；这样下

来在设计时更方便梳理思路，将信息更精准地传达给消费者。

2.1竞争对手店铺视觉分析

视觉营销设计是店铺整体设计与营销的最终呈现，在设计过程中通过对竞争对手进

行分析，可以找出自身产品与对手的差距，取长补短，缩短差距。

2.1.1竞争对手店铺1视觉分析

竞争对手店铺1的店铺名称为“甘福园旗舰店”该店铺的粉丝数已经高达326万，

首页的导航部分在设计上，选择了以优惠券和轮播产品图吸引消费者如：“关注领取大

额券，先领券，后购物”，并及时推出店铺热销产品。

店铺首页分为“冬日尝鲜，福利轰炸，当季新品，巅峰热卖，精美礼盒，迎新好味，

精品蔬菜，进口鲜果，西北特产，畅享鲜果，品质鲜果，吃货清单，尖货必囤和营养搭

2

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

配”等14个模块，活动专区的部分主要是以橙色为主色，突出活动的重要性，其他部

分是以紫色为主色调。

产品分类和产品展示的部分利用特色框架进行展示，颜色鲜明，吸引眼球。在每个

部分都设置了水果的放大动画，让消费者更直观的感受到产品细节。该店铺在设计上大

胆撞色，吸引眼球，且水果的细节高清展示，更能突出产品的质感，动静结合，生动有

趣。

竞争对手店铺1首页如图3所示。

图3竞争对手1店铺首页

2.1.2竞争对手店铺2视觉分析

竞争对手店铺2的店铺名称为“探味君旗舰店”粉丝数有79.1万。在店铺的设计

上主要采用不同规格的矩形框架构成，多采用上下和左右对称构图，视觉上有不错的协

调感，能让消费者感受到舒适。色彩的选择上是红色作为店铺的主色调，烘托活动氛围，

增加消费者消费冲动。

3

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

竞争对手店铺2首页如图4所示。

图4竞争对手2店铺首页

2.2店铺视觉营销定位分析

乐果园店铺作为新店，在正式的投入运营设计之前要有清晰的产品规划，会使得店

铺稳定的长期发展。营销定位分析主要是从产品的定位分析、消费者人群定位分析两方

向进行展示，更加明确店铺的发展方向。

4

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

2.2.1店铺产品定位分析

水果现在是每家每户每天必不可少的，是人类营养的重要来源，中国是世界上最大

的水果出产国，居全球13个产量超1000万吨的国家之首，随着国民消费支出的增加和

饮食消费的进一步升级，消费者对高质量水果的需求日益增加。健康意识的增强也使得

大家更加关心食品的安全和来源，消费者愿意为优质美味的水果支付高昂的价格。在这

样一个大市场的情况下，我国冷链物流的完善，一定程度刺激了水果市场，而网购随着

时代的发展也是渐渐的被接受，那么在电商渠道的水果市场，具有一定前景。

基于水果产品本身属于生鲜产品，运输路途中容易受到破坏，较为困难的特点，店

铺的水果产品主要是容易保存，不易腐坏为切入点进行选择。针对水果的品质店铺选择

的是时令性比较强的商品，主打的是绿色健康，而在同类店铺竞争激烈的情况下，乐果

园以产品新鲜保证，烂果必赔，物流迅速等特点来获取到一定的盈利。

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

通过筛选金冠店铺中的特色店铺和相关的数据发现水果类店铺的商品(以丹东草莓

和云南蜜桃为主)的选取主要是针对当即大热的水果产品和常年销量高的水果。

近年来，“绿色，天然”概念盛行，果汁饮料消费持续增长，我国目前人均果汁消

费量仅世界平均水平的十分之一，发达国家的四十分之一，具有极大的消费增长空间。

线上购买水果成新趋势，预计线上水果零售用户规模将不断扩大，给乐果园店铺营造了

良好的市场环境。全国居民人均瓜果消费量如图5所示(数据来源中商情报网)。

图5全国居民人均瓜果消费量

根据数据综上分析，水果电商目标消费人群偏年轻，网购的主力人群是18-40岁，

原因是这部分人比较喜欢网购尝试新事物，对于网络这一块也比较熟悉，最重要的是这

类人群对于生活主力有一定要求，且有经济基础和网购时间，大多数为学生党和中年人，

小部分为职场家庭人。

5

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

2.3店铺风格分析

通过搜索排名靠前的店铺和相关的人群主要喜好的数据图发现，绝大部分店铺的页

面风格都比较清新田园风格，综合人群定位以及店铺的个性化定制，乐果园店铺从而选

定以小清新简约风格为主，让人一目了然。

店铺主要是色彩感比较简约的清新田园风格为主，是符合大众人群的审美，乐果园

淘宝店主营的水果系列产品，较适合18-40岁年龄段之间的学生党、上班族和中年人使

用，产品质朴天然、健康，所以在色彩搭配上主要选择自然清新简洁的颜色，在此基础

上添加一些其他元素加以修饰以便达到一种和谐的美感，做到风格的协调，同时又能透

露出时代进步的气息。同时店铺也设置了不同的框架来展示水果的信息，便于消费者更

快的寻找所需。

2.4店铺色彩分析

店铺属于水果类店铺，主要是针对的是90后家庭、以及00后等中青年群体。在设

计时，主要考虑体现健康，精致，新鲜风格，直击目标用户群体的痛点，因此，店铺设

计选择水果本身的绿色，橙色结合。

这样不仅有利于抓住目标消费群体的眼球，而且有利于宣传店铺新鲜健康的店铺风

格，绿色给人带来健康，原生态的感觉；而橙色主要是起到一个吸引眼球的作用，和主

色调相结合起到一种对比的作用，从整体来看，整个店铺的装修在色彩上都以低饱和度

色调为主，但对比色的运用一定程度上也给消费者带来视觉冲击，从而产生更多的店铺

浏览量和销量。

3乐果园淘宝店铺视觉设计

一个优秀的店铺视觉设计作品，在风格和色彩上需要统一，在文案排版设计上，要

主次分明，突出重点，具体的主要根据店铺的定位和服务的对象而定；接下来展示的是

店铺的版式、文案是如何设计制作的。

3.1店铺版式设计

在版式设计中，突出店铺的主要利益点，让构图的编排和色彩的选择抓住消费者的

目光都是需要在设计之前考虑到的。

店铺结合主推产品和相关的活动，采用左右构图和堆成构图来进行编排，运用字体、

图片、色彩的组合来构成店铺整体的板式设计，整体做到有重点、有主次、大方、简约。

3.1.1首页版式设计

店铺首页设计要做到让消费者眼前一亮的效果，才能留住顾客从而使其对店铺的产

6

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

品产生兴趣，来实现设计效果的变现。因此，店铺首页要有其明确的区域划分，店铺

的首页设计主要包括：logo、海报、优惠劵、产品分类区、新品展示区、热销推荐区、

页尾设计7个区域。

logo设计和店铺销售品类紧密相关，能够使顾客在看到logo的就清晰的明白店铺

所经营的产品；首页海报区域主要采用了中心设计，上面设置开启鲜惠力的标语，搭配

只卖新鲜水果的水果店，确定店铺定位。同时，此首页海报是以绿色渐变色为背景来凸

显水果新鲜，而绿色能够起到一定的场景化营销。

优惠券设计了以水果作为优惠券，对于优惠的金额特地选择比较大的字号，添加立

即领取的按钮引导顾客领取券从而促进下单。该优惠券具有独特地方以水果本身图片作

为优惠券，设计了椰子优惠券，橙子优惠券以及火龙果优惠券。顶部添加“领券购买”

的文案；内部在设计时，主要分为20元、30元、50元份额的优惠券并设置一定的使

用门槛。

产品的分类区和新品的展示区的设置是为了更好的展示店铺的产品，便于消费者更

好的找到自己的目标产品，促进店铺的转化率的提升。在产品分类的标题上设计了以绿

色油画作为框架，后面的产品展示和热销推荐部分也是按照同样格式，产品分类做了热

卖水果，时令爆款，鲜果礼盒，当季时蔬等9种分类，便于顾客选取所需。

热销推荐部分主要是从四类市场需求量且销量较高水果进行展示，采用对称构图的

设计，形成协调统一的视觉效果；页尾的设计主要是起到一个按钮的作用，包括“物流、

客服、店铺、返回”四个部分。

首页版式设计如图6所示。

7

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

图6店铺首页版式草图

8

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

3.1.2产品1详情页版式设计

详情页作为一个提高转化率的入口，宝贝详情页是店铺产品是否能够交易成功的关

键因素。一个成功的详情页要直击消费者的痛点，促进消费者的购买欲望，要设计符合

店铺的消费者人群的定位特点。

产品1详情页版式，主要设计包括：产品海报、产品卖点、产品信息、产品展示、

产地介绍及店铺保障(页尾部分)6个区域。海报在设计时选择以主推产品搭配文字的形

式展示，介绍了产品的名称，给消费者最直观的视觉感受，点击图片时可以直接进入下

单购买的页面，在海报下方还搭配了场景化的文字，能够直击消费者的需求，也体现产

品特点。

产品卖点部分是以一个矩形描边展示，主要是从色香味三个方面说明，并且分三个

区块展现了产品不同卖点，消费者点击卖点可以直接进入卖点的详细介绍的页面。这

样的设计不仅直观且具有一定的链接性，能够使得消费者更加明白产品的相关价值。

产品信息的部分是由一个椭圆展示，中间放置产品图左右两侧放置产品信息的相关

文案。产品展示部分放置了产品的三张图片，使得消费者更加直观的感受到产品细节。

并且推出了产品不同食用方法，增加消费者的购买欲望。

产品产地部分介绍了产品种植基地以及种植方法，让消费者打消疑虑，放心购买。

店铺保障(页尾部分)主要是打消消费者的疑虑促进下单，关于退货，发货，赔付以及

拒收四个方面都有相关解释。

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

9

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

图7产品1详情页版式草图

10

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

3.1.3产品2详情页版式设计

产品2详情页版式，和产品1一样主要设计包括：首页海报、产品卖点、产品展

示、产品信息、产地介绍及店铺保障(页尾部分)6个区域。在色彩的选择和主要包括

的内容上是大径相同的。

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

11

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

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

12

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

3.2店铺文案策划

对于店铺来说，在很较短的时期内吸引访问客户的注意力，让用户了解宝贝的价值，

可以激发客户的购买欲望，打造出产品的差别化和个性化，提升产品的针对性，摆脱价

格争夺，提高客户买卖的信任度，增加客人继续往下观看的信心，突出时间、价格，增

加紧迫感，突出店铺实力，获得更多买家的信任，突出产品的质量，让消费者更加信任

店铺。

3.2.1首页文案策划

首页可以说是对店铺的一个第一印象，如果店铺的首页不精致美观，就不能有效地

吸引消费者的注意力，首页除了图片的装饰外当然少不了合适的文案，这样才能让它更

具有可读性。当你点击一个产品进入一家店铺时，第一个会注意到的就是店招区域；所

以设计时最先考虑的也是店招区域，左边为店铺logo与背景融为一体，清晰简单让消

费者对店铺有一个大体了解。

首屏海报作为消费者进入店铺后，接触到的第一个大面积的展示区域。选用绿色作

为背景色，“开启鲜惠力”文字用了加大加粗的效果，用来强调店铺的活动；新鲜水果，

任君挑选，新鲜的水果既养眼又养颜，任客户挑选，这样更容易让消费者对产品产生兴

趣。接下来是购物优惠券区，单笔订单满购立即领取优惠券，可以刺激消费者下单进而

提升店铺的购买率和客单价。

宝贝分类区域，从时令热卖，当季新品，热销推荐等三大系列进行分类展示，采用

图文的排版加上针对每款产品功效的文案，并在不同的产品中加上价格等促销标语。最

后是返回顶部功能，提高消费者体验度，增加对店铺的好感。

首页海报文案和活动区文案的设计时，主要是起到促进消费的作用，对于“开启鲜

惠力，新鲜水果、任君挑选”等具有重要信息的字眼，采用了比海报背景更深的绿色吸

引消费者的注意，激发消费者的购买欲望。

3.2.2产品1详情页文案策划

产品的详情页是消费者对产品产生兴趣后来到的页面，在详情页中需要不断强调该

产品的优势与特色，增加买家信任度，增加买家继续往下浏览的信心，提高产品的转化

率。

产品1的海报文案主要是介绍产品以及对产品进行描述，“丹东牛奶草莓”搭配英

文“strawberrywithmilk”加上三句描述产品的文案“果型漂亮，口感香甜，健康

种植”能够使消费者从草莓的外观，口感，种植三个方面了解到产品的特征，增加买家

信任度，提高品牌在消费者心中的高度。

产品卖点首先由【色，香，味，全】四个字进行概括。下面则分成三个具体方面进

行描述：①倾城红颜怦然心动用拟人手法描写草莓的外观，给消费者以直观的感受，

13

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

产品图的下面则用{果形饱满色泽诱人，红彤彤的草莓，鲜嫩欲滴，果实整齐健硕，果

肉呈粉色，让你沉浸在鲜甜中无法自拔}以第一人称更加细致的展现了草莓的漂亮外型。②

细嫩多汁味道甜美描写草莓的香甜味道，产品图的下面则用{酸甜浓香，甜味高，气味

更加芬芳，轻轻咬一口充盈的水份流淌，入口即化，记忆的甜蜜带入口中，让人难以忘

怀}展现了草莓的香甜味道。③软糯鲜嫩口感细腻描写草莓的细腻口感，产品的下面则

用{果肉红艳丰盈，入口即化，果汁迸溅，红润的外表夏有颗洁白的心，称霸甜品界的

水果}展现了草莓的细腻口感。

产品的信息和食用方法都是用相关的文字进行了描述，实事求是，展现产品的名称，

产地，储存方法以及四种食用方法。文字的清晰易懂，便于消费者直接得到需要的信息。

产品的健康种植以客观的语言描述了草莓的生长环境以及日照温差，文案：果子生

长的地方阳光充足，昼夜温差大，成熟期长，培育出的果子愈加香甜基地科学种植，降

水量丰富，远离城镇，土壤保湿。

页尾区的文案是关于售后保障的四个方面，分别是关于退货，关于发货，关于拒收，

关于赔付。具体如下：关于退货，生鲜类目不支持七天无理由退换货服务，如收到坏果，

请在签收后24小时内联系客服处理，请在签收后24小时内联系客服处理；关于发货，

由于生鲜娇嫩，很容易坏，偏远地区长途跋涉的运输，快递无法送达，无法发货，请您

谅解；关于赔付，理赔标准是单价乘以损坏数量,单价计算方法为产品售价除以总个数

等于单价；关于拒收，不接受没有图片逾期联系、个人主观喜好、吃完再拍照过来以不

好吃、果子不好看等理由的理赔诉求。

3.2.3产品2详情页文案策划

产品2的详情页文案和产品1设计大同小异，不过更为精简，便于拉近与顾客的关

系，建立熟悉感，直接传递产品想要传达的信息，体现产品的价值。

产品卖点主要是根据店铺的消费者人群定位和产品本身的特色提炼出的，包括云南

冬蜜桃：个头饱满一口脆甜鲜美多汁。桃中佼佼者：皮薄肉嫩，桃香浓郁，味甜多汁。

有冬仙寿桃之称：一颗冬桃映雪红，在红绿的桃叶间，满树的冬桃，为寒冬添一抹芳华。

美貌实力兼备：一口咬入，香甜回味，顺着舌尖甜到心里。

产品展示部分是直接使用图片进行展示，产品食用方法列举了四种包括直接食用

蜜桃沙拉，蜜桃果酱，桃子奶昔。

产品产地部分直接把消费者最担心的情况用益处打消，好产地，好冬桃。云南属于

亚热带高原季风气候，气候特点显著，类型众多，温差也比较大，为冬桃提供了很好的

生长条件，产出的冬桃肉细，色艳，味甜著称。

产品参数具体到产品名称，产品产地，产品口感以及储存条件，并对相关的信息进

行了描述。突出产品的质量，让消费者信任店铺。最后的信息部分分别是关于退货，关

于发货，关于拒收，关于赔付，促进最后的下单。

14

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

4乐果园淘宝店铺视觉效果制作

有了前期的调研，初步定好店铺的版式设计、文案、风格等之后，接下来所展示的

是首页，以及产品1详情页和产品2详情页各个部分。

4.1店标效果图制作

店铺店标部分，主要是包括店铺LOGO、店铺名称。店铺LOGO主要是对店铺产品类

型的体现，即店铺买的产品是什么；店铺名称直接表明是什么类型的店铺，即水果类店

铺，而乐果园则是店铺的愿景：“快乐的水果园”。

LOGO设计，主要是根据店铺所经营的产品用图形工具设置的简笔图案，logo选用

的背景色是根据店铺的首页风格而设定的绿色，整体的设计精致能够让消费者明了店铺

经营。

乐果园淘宝店店招设计效果图如图9所示。

图9店铺店招设计效果图

4.2店铺首页效果图制作

首页作为店铺形象展示的窗口，其效果的好坏直接影响到店铺品牌宣传以及买家

体验，最后仍是影响店铺的转化率。首先在设计之前要对基本的框架有具体想法，要确

定每个部分应该展示的产品，促进商品的下单。店铺首页设计构成包括：店标、海报图、

产品展示，热销推荐以及底部三大要素必不可少，还添加了便于用户寻找到目标产品的

产品分类区，还包括促进店铺转化率的领券区。

在明确了店铺分区设计分类之后，色彩的选择也是需要考虑认真思虑的，色彩搭配

可以起到良好的营销的作用，在设计首页时，要了解产品市场上的消费人群，自身要有

个清晰的市场定位。根据人群消费特点和产品内容确立店铺的色调，从而建立店铺的品

牌风格，空间觉色家具店铺选择与店铺原生、健康相符合的淡绿色为主色调，以橙色为

强调色相结，能够在视觉上给消费者一种绿色，健康的感觉；风格特点明确，不仅能够

吸引特定的人群，也能够突出产品是新鲜水果的特点。

15

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

4.2.1海报效果图效果图制作

首页海报具有推广宝贝的作用，为了宣传产品或者店铺以增加知名度和销量。进入

店铺的客人大多数是单独进入宝贝的页面，从宝贝页面去首页的大概会有10%-30%左右，

所以首页有一张大气美丽的海报会吸引客人去看看你首先推荐的宝贝,还有将店铺美化

的作用，一张好看的海报能让店铺显得更加专业，增加买家购买的愿望。海报做得好，

更能激起客人想要购买的欲望。在设计海报时，整体设计的选择的是场景化的中心构图

搭配不同字号的文案，产生一定视觉冲击效果。场景化的营销是指特定的场景中的心理

状态或者是需求下产生的营销行为，而一堆水果摆放在树林中，会使消费者心中感觉到

水果的新鲜和健康，贴合店铺详情页主题，刺激消费者的潜需求，达到海报促单的目的。

首页海报效果如图10所示。

图10首页海报效果图

4.2.2优惠券效果图制作

在完成首页海报后，添加了优惠券区域。主要采用了水果造型的优惠券效果，使得

画面更加生动有趣。“领券购买”的领券提示下方设置了20元、30元、50元三种不同

门槛的优惠券；字体选择白色，字号大小不一，体现的重要程度也是不一样的；增加了

立即领取的白色按钮。

优惠券区域效果如图11所示。

16

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

图11优惠券区域效果图

4.2.3产品分类区效果图制作

产品分类区主要展示的是店铺较为热卖的品类，分类区域的概括店铺的热卖产品的

种类。在每个热卖产品添加了相应的背景色块，丰富了画面，在每个相关的产品下都表

明产品品类便于消费者选择。在产品分类增加了相应的英文提示提高店铺的品牌定位。

产品分类区域效果如图12所示。

17

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

图12产品分类区域效果图

4.2.4产品展示区效果图制作

产品展示区，主要分为新品推荐、热销推荐、通过简单的不同规格的矩形的组合设

计，对产品进行展示和具体说明，在新品推荐中还增加了产品口感的描述，吸引消费者

浏览，同时设计了符合产品特性的标语，在热销推荐每个产品的下方都会放置价格说明，

引导消费者购买。

产品展示区域效果如图13所示。

18

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

图13产品展示区域效果图

4.2.5页尾区效果图制作

页尾部分主要展示了店铺的相关的保障，对于文字和矩形背景颜色的选择为店铺的

主色调绿色，简洁明了，打消消费者的疑虑，促进下单，增加一个返回顶部的按钮，便

于消费者浏览。

页尾区域效果如图14所示。

19

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

图14页尾区域效果图

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

4.3.1主副图效果图

产品主图是一个产品的橱窗，在搜索结果中是顾客的第一印象，所以主图上显示的

内容尤为重要。在产品主图上显示的内容是激发用户点击进入店铺的影响因素，因此产

品1丹东草莓在主图设计时，装修背景色使用了白色作为底色，将主产品布满页面二分

之一，在丹东草莓展示图效果设计上，底部由一个矩形组合，展现了促销价格，利用直

观的数字营销的打动消费者，促成订单的转化。在主图的左上方再次强调草莓的产地直

发，图形形状的颜色主要选择的是呼应产品的红色，字体是白色，主图右上角还增加

了顺丰包邮的三角形描边图形，解决买家后顾之忧。

产品1主图效果如图15所示。

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

20

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

产品1副图设计效果如图16所示。产品的副图设计主要是对主图产品没有展示出

来的方面做补充，考虑到主副图之间的相呼应，选用的也是以红色为强调色彩搭配白色

字体，主要是对产品的细节部分和产品的卖点进行展示。

21

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

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

副图1主要是对草莓产地进行说明，主要是利用四个图片进行展示，以规则的矩形

图片展示，底部运用钢笔工具绘制出相关的图片进行相关的材料运用的展示，背景色

选用的是白色；副图2则是对产品的特点、及坏果包赔的暖心售后进行卖点展示。副图

3则是利用抠图工具展现了一个白底草莓的图案，可以让顾客看到细节。

4.3.2产品1详情页效果图

首先是产品1详情页的海报部分，宝贝1是丹东草莓，其详情页设计主要分为页头

海报、产品卖点、产品颜色分类、产品细节设计、产品细节部分、购买须知等8个部分

构成。

页头海报部分，为了与主副图相统一，使用了主图活动文案底部的橙黄色调，将产

品放置在海报页面的正中间部分，通过正视视觉提升整体导购环境质量及感官体验、产

品的质感。整个页面都是以淡黄色为背景色，以橙黄色为文字的颜色和内部矩形的颜色，

整体的色调比较统一协调，这样不仅使得店铺有明显的风格特征，能让消费者产生深刻

的印象。在产品的卖点部分，主要是以矩形工具绘制出相关的图案结合文字进行说明，

承载的矩形工具上方有引导按钮和分割线，对称性的设计能够让消费者对产品的卖点一

目了然。其余的部分都是以图片和文字相结合的方式进行展示，在产品的细节部分会对

用“放大镜”的效果将产品的细节部分最大化，让消费者的感受更加直接。为了避免页

面过于单调，另外，加入了简易的英文字母修饰。

最后部分是购买须知部分，通过专属客服、正品保证、7天无理由、极速退款进行

图文结合的说明，消费者点击到相关的保障可以跳转到详情页面，让消费者知道店铺

有良好而完善的售后服务体系，增加消费者对店铺的好感度，促进订单的转化。

产品1详情页效果如图17所示。

22

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

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

23

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

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

4.4.1主副图效果图

在主图上主要选择了和蜜桃一致的粉色，上方表明了产品名称，图片下面利用粉色

矩形加上白色文字突出产品卖点，配以店铺的logo，主图下面放上了促销信息以及空

运保障消费者权益，让产品更快的送到消费者手中。价格采用白色圆形，粉色文字突出

价格优势。刺激消费者的兴趣，从而带用户更深层次的了解店铺的产品，促进转化，最

终到达盈利的目的。

产品2主图效果如图18所示。

图18产品2主图设计效果图

副图则主要展示产品的卖点，打消消费者的疑虑，达到营销的目的。

副图1的整个版面采用一个粉色描边框架将副图围绕起来，在副图的右下角放置产

品的logo，副图正上方放置产品卖点，展现冬桃可脆可软的特点，针对市场上有人爱

吃脆桃有人爱吃软桃的消费特点进行营销。