蓝butterfly墨镜淘宝C店视觉营销方案

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

目录

1蓝butterfly墨镜淘宝店铺概况....................................................................................1

1.1墨镜类淘宝店铺发展状况..................................................................................1

1.2墨镜类淘宝店铺发展现状.................................................................................1

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

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

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

2.1.2店铺消费者分析定位.............................................................................3

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

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

3.蓝butterfly淘宝店铺视觉设计....................................................................................3

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

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

3.1.2产品1详情页板式设计............................................................................5

3.1.3产品2详情页板式设计............................................................................5

3.2店铺文案..............................................................................................................6

3.2.1首页文案设计............................................................................................7

3.2.2产品1详情页文案设计............................................................................7

3.2.3产品2详情页文案设计............................................................................7

4.蓝butterfly淘宝店铺视觉效果制作............................................................................8

4.1店铺首页效果制作..............................................................................................8

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

4.1.2海报制作过程............................................................................................8

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

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

4.2.2产品2详情页效果图制作......................................................................11

4.2.3产品1主副效果图..................................................................................12

4.2.4产品2主副效果图..................................................................................13

I

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

5.总结..............................................................................................................................14

参考资料.........................................................................................................................16

II

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

蓝butterfly墨镜淘宝C店视觉营销方案

1蓝butterfly墨镜淘宝店铺概况

蓝butterfly这个店铺主要经营人们在日常需要墨镜，夏日来临，户外出

行没副墨镜可不行！墨镜是一种眼镜，不仅可以用来耍酷，更可以利用它的遮

光性使你从表面上来看可以直视一切。同时它还是一种能够阻挡太阳光线的眼

镜。墨镜又叫太阳镜，它是在强光下保护眼睛的“劳保”用品。戴这种镜片

可以阻挡紫外线和红外线，同时外界环境的颜色并不改变，只有光线强度改变，

好像阴天一样，有凉爽舒适的感觉。蓝butterfly店铺我取这个名字是因为蓝

色就好像蓝天一样晴空万里，butterfly蝴蝶就是美好的夏天。带上我们的眼镜

就可以联想到我们家的眼镜。

1.1墨镜类淘宝店铺发展状况

墨镜行业总值达8100亿元，持续稳中向.上发展趋势墨镜行业对中国人的

生活已经产生了深远的影响,从市场发展情况、行业服务状况、服务用户分析、

行业生产总值等各个方面切入到了生活的方方面面，因此对墨镜行业的研究分

析有利于较深的理解行业特性,为该行业的投资做支撑，为市民提供良好的产品

与服务。

墨镜行业生产总值，主要由行业所涉及的单位、人员、资产、市场容量等

方面组成的行情分析。墨镜行业产销情况,主要由墨镜的生产、销售、产销等各

个环节构成的详细情况分析。墨镜行业的财务能力分析,主要包括相关企业在墨

镜行业的盈利能力、偿债能力、运营能力等方面的分析。墨镜行业的现状,主要

从墨镜行业存在的问题及痛点入手,提出针对性解决方案和墨镜行业应用前景

分析。

1.2墨镜类淘宝店铺发展现状

蓝butterfly淘宝店铺成立于2023年，疫情结束，旅游行业呈现一种报复

性消费现象，正值夏季，人们对于墨镜的需求大大增加，新店开张，蓝butterfly

官方旗舰店利用淘宝新店开张的免费推荐活动，采取了一些吸引有效用户的一

些推广活动。如：关注店铺加入会员送10元无门槛优惠券，邀请三位好友送15

元无门槛优惠券，本店产品新店开业期间顺丰包邮，支持七天无理由退换货，

1

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

全部商品均赠送运费险，退换无忧。并支持先用后付，主推款商品支持分期付

款功能。活动时间为2023年3月1日到2023年3月15日。

2蓝butterfly淘宝店铺视觉营销分析

2022疫情期间，线上购物极速发展，逐渐成为了商品交易的重要方式，如

今时代的包容性决定了大部分人们对于时尚型墨镜的选择多种多样，而不易打

破的商品壁垒引导着更多的人群在线上购买自己心爱款式的墨镜。大部分人群

对于墨镜并没有严重的品牌意识，而是侧重于墨镜的样式以及合适的价格，蓝

butterfly淘宝官方旗舰店的产品就主要是是各式各样的款式新颖价的墨镜，因

此我们店铺的色彩搭配主要以蓝白灰为主，春夏季天气炎热，蓝白灰的简洁设

计是消费者在进入店铺首页的时候给人一种情况凉爽的感觉，这种简洁可以给

消费者大气的感觉，同时简洁的店铺首页会使消费者的思绪不会太过发散从而

更快的下单购买商品，同时我们更重点侧重于产品详情页的模特海报，方便客

户根据自己的需求选择喜欢心仪的墨镜。

2.1店铺视觉营销定位分析

蓝butterfly店铺经营的是各种各样款式新颖价格优惠的墨镜产品，对于

墨镜的受众人群主要是年龄较小的在校生以及刚刚毕业工作的年轻人，这类用

户更多注重的是产品的性价比，以及产品是否新颖，是否适合自己，所以我们

更多的侧重于对于模特海报的设计，以及对于产品首页的简洁，简单明了，采

用蓝白灰的设计可以让消费者更加快速的选择自己心仪的产品下单付款，同时

蓝白灰更加大气，也能冲散夏季带来的炎热，给人一种清凉的感觉。

2.1.1店铺产品定位分析

我们店铺主营的墨镜产品，在这个疫情结束，人们收入恢复正常，对于生

活的品质要求更高，旅游行业的快速发展，就带动着人们对于墨镜产品需求，

而大多数线下门店对于大部分消费者来说都不能的购买到自己心仪的墨镜，我

们主营的产品是男女同款的蓝butterfly瀚蓝墨镜，采用合金铰链，坚固耐用，

开口顺滑，镜框黑色，镜片主推瀚蓝色，同时有多种颜色选择，价格上因为墨

镜并不是人们生活的必需品，我们选择中高端水平的定价，关注店铺并加入会

员可以有一定的优惠和活动，这个可根据阶段活动给出优惠。这个价格区间符

合大部分用户对于墨镜的心理价位，对于墨镜的价格，消费者更加注重墨镜的

款式以及墨镜的实用性。同时我们注重于对于产品的品质，致力于打造一个专

2

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

属于蓝butterfly品牌口碑。

2.1.2店铺消费者分析定位

目前墨镜的消费人群主要分三类：第一类是疫情结束后，想去各种旅游景

点旅游的消费者，这一类消费者年龄范围较大，其中一大部分消费者并没有长

时间带墨镜的习惯，只是苦于阳光刺眼，需要墨镜遮挡阳光。旅游结束后就放

置一边。这类用户往往并不在意墨镜的品质只在于墨镜的价格要求优惠款式适

中。第二类消费者是年龄较小追求审美的在校学生，这类用户对于墨镜的款式

要求较高，因为其自身并无挣钱能力对于价格也要求较为低廉，属于追求物美

价廉的消费者，第三类用户是年龄较大，对于刺眼阳光较为抵制的消费者，这

类用户往往注重于墨镜的佩戴舒适度和结实耐用，属于较为注重品质的消费者。

2.2店铺风格分析

时代在不断发展，疫情恢复人们的收入也在不断提高，同时对于旅游的需

求也大大增加，作为旅游的伴生品，墨镜的需求也大大提高。线下墨镜的单调

也使得越来越多的人们对于墨镜的选择慢慢转变为线上购物。

我们产品的主要定位人群是热爱旅游的人群，这类人群一般都具备稳定的

收入，而目前处于春夏季，所以店铺的主要就是简洁明了，不会让消费者产生

眼花缭乱烦躁的感觉，色彩我们采用蓝白灰的色调，给人大气，清凉的感觉。

2.3店铺色彩分析

色彩搭配在店铺的首页，详情页，主图副图极为重要，在浏览了多个店铺

之后我定下了自己店铺的色彩设计。颜色是买家进来后最直观的感受元素，颜

色上将白色作为店铺的底色，中间穿插一些灰色给人一种简单大气的感觉，同

时在白灰色中加入蓝色，洗去夏季那一份炎热，在视觉上起到一种大气清爽的

感觉，同时简单的颜色搭配让商品的价格型号功能更加简单明了，让买家可以

更快的了解商品从而下单付款。

3.蓝butterfly淘宝店铺视觉设计

店铺首页最容易给消费者留下深刻印象，一个合理的视觉影响离不开好的

排版框架设计和文案写作，一个好的排版设计能够更好的传达商品的利益点，

让画面更加合理舒适，更有条理，文案则可以更好的突出产品的卖点，让买家

更直观的感受到商品的优点。接下来我主要描述我们店铺的板式和文案是如何

3

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

制作的。

3.1店铺板式设计

一个好的店铺板式如果构建的十分合理，能够给买家一种美的享受，而更

好的图文布局，产品摆放，色彩搭配都可以让买家在浏览过程中充满享受，减

少跳失率，增加顾客的购买欲望。

3.1.1首页板式设计

接下来说一下店铺首页的板式设计，当一打开店铺首页是消费者最先看到

的是店招和导航条，店招和导航栏是可以让消费者清晰明了的找到自己想到的

商品。因此首页设计是否简单大气，能够吸引消费者很重要。所以我们首页设

置了七个板块。

蓝butterfly店铺淘宝首页店铺设计板式如下

图1首页店铺设计板式

4

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

3.1.2产品1详情页板式设计

产品1的详情页板式首先是产品展示用于展示产品，突出产品的大体款式，

让买家查看是否是自己所需要心仪的款式，下面是产品的三个颜色，让有购买

欲望的买家进一步了解商品，下面又一个产品展示则是对产品的三个颜色同时

展示，其次是产品的一些细节，让买家了解产品的一些特有工艺，最后是购买

须知，让买家了解一些售前售后问题。

产品1详情页板式设计如下

图2产品1详情页板式

3.1.3产品2详情页板式设计

产品2是我们店铺的主推商品，所以对于产品2详情页的板式设计我们更

加精致。首先产品2的详情页最上方有我们产品模特的试戴海报，让买家感觉

到商品的特殊，下面是产品的特有工艺设计，让买家对于我们的产品产生一种

极致的感受，下面就是产品的一些细节设。下方是产品的海报副图让买家进一

步了解商品，同时刺激买家的购买欲望，最下方则是我们的购买须知，让买家

了解一些售前售后问题。刺激买家下单付款

产品2详情页板式设计如下

5

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

图3产品2详情页板式

3.2店铺文案

因为正值夏季，且是旅游爆发性增长的时期，为了更好的合理利用淘宝新

店开张支持的流量，让更多的消费者变成店铺的粉丝。我们争取选用简单明了

的话术，文案是沟通消费者的利器，好的文案可以更好的引导消费者下单，给

予消费者心理暗示，抓住消费者的心理，用简单的文字体现出消费者在乎的利

益点，不断的心理暗示让买家认为这就是自己需要的，来引导消费者下单付款

商品。

3.2.1首页文案设计

首页的文案上有很多点，首先是店招上面的原与你于此想遇，引导消费者

6

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

了解店铺的欲望，增加消费者浏览的兴趣，店招下方的导航条使用白色文字，

分成六个专区，让买家更好的选择自己需要的商品，导航条下面则是一排的店

铺名称加深消费者对于店铺的印象。其次就是海报上利用谐音文字体现店铺的

主营产品，“棕”享夏日“镜”彩利用谐音文字体现店铺的主营商品“棕镜”下

面则是商品的购物券，先领卷，再购物利用消费者的优惠心理让买家产生购买

欲望，优惠劵上的细节也是“抢”字，给买家一种不易获得的急迫感，加快买

家的下单付款时间。优惠劵下方是设置的两个专区，男生墨镜女生墨镜，让买

家更好的选择需要的产品，其次就是新品抢先购，利用文字写出一些商品的优

惠，卖点和一些细节。同时表明新店开张，让买家去咨询客服一些潜在优惠，

刺激下单。最后则是我们的售前售后问题让买家购买无忧，促进买家下单付款。

3.2.2产品1详情页文案设计

产品1的详情页文案相对来说较为简单，如我们首先表明产品的款式，猫

眼黑框墨镜让买家了解产品的款式名称特点，下面则是表明产品的一些卖点合

金铰链，坚固耐用、开口顺滑，让一些担心产品品质的买家更加放心。然后就

是我们的整体是黑框灰镜，让买家进一步了解产品，刺激下单。最后是我们店

铺的购买须知让买家购买无忧，增加转化率。

3.2.3产品2详情页文案设计

产品2的文案首先是标注是2023新款，提高对买家的吸引力和兴趣，然后

配合产品展示图说明墨镜的特有雕花工艺，配之一些英文字母增加大气感。然

后是对产品的鼻托设计工艺，让一些对一体式鼻托墨镜需求的买家了解下单，

同时借用更符合东方面孔这四个字引导消费者我们店铺的产品极为优秀，海外

依旧畅销，下面的稳固不动弹，具有更好的定型托鼻效果则是说明一体式鼻托

的优点引导一些没有使用过一体式鼻托的买家下单尝试。然后就是我们的九色

鹿纹墨镜纹理，结合中国传统文化吸引消费者提高消费者的购买欲望，其次就

是我们墨镜独特的3+2铰链工艺和一体式鼻托、九纹鹿纹呼应增加消费者对于

产品的印象，后面则是对镜框颜色的描写，同时用英文复刻一遍，增加产品的

印象，增加阅读感。同时和前面的文字呼应，在买家脑海中勾勒出产品的完整

映像，促进买家下单购买商品。

4.蓝butterfly淘宝店铺视觉效果制作

介绍完店铺的概况、定位、风格、版式以及文案之后，接下来我主要介绍

7

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

店铺首页、产品1详情页、产品2详情页的各个部分是怎样结合之前的设

想制作的。

4.1店铺首页效果制作

首页是顾客点击店铺看见的第一个画面，关乎到店内商品之间的点击量，

转化率，一个好的店铺首页是非常重要的。我的店铺首页包括了导航栏、店铺

海报、优惠劵领取、新品专区、分类专区，五大类类目的产品展示。

4.1.1店招设计过程

店招是消费者进入店铺首页最先看到的位置，不管浏览哪件商品店招都会

一直显示在最上方，所以店招的设计是至关重要的。因此店招的设计是万万不

能出错的，同时也关乎到店铺的转化率，店铺的主要风格是简约风，所以店招

的背景色我选择为白色，左上方是店铺的logo,黄色的背景色搭配蓝色字体，让

店铺logo更加突出，背景上搭配黑色不规则线条构成一个个不规则几何体，搭

配愿与你于此相遇，给买家一种严谨又不失灵动的观感，同时右方搭配店铺的

黑框粉色眼镜，可以让买家简单的了解商品，增加趣味性，使店招不那么单调。

导航条为了更加醒目采用黑色方块打底，白色文字相配更加醒目，通过间

隔将分类模块分开，使用正楷字体，给人一种高级沉稳的感觉，同时最右侧设

置搜索框，让买家更加方便快捷的搜索商品，具有便利性。

店铺店招设计效果图

图4店铺店招设计效果图

4.1.2海报制作过程

宣传海报可以增加买家的侧观感受，一张美观的海报可以让买家留下进行

店铺商品的浏览，海报的设计上，因为正值春夏季，所以我采用蓝色的海洋背

景，冲刷夏日带来的炎热。右侧的模特也是海蓝色长裙和背景相呼应，模特下

方搭配棕色座椅和白色包包使得整体不再单调，同时左侧的文字首先是深蓝色

的蓝butterfly的logo，下方利用谐音“棕”享夏日“镜”彩突出店铺主营商

品墨镜，又能表明墨镜的作用遮阳，从而纵享夏日精彩。

店铺海报设计效果图

8

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

图5店铺海报设计效果图

4.1.3其他区域制作

对于其他区域的制作，我将其分为了优惠券模块，分类导航模块，新品抢

先购模块，购买须知模块五大类。

目商品展示模块。

首先是优惠劵模块利用背景色分割，蓝色背景搭配棕色边框棕白色内框，

让优惠劵模块更加简洁明了，配合商品优惠，让消费者更加心动。分类导航模

块虽然店招上已经设立，但很多消费者首先是先看店铺首页是否有自己需要的

商品查询不到后才会去搜索框搜索，所以我们又单独设立了一个分类导航，让

消费者去简单快速的了解我们店铺的大概商品，也能让我们的店铺首页更加充

实，更加充满诚意。对于新品抢先购模块，我们放置了几款店铺的主推商品，

并增加了产品的一些细节设计和特有工艺，还设置了店铺原创的小黄鸭，增加

趣味性，同时搭配新店开张字样促使消费者进一步了解商品，最后的购买须知

模块我们则选择了透明的蓝色，同时搭配黑色字体更加醒目，我们还在新品抢

先购和购买须知店铺背景中加入了落花元素使背景不再单调。

9

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

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

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

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

产品1详情页是我们店铺的主推产品之一猫眼黑框眼镜，总共分成四副图

10

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

展示，第一幅图是猫眼黑框的产品展示，第二幅图是这款商品的三款不同颜色

的分别展示，第三幅图是产品的黄色款展示，第四幅图也是一些商品的独特工

艺铰链技术，开口顺滑和整体的配置黑框灰片，最后就是我们熟悉的购买须知。

产品详情页1设计效果图

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

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

产品2详情页首先是先放置了一张模特海报，借用光影效果刻画模特形象

突出墨镜主体。然后我们放置了产品侧边镜框的样式雕花工艺纹路同时标注

2023新款，引起消费者的购买欲望。然后就是墨镜的特有工艺：一体式鼻托、

九色鹿纹、3+2铰链工艺突出产品的品质，然后放置女模特的试戴效果，让买家

简单的对墨镜有一个穿戴效果图了解。然后是放置了对镜框颜色的描写，让消

费者对眼睛整体有一个简单的映像。最后是我们的购买须知让买家对我们的售

前售后有一些了解。

11

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

产品2详情页设计效果图

图8产品2详情页设计效果图

4.2.3产品1主副效果图

对于主副效果图的制作我们引用了首页的部分内容，首先主图部分我们利

用聚划算，高额减免优惠劵并搭配赠品眼镜盒吸引买家下单，副图上我们以小

黄鸭配黄色眼镜为主，背景搭配蓝色小方块使得背景不再单调，左上角标明蓝

butterfly的logo，下方搭配透明色方框，同时表明产品的卖点。吸引消费者

的兴趣和购买欲望。第二张副图则是放置了两个小黄鸭观望墨镜，同时表明卖

点。吸引消费者下单

产品1主图设计效果图

12

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

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

4.2.4产品2主副效果图

产品2的主图则是采用叠加优惠劵的形式，中间采用黑石峰背景，墨镜放

置在中间，给买家一种高级感。副图1是我们详情页中的镜框颜色琥珀色，同

时在侧边放置产品细节图，让买家更加细节的了解产品。副图