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

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

目录

1SUNSHINE淘宝店铺概况.............................................1

1.1家居类店铺发展现状............................................1

1.2SUNSHINE淘宝店铺现状.........................................2

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

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

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

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

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

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

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

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

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

3SUNSHINE店铺视觉设计.............................................8

3.1版式设计......................................................8

3.1.1店铺首页版式设计.........................................8

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

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

3.2文案策划.....................................................11

3.2.1店铺首页文案策划........................................11

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

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

4SUNSHINE店铺视觉效果制作........................................14

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

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

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

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

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

I

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

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

4.2.5页尾效果图制作..........................................17

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

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

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

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

4.4.1主副图效果图制作........................................20

4.4.2产品2详情页效果图制作..................................21

5总结............................................................23

参考资料..........................................................24

II

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

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

1SUNSHINE淘宝店铺概况

SUNSHINE淘宝店铺成立于2022年12月新店，粉丝1w，DSR评分均为4.8，

销量平均为100，主要经营香薰、香水、香薰蜡烛等三类产品。主要打造以舒适

给生活带来仪式感的店铺理念，让客户回归理想中状态的享受。让客户认识商

品和店铺的说明，增添客户对店铺的了解提升购物率。

1.1家居类店铺发展现状

随着社会经济水平提升，居民生活收入水平提高，居家用品消费水平在逐

渐上涨，越来越多的人关注居家配饰。2022年，家居市场规模为5066亿美元，

同比增长率为2.1%，估计在将来四年中，家居的市场规模持续增加，但其增加

幅度却维持在3%上下。虽然全球家居行业受到疫情影响，但其市场规模的上升

空间大，各品牌间的竞争加剧。

全球家居市场行业规模，如图1所示。

图1全球家居市场行业规模

从pc端查找到淘宝的香薰店铺数量有27744家，说明该行业比较受欢迎，

还没有到达饱和的状态，如图2所示。

1

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

图2淘宝香薰店铺数量

综上所述，想要在香薰这方便开一家店铺，开一家店铺容易，做起来需要

从各方面取得好的经验，制作一份优秀的设计文案，来在这里占据一席之位。

1.2SUNSHINE淘宝店铺现状

SUNSHINE淘宝店铺成立于2022年12月新店，为了吸引客户进店购买，产

生相关流量，店铺开展了新店开业活动，利用淘宝店铺新店开业免费流量推广，

店铺开业活动有：

（1）收藏店铺有10元无门款红包。

（2）全场8.8折，2件包邮。

（3）新店开业优惠卷满99-10、199-20、299-30活动。

（4）全店七天无理由退货，店铺正品百分百保证。

活动时间：2022年12月1号——2023年3月1号。

2SUNSHINE淘宝店铺视觉营销分析

现在社会都是以好看、颜值等方面来看待，做到吸引客户眼球，让人达到

一眼看着舒心好看，客户自然而然停在店铺做出购买决策。如果，你的店铺一

看色彩搭配过于刺眼，导致客户不舒心，那你的产品性能再好也是徒劳无功，

这样会失去一部分客户，导致客流量下降。

2.1竞争对手店铺视觉分析

所谓生存竞争，优胜劣败，要先了解对手才好更好对自己店铺做好相关提

升，针对店铺产品服务整体视觉效果做对比，从而在对手身上学到优点补足缺

点。

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

本店竞争对手之一Vantkevin店铺。

店铺网址：，2019年4月进入的淘宝，粉

丝量有1.3万，DSR分较高，三项分4.8，平均销量产品1w左右。在该店铺定

2

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

位于中低端客户，整体价格比较实惠，深受年轻人喜欢。店铺主要背景颜色是

紫色为主粉色为辅，整体属于浪漫梦幻风格。主营有香薰蜡烛、香薰精油、扩

香石等，香薰种类多。该店铺目标人群定位较好，产品价格实惠比较集中，专

业性强。

竞争对手视觉效果是参考的重要价值，Vantkevin店铺的视觉效果分析如表

1所示。

表1Vantkevin店铺的视觉效果分析

效果板块视觉效果图分析评价

优点：整体颜色

搭配装饰不错，海报

文字挺醒目，视觉冲

击。

店招和海报

缺点：海报长度

过大，占据整个电脑

屏幕，未设计搜索栏

目，不方便客户搜索。

优点：节日气氛

非常突出，产品类目

分明

宝贝陈列区缺点：字体不够

醒目，整体有点空虚。

有设置更多产

首页底部

品按钮和返回顶部。

优点：主副图做

的简约，有氛围感和

产品搭配舒适度不

主副图错。

缺点：主图没做

活动效果图，没有任

何活动气氛

3

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

优点：产品细节

展示非常详细到位，

整体颜色搭配使用

非常符合产品。

缺点：没有

详情页

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

本店铺另一位竞争对手是艾玛莫莉旗舰店。

店铺网址:，DSR分较高，二项分4.8，一项

分4.9分，五星店铺，粉丝9.7w，店铺销量1000左右。临近情人节期间，店铺

主打简约极致风，以白色为主，灰黑为辅的整体风格，打造一种高端产品风格

的店铺，店铺价格有高有低，主营产品有无火香薰、香薰蜡烛、香薰等系列产

品，深受客户喜爱主要是学生人群。

竞争对手视觉效果是参考的重要价值，艾玛莫莉旗舰店的视觉效果分析如

表2所示。

表2艾玛莫莉旗舰店的视觉效果分析

效果板块视觉效果图分析评价

优点：

店标简约

大气

缺点：

店招和海报海报字体

不够醒目，

摆放位置

不太好，整

体色调单

4

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

一。

优点：

产品和分

类陈列分

明

缺点：

没有活动

宝贝陈列区氛围，未作

优惠卷板

块。

优点：

设置了返

回首页板

块，加了海

报突出店

铺文案理

念

缺点：

重复设置

首页底部

返回首页

和顶部按

钮，选取一

个就可以，

海报背景

产品过多，

会影响客

户视觉效

果

5

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

优点：

产品主图

设置了活

动标签

缺点：

副图过于

简约没有

任何修饰

主副图

文案，并不

突出产品，

主图文案

活动颜色

浅淡，字体

颜色不突

出活动氛

围

优点：

产品展示

较多，所有

板块分类

明确。

缺点：

详情页卖点文案

产品展示

较少，分类

导航过于

简单，整体

显空旷。

2.2店铺视觉营销定位分析

每个店铺都要做营销定位分析，来明确店铺以后的运营，吸引更多客户来

光临，店铺定位分析从产品定位和消费者人群定位开始。

6

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

2.2.1店铺产品定位分析

SUNSHINE店铺所经营的产品是香薰、香薰蜡烛、香水，目标是中低端市场，

主要以香薰蜡烛和香薰为主，本店的产品定位分析主要从产品特点、目标市场

分析两方面拓展开。

（1）产品特点

本店主要推荐2款产品，一款产品是香薰蜡烛，主要以法国进口高品质蜡

和纯绵烛芯，燃烧时间持久，可燃烧40-41小时，保持整个产品蜡质不变化，

燃烧途中没有任何黑烟和刺鼻的味道，是无烟无害的，燃烧途中散发的味道持

久留香，性价比和颜值超级高，用完的产品可以二次循环利用，可用于浴室、

书房、卧室、客厅等居家场景。另一款产品是香水，精选高品质玻璃瓶身，不

易摔坏，对比其他香水不用担心碎裂问题，产品采用无盖设计随拿随用，喷头

喷洒水珠细腻不会留下痕迹，味道持久不散去，第二天被窝都是香香的味道，

瓶身玻璃可以二次循环利用。

（2）目标市场分析

在国内香薰被国外大牌占据中高端市场，并且处于垄断地位，无法撼动。

而在中低端市场许多国内国货品牌崛起，各自守着各自的邻域，占据主导地位

的屈指可数。SUNSHINE店铺目标是在中低端市场占据一席之位，存在于中低端

的那些品牌价格定位偏高偏低适中的都有，层次不齐，没有一个具体明确的目

标，没有真正了解客户的需求偏好，展现自己店铺不同的服务产品等各个方面，

让客户有满意的购物体验，营造一个良好的店铺形象和产品体验感。

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

店铺定位于中低端产品，所面对的消费者就是要物美价廉，各方面服务体

验到位，可以精确人群大学生，18-30岁左右，分布在二三线城市，其中女性占80%

为主要服务对象，其次的上班的白领工作者，这几类人群都偏向于性价比实用

性，其次是颜值，经济实力较薄弱。

2.3店铺风格分析

打造一个适合风格店铺可以提升店铺粉丝粘性、转化与复购，店铺流量更

精准专属资源。打造简约不失浪漫，高端中不失大雅的一种舒适的体验。

2.4店铺色彩分析

店铺色系以白色为主的背景色，仿佛是回家或者看到白云的感觉，金色为

7

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

辅，让店铺简约的白色增加了时尚感，高端不失风雅，加粉绿色点缀，让店铺

增加了春天般的生机勃勃的花草争先恐后的添加彩色，给人一种舒适温馨的场

面。

3SUNSHINE店铺视觉设计

一个店铺打造的开始都是从视觉设计开始，这将是取决于店铺是否成功的

原因之一，从首页到产品主副图再到产品详情页的设计，通过美丽的产品，动

人的文案，精细的排版从这些方面来吸引客户。

3.1版式设计

版式设计是打造视觉效果的重要一环，从首页到详情页，思考产品以什么

样的方式展现出来，通过排版文案展现产品的优势美丽性能方面，从而达到最

终的店铺视觉效果。

3.1.1店铺首页版式设计

首页整体尺寸是1920px*11800px，以白色为背景色，棕色为装饰框架颜色。

首页进去的第一部分就是店招，店招的设计是店铺名字+logo+导航条，采用了

黑色字体，居中摆放整齐。店招的目的让客户可以更方便浏览店铺所有产品及

其分类和了解店铺，具有引导性。

导航条的下面是店铺海报，高度是600ox，店铺海报是整个店铺最醒目让客

户第一眼看到的地方，具有绝对的吸引力。

海报下面是优惠券，有三种不同的面额，新店开业需要做活动来吸引客户，

让客户觉得占到便宜。优惠券下面是店铺的新品上市栏目，前2个框架是主打

的产品剩下的四个框架是店铺新品上市推荐的产品放置内容，采用上图下文的

方式，展现产品。

新品上市板块下面是店铺分类，目的可以让客户更清楚看到店铺不同产品，

店铺分类模块下面是香薰蜡烛产品的展示，采用了不对称方式，不用拘束于整

齐的摆放，让客户看到不一样的排版，前三个框架会采用叠加的阴影的方式突

出产品，右边空旷的区域会写上文案，让排版不再单调，下面长方形框架加上

白色透明的装饰，让人觉得有创意。

香薰蜡烛板块下面是精油香氛产品展示区域，第一个框架是利用突出产品

单独做个展示，采用左图右文，下两个框架展示店铺其他精油香氛类产品。精

油香氛分类下面是香水展示区域第一个框架采用了粉色做不规则背景，采用的

8

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

是上图下文，下面的产品展示区域是左图右文，左文右图。

香水展示区域下面是尾页，标注了返回顶部的按钮，让客户一键回到首页方便

快捷，结尾处还做了四个服务，让客户放心购买，不用担心产品相关的问题，

保证让客户体验到良好的服务。首页版式草图如图3所示。

图3首页版式草图

3.1.2产品1详情页版式设计

产品1详情页版试图第一部分是产品情景海报设计，为第一眼吸引客户，

采用的上文下图突显产品和文案，产品情景海报下面是产品卖点是按照产品原

材料采用左文右图左图右文的形式，让客户知道原材料安全，各方面的保障。

产品卖点下面是产品信息，主要以含量、产地、规格等方面介绍。产品信

息是介绍产品的场景细节，通过图片让客户看到产品的细节卖点。产品展示下

面是包装艺术，来阐述艺术理念，上面边摆上产品包装图片，下面是介绍产品

包装含有的东西。

包装艺术的下面是用香技巧，用文字说明的方式介绍产品使用流程、注意

事项等方面，用香技巧下面是的买家须知，关于快递、签收、评价、退换四个

方面用文字介绍流程。产品1详情页版式草图如图4所示。

9

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

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

3.1.3产品2详情页版式设计

产品2详情页版试图第一部分是产品情景海报设计，为第一眼吸引客户，

采用的上文下图突显产品和文案，产品情景海报下面是产品卖点第一个卖点是

左文右图形式介绍产品卖点喷头，第二个卖点的左文右图形式突出产品卖点无

盖设计，第三个卖点是上文下图的形式从原材料方面介绍的。

产品卖点下面是产品信息，主要以含量、产地、规格等方面介绍。产品信

息是介绍产品的场景细节，通过图片让客户看到产品的细节卖点。产品展示下

面是包装艺术，来阐述艺术理念，左边摆上产品包装图片，背面加上无规则图

形突出产品，右边是介绍产品包装含有的东西。

包装艺术的下面是用香技巧，用文字说明的方式介绍产品使用流程、注意

事项等方面，用香技巧下面是的买家须知，关于快递、签收、评价、退换四个

方面用文字介绍流程。产品2详情页版式草图如图5所示。

10

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

图5产品2详情页版式草图

3.2文案策划

一个好的产品必须要文案帮助，就像农夫山泉的广告文案：从农夫山泉有

点甜，到我们只做大自然的搬运工。做到前期突出产品特征，从广告和营销角

度带人参观农夫山泉水源和广告表现的主题都是突出一个天然水。从现在消费

者心理我们要去满足他们的潜在需求，以最小的成本，打造好的影响力，从而

加深消费者对产品印象。

3.2.1店铺首页文案策划

店铺的顶部店招左边是店铺的logo，中间是店铺名称，右边是金色爱心收

藏店铺，利用消费者习惯，会时常关注到，方便收藏店铺。

店铺海报是利用了花海的形式，把产品放到粉色花簇的中间点缀，绿色文

字加大突出文案传达产品的理念和店铺新品上市的活动，感觉寒冷的冬天终将

11

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

会过去，春天要来临了，阳光洒在花朵上，沐浴阳光。“优雅为你而存在”店铺

产品为你而定制，让每个产品找到适合自己的伯乐，从而放大她的美丽。利用

海报场景加文案来吸引客户，客户一眼看到店铺是售卖什么类型的店铺。

优惠券板块使用的粉红色为主黄色点缀的优惠券，“先领券在享优惠”以

此醒目消费者，这么好的活动不领券可惜了，以此抓住消费者的心理，刺激消

费者的购买欲望，优惠券面额是99-10、199-20、299-30。

店铺活动板块是新品上市，采用价格已经优惠形式，直接显示原价用金线

删除变成现在上新的价格，让客户看到店铺的活动力度诚意，以此让客户感觉

到产品是便宜了很多加上优惠卷和新店开业折扣，这就是折上折，加大刺激客

户的购买欲望。

分类导航可以让客户清晰产品展示区域所在的地方，优惠活动一眼可以看

到，店铺的分类就是让客户轻松查看类目，不需要再去其他地方找到产品，更

方便快捷。

产品类目展示区域利用了消费者习惯，添加了直接收藏和加购产品，这样

消费者不需要点进产品就可以直接把喜欢的产品放进购物车和收藏，可以加大

客户的下单。

店铺页尾处简单添加了返回顶部，同时添加店铺服务方面的展示，如七天

无理由退货、百分百正品保证、100%实物、1V1客服贴心服务，让客户明白我们

以客户消费体验放在第一位，产品品质各方面可以保证，无需担心顾虑产品的

任何问题。

3.2.2产品1详情页文案策划

产品情景海报以产品作为背景加上适合的场景文案搭配，“星光不灭，爝火

不熄”为主推文案卖点，“每次轻划，就划动一股木香”为辅助文案，告诉客户

这产品产生的气体无烟无害，以实际抓住客户需求。

产品卖点板块中第一个卖点产品燃烧持久度和产品高品质蜡，“法国高品

质蜡，燃烧无烟无碳”为主的文案，以此让客户明白产品的使用持久程度，“可

持续燃烧40-41小时，保持蜡质不变”为辅助文案，让客户明白产品实打实的

放心。

第二个卖点文案是“精选绵烛芯，无任何危害”为主，介绍产品的绿色放

心无添加，精挑细选的纯棉材质，“纯棉材质，让蜡烛燃烧更稳定，无烟无铅”

为辅文案，介绍纯棉材质可以辅助产品燃烧的，燃烧过程中不产生有害气体，

放心使用。

12

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

第三个卖点文案“甄选20种原材料用心做香”为主，“令人回味无穷飘

香四溢”为辅的，做产品我们是用心做的，精挑细选原材料的来源，香味持久

不散。

产品信息板块以主要介绍产品的品牌、燃烧时间、重量、尺寸、适用空间、

礼盒尺寸，为让客户了解产品参数。

产品展示板块是通过产品不同产品类型味道，让客户了解产品味道前调、

中调、后调，用具体花的味道描述告知客户。

包装艺术板块采用了礼盒内容文字描述，注意内容，贴心为客户服务到位。

用香方法利用文字来告诉客户的注意事项，怎样安全使用，呈现的燃烧反

应，告诉客户不用担忧出现的疑问。

买家须知板块是让客户了解快递发货类型、签收问题、评价、退换货这四

个方面的解答，打消客户的疑问。

3.2.3产品2详情页文案策划

产品情景海报以产品作为背景加上适合的场景文案搭配，“匠心之作，淡水

花香”为主推文案卖点，店铺店名“SUNSHINE”“你的专属”为辅助文案，在做

香的方面我们是专业的，制作专属你的味道，来刺激客户的购买欲望

产品卖点板块中第一个卖点产品的喷头设计，“精细喷头”为主的文案，以

此让客户明白产品的喷头精细设计，为方便客户使用，“喷洒细腻的味道，久久

不散香”为辅助文案，传达产品的香味持久度。

第二个卖点文案是“无盖设计”为主，介绍产品的环保绿色，方便客户随

拿随放，不会感染产品“减少多元化材料，专注做产品”为辅文案，专注做产

品的同时也会多关注客户的使用感受，减少不必要的设计，以此提升产品。

第三个卖点文案“绿色植物，你我放心”为主，“精选20种植物原材料，

提取精华采纳”为辅的，做产品我们是用心做的，精挑细选绿色植物原材料的

来源，香味持久不散。

产品信息板块以主要介绍产品的名称、规格、保质期、产地、香调，为让

客户了解产品参数。

产品展示板块是通过展现产品细节，从远到近，从头至尾，让客户认知产

品细节方面的疑问。

包装艺术板块采用了礼盒内容文字描述，贴心为客户服务到位。

用香技巧使用文字来告知客户香水使用方法，可以更好的让香水散发迷人

的魅力。

13

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

买家须知板块是让客户了解快递发货类型、签收问题、评价、退换货这四

个方面的解答，打消客户的疑问。

4SUNSHINE店铺视觉效果制作

通过对竞争对手的店铺分析和店铺定位分析，从中获得不少经验来完善视

觉效果图的制作，既要符合店铺风格和大众的喜欢，在文案的基础上创作，达

到最终的店铺视觉效果图的展示。

4.1店标效果图制作

店标顾名思义便是店铺的招牌，吸引客户的第一眼，从而做到宣扬店铺的

结果。店铺店招的背景以灰色为主，黑色为辅，整体色调偏暗系显得高端，简

约大气，右上角是店铺的logo，以蝴蝶结和名字结合的logo，简约不失优雅。

中间是店铺的名字，同时还添加了收藏店铺，以金色爱心为收藏图形，让客户

一眼看到方便点击，可以经常光顾店铺，导航栏是黑色，加上白色的字体突出

产品的分类，为更好的让客户找到产品所在分类。

店招效果图如图6所示。

图6店招效果图

4.2店铺首页效果图制作

店铺首页是取决于客户对店铺的整体印象，为吸引客户停留在店铺，创造

浏览量和停留时间，才是对店铺的一个评价。

4.2.1海报效果图制作

海报是店铺向买家来宣传店铺形象和产品的一种形式，一张好的海报可以

吸引客户明白店铺卖的产品是什么，可以增加店铺浏览量和销量。店铺海报以

花海为背景，利用背景虚化，加上粉色桃花的装饰海报两边，感觉寒冷的冬天

终将会过去，春天要来临了，阳光洒在花朵上，沐浴阳光。为的是突出产品和

文案，来吸引客户的目光停留时间中间的文案采用了从上而下的排列展示店铺

传达的促销活动，同时传达店铺产品“优雅为你而存在”，店铺的产品专属你的

存在，为你定制的，从而刺激客户的潜在需求和购买欲望，文案的右边放的产

品展示用产品的叠加展现产品的魅力，下面增加渐变倒影，给产品增加神秘的

14

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

感觉。

海报效果图如图7所示。

图7海报效果图

4.2.2优惠券效果图制作

店铺优惠卷采用三个圆角矩形工具制作，背景采用偏粉橘色为主的喜庆，

橙黄色为辅温暖，最亮眼的颜色来引用客户先领券再享受优惠。

优惠券效果图如图8所示。

图8优惠券效果图

4.2.3产品分类区效果图制作

第一个分类区是店铺活动区域新品上市，采用了产品图片镶嵌在画板中间

一样，产品像一幅幅画展示在客户眼前，增加了文艺气息，使用了以白色为背

景的矩形工具，增加投影和浮雕效果，使得整个产品背景立体起来。排版采用

的上下左右不对称形式，使得产品灵活不古板的摆放起来，以此吸引客户停留

增加下单的概率。

第二个分类是店铺总体分类，采用了金棕色背景框架，中间的以白色为辅

的三个图形分类，使用四个圆形工具分别在四角点缀，使得白色矩形不单调，

突出不经意间的创意，中间的产品展示使用的产品图标，简单有清晰。

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

15

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

图9产品分类区效果图

4.2.4产品展示区效果图制作

第一个是香薰蜡烛产品展示区域，采用左边2张产品图右边一张产品图相

对的形式，产品1、2、3背景下使用了投影，使得整个产品立体起来不单调，

增加产品的层次感。右边产品3上面增加了场景文案，以此说明使用场景感受

其中文字含义，使得空旷的区域不再空白。产品4采用的上图下文的展示，在

产品基础上增加金色透明长方形装饰，来增加产品的美感，刺激消费者购买欲

望，场景文案吸引客户感受，停留增加销量。

第二个是精油香氛产品展示区域，以海报的形式来展现产品1，左边放产品1

不规则对齐背景，背景添加白色矩形增加绿色植物的镶嵌和立体阴影，增加产品

的层次感，使得搭配起来氛围感增强。右边添加了收藏和加购按钮，可以让客

户方便快捷的把喜欢的产品收入购物车中，以此增加产品的收藏和加购数量及

其销量。产品2-5采用上图下文形式，同样在产品背景下面添加阴影效果，使

得产品立体起不单调，增加产品的层次感，更加突显产品的美丽，来吸引客户

的购买欲望，刺激下单。

第三个是香水产品展示区域，采用海报形式展示产品1，背景使用粉色矩形

不规则摆放添加阴影效果，中间加一个长矩形做装饰，以此搭配增加产品的层

次感，突出产品。产品2和产品4，采用左图右文来摆放产品，产品背景增加浮

16

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

雕和阴影效果，增加产品层次感，右边添加了收藏和加购按钮，同时添加文字

和英文的装饰，可以让客户方便快捷的把喜欢的产品收入购物车中，以此增加

产品的收藏和加购数量及其销量。

产品展示区效果图如图10所示。

图10产品展示区效果图

4.2.5页尾效果图制作

使用简单的返回按钮图形，使用金棕色，下面是简单文字指示，可以是客

户快速返回首页。

尾页效果图如图11所示。

图11尾页效果图

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

产品详情页是客户决定购买决策的重要影响之一，通过产品详情页了解产

品介绍的信息，让店铺给客户下单理由，由此来提升客户对店铺的产品信任感，

品质是客户最看重的其中一个点对提供的服务，降低买家购买风险，降低购买

顾虑，加快下单的速度。

17

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

4.3.1主副图效果图制作

产品1主图是店铺主打产品之一香薰蜡烛，主图越具有吸引力，吸引客户

下单购买的销量就越多，这是影响消费者的购买原因之一。采用红色为主的节

日主图框架，加上金色为辅助颜色，以此结合增加店铺的节日氛围和促销活动。

产品顶部文案说明店铺因什么而举办的活动，让客户清楚明白，右下角是店铺

打折扣价，一件8折优惠价后的金额189用红色字体标注，使用浅杏色打底加

上橘色和金色装饰边框注明了店铺活动信息，时间是限时的，来刺激客户。限

时1件实付8折字体放大，提醒客户这是限时活动，右边添加2个圆矩形的浅

杏色图形，中间使用红色字体描写文案。产品1中间描写产品主要卖点，增加

红色矩形框更加突出中间文字。

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

图12产品1主图效果图

接下来是产品的3个副图，主要采用产品场景在产品图片上放添加产品的

卖点，从原材料、持久时间各方面介绍。

产品1副图效果图如图13所示。

18

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

图13产品1副图效果图

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

产品1详情页第一部分是产品海报情景设计，海报上面是产品的店名加卖

点文案，文字以黑色字体添加描边的效果，增加文字的不一样，下面是辅助文

案增加卖点。

第二部分是产品卖点展示，分类导肮条采用了橘色不规则图形装饰，上面

文字下面英文摆列。图一和图三是按照左文右图的形式展示，给图片增加了金

属框，右边文案上下形式，辅助文案增加粉色矩形，给文案添加色彩。

第三部分是产品信息展示，介绍产品的参数，参数文字下面增加横线，让

整体美观有序。

第四部分是产品展示，由产品的从远到近、瓶身上到下、瓶口的细节。

第五部分包装艺术，礼盒背景图片下面添加礼盒内容描述注意事项，下面

添加白色透明背景，增加整体美感。

第六部分是介绍产品的使用方法和买家须知，简单的文字描述。

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

19

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

图14产品1详情页效果图

4.4产品2详情效果图制作

产品详情页是客户决定购买决策的重要影响之一，通过产品详情页了解产

品介绍的信息，让店铺给客户下单理由，由此来提升客户对店铺的产品信任感，

品质是客户最看重