BABY童袜淘宝C店视觉营销设计方案

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

目录

1BABY童袜淘宝店铺概况......................................................................................1

1.1童袜发展现状...........................................................................................1

1.2BABY童袜淘宝店铺现状..........................................................................2

2BABY童袜淘宝店视觉营销分析..........................................................................2

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

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

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

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

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

3BABY童袜淘宝店视觉设计..................................................................................3

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

3.2.1首页版式设计...............................................................................3

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

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

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

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

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

3.1.3产品详情页2文案策划...............................................................7

4BABY童袜淘宝店视觉效果制作..........................................................................7

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

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

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

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

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

4.2.1主副图效果图.............................................................................11

I

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

4.2.1产品详情页1效果图.................................................................12

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

4.3.1主副图效果图.............................................................................15

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

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

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

II

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

BABY童袜淘宝C店视觉营销设计方案

1BABY童袜淘宝店铺概况

BABY童袜淘宝c店是在2022年成立的，主要是经营14岁以下儿童穿的袜

子。取BABY童袜这个名字是因为对于妈妈们来说每个孩子都是自己独一无二的

宝贝，一般顾客看到这个名字便会想到这是一家儿童童袜店铺，可以精准的定

位到销售人群。

1.1童袜发展现状

当今社会，随着近几年相关政策的放开导致新生儿人口数量增长，人们经

济水平的提高以至于对童装童袜的需求不断的上升，前两年在大环境下对于线

下实体店来说影响较大，但是对于线上网店来说是一个比较好的发展环境。

虽然现在大部分的童装产品厂商是以线下实体店销售为主要的渠道，但是

仍然有不少的消费者会选择线上的虚拟店铺进行购买消费，这就要求我们店铺

的设计要能够有打动消费者的点，吸引他们点击购买，提高店铺的转化率。

通过店查查浏览器插件可以看到，在淘宝网页里面仅仅只查找关于童袜的

店铺就有261586家，如图1所示。关键词童袜下有总共有6.03万件商品，

在价格方面：平均价格23.84元，最高价格89元，最低价3.2元。在销量方面：

平均销量6786人，最低销量15人，最高销量3万＋人，如图2所示。其中价

格9至18元的宝贝数量和付款人数最多，36至45元次之，如图三所示。由此

可见，店铺定价方面可以从这两个区间下手。

图1：店查查插件数码店铺的数量

图2：店查查价格和销量

1

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

图3：童袜搜索第一页价格图

1.2BABY童袜淘宝店铺现状

BABY童袜淘宝c店于2022年成立。新店开张，为了吸引顾客，利用平台新

店免费流量在此做出不少的优惠活动。如除偏远地区和港澳台地区外全国包邮，

关注店铺即可获得5元无门槛优惠券（限指定商品）；店铺首页设置3~10元的

优惠券领取区域；支持7天无理由退换货；部分商品赠送运费险；店铺活动时

间二〇二二年十二月八日至二〇二二年十二月十七日。

2BABY童袜淘宝店视觉营销分析

一个好的网店不仅要有好的产品，也要有好的视觉营销设计，首先要对整

体的店铺要有一个分析，找准定位和营销方向，这样才能在设计时有大概的一

个色彩和风格，方便后续设计是有更好的思路和灵感

2.1店铺视觉营销定位分析

BABY童袜淘宝店的产品主要是以14岁以下儿童的袜子为主，而购买这类产

品的基本为女性年龄在20~40岁之间，月收入在三千五以下，以二线城市的消

费者居多，因为经营的童袜店铺，产品也是颜色比较多，所以在我们店铺色彩

方面选择暖色系为主，设计方面会添加比较童趣的元素。

2.1.1店铺产品定位分析

店铺主营的儿童袜子，也算是有孩家庭生活的必需品，这就会要求产品不

能脱离实际的需求。在家长买宝宝贴身衣物的时候，第一个看的就是质量和材

质，宝宝穿上是否舒适，其次就是价格，因为店铺本身就不是走中高端的品牌

2

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

路线，价格低一点会更符合消费者的心里预期。

2.1.2店铺消费者定位分析

由于本店销售的是童袜，主要的目标客户群是有小孩的父母，因为一般家

中带小孩的是妈妈，所以大部分是女性，收入不高，主要在二线城市工作，没

有时间逛实体店铺，以线上消费为主。从职业上来看，大多是公司职员、个体

经营和服务人员，年龄集中在26至30岁、31至35岁。这类人群对于宝宝的衣

食住行方面还是很操心的。

2.2店铺风格分析

时代的快速发展，社会也在不断的进步，但不变的永远是那颗爱着孩子的

心，所以在店铺的设计之初就确定了所有的色彩大都使用暖色调来装饰，让店

铺充满童趣。

2.3店铺色彩分析

色彩的搭配对于一个店铺来说至关重要，但因为是童袜店铺，主色调就以

暖色为主，我从中选择了明黄色和粉色，来装饰店铺，浅蓝色为点缀。因为店

铺内的产品颜色各式各样，所以也会选取和产品相近的颜色来装饰，这样既美

观又符合店铺风格。

3BABY童袜淘宝店视觉设计

3.1店铺版式设计

一个好的店铺版式设计在一定程度上会更加的吸引顾客，而好的图文设计

和页面的布局加上颜色的搭配则会提高顾客的点击率，减少跳失率，激发顾客

的购买欲望。

3.2.1首页版式设计

首先解释首页的版式设计，打开店铺首页，最上面的就是我们的店招和导

航栏，主要是以白色为主。在海报区域运用比较童趣的颜色——粉红色，和上

面导航栏的浅蓝色形成对比，在下面就是优惠券的领取区域和主推的产品区域，

顾客可以根据自己的需求选择最后就是店铺销量较好的产品区域也就是热卖区，

这个区域的设计对于又选择困难证的家长还是比较友好的，因为大众的选择不

3

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

太容易出错。

图4：首页版式设计草图

3.1.2产品详情页1版式设计

产品详情页1的设计，是店铺主推的一个产品，在海报设计上，采用的是

上文下图的排版方式。海报下面直接放产品的套装信息，以5双装的文案来吸

引消费者的眼球。整个详情页的底色是灰色，这样会更好的衬托文案和产品。

在产品细节板块，文案和图片也同样采用的上文下图的方式排版，每个文案和

图案下都会有线条相隔，既美观又不妨碍阅读。产品信息和舒适指数放到了最

4

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

后，作为单独的两个板块。

图5：详情页1版式设计草图

3.1.3产品详情页2版式设计

产品详情页2的版式设计，是本店主推的产品之一彩色英文系列，首先看

到的就是我们的海报，白底的设计可以凸显产品，右上角是一个利益点：新品

上市。海报下面我放上的是产品的详细信息，这样消费者可以更快速的看到我

们这款产品的材质，后面紧接着的就是舒适指数，和前面详情联系起来可以更

好的体现这款产品。这款产品加了一个尺码的版面，这个版面的设计可以更好

的帮助消费者进行选择。细节板块我采用的是左文右图和右文左图的对角设计，

5

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

这样可以显得美观有设计感。最后就是购前须知板块。整个产品详情页2的主

色调是明黄色，这样比较符合这款产品的配色。

图6：详情页2版式设计草图

3.2店铺文案策划

3.2.1首页文案策划

首先我们来看首页的文案，海报上的纯棉透气和春夏上新放在正中间可以

让消费者更好的注意到现在的活动和产品的质量，海报下面的优惠券领取区域

中的先领券再购物可以提醒消费者店铺的优惠信息，从而更好的产生点击率和

转化率，优惠券分为三个挡位，分别是：满45元减3元、满78元减5元和满149

元减10元，消费者可以根据自己在本店的消费情况自行领取。优惠券下面的就

是专区，分别是：女童专区、男童专区、婴幼儿专区，家长们可以根据自家宝

宝的情况自行选择。专区下面就是本店的热卖区，HOTITEM热卖可以更好的表

示出产品的火热程度。

6

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

3.2.2产品详情页1文案策划

我们来看看产品详情页1的文案方面，精梳棉网眼童袜就很好的表示出这

款产品的材质以及工艺，下面紧跟着的就是产品的优点：透气、网眼、卡通、

时尚。“每一天都是全新的一天，是健康的生活习惯，更是对品质生活的追

求。”这个文案是我们和也是消费者对于未来的期盼。5双缤纷卡通，过一个有

趣的同年！可以让消费者知道这款产品是5双装的。好细节不怕放大，一个好

的产品无论是材质还是舒适度都要好，细节方面也会做好，优质的面料，棉纱

织制，手感细腻，轻柔数值，每一双都不一样，从这里可以看出这款产品面料

上的优点。“了”型设计防滑脚后跟，面料经扯耐磨，更大更贴脚，避免宝宝

穿袜子时易脱落表明这款袜子设计时就考虑过宝宝袜子容易滑落的事情。这款

产品在缝合的工艺上使用的时无骨缝合，几乎是一体织成的。产品信息里面品

牌就是拟定的店铺名字BABY/北鼻，这款产品为动物糖果色系列（五双装），因

为款式又分为了薄款和厚款，所以在面料方面薄款的棉要比厚款的棉少17.2%，

锦纶多16.6%，氨纶多0.6%。

3.1.3产品详情页2文案策划

产品详情页2的文案，海报中的新品上市表明这款产品是本店的一个新款

式，下面的产品信息部分采用的品牌就是本店的店名：BABY/北鼻。这个系列是

彩色英文系列同样也是五双装，因为分为了薄款和厚款，在面料方面又许些的

差别，消费者可以根据自己的需求选择，当然价格方面也会有所不同，弹力指

数、厚度指数、柔软指数这三个指数可以让消费者参考一下这款产品大概的一

个舒适情况。在尺码展示中放入建议年龄、建议脚长、建议码数既可以提醒消

费者按宝宝的脚长来提交商品又可以让家长们在拍鞋类产品的时候也能参考到。

五双装随心选择方便换洗不仅显示出了价格实惠在生活中也不用担心袜子少没

有能换的情况出现。细节展示中立体袜跟可以让消费者看出这款产品不会随意

的移动脱落。“弹力袜口”不会勒到宝宝的脚脖子，面料和紧密纺织工艺可以

更好的透气和舒适，也不容易起球。

购前须知中则是把袜子寿命的建议、店铺支持七天无理由、赠送运费险都

表达清楚，如消费者还有疑问也可以联系在线客服。

4BABY童袜淘宝店视觉效果制作

介绍完店铺的现状、风格、色彩搭配、版式设计之后，接下来主要就是介

7

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

绍店铺首页、详情页是怎么按照之前的思路制作了。

4.1店铺首页效果图制作

首页的制作对于一个店铺来说至关重要，作为一个消费者进店就看见的页

面，一个好的首页对于店铺的点击率、转化率、成交率有很大的影响，我店铺

的首页主要分为店招导航条、宣传海报、优惠券领取区、分类专区、热销产品

专区五大类目的产品展示部分，这五个区域各司其职，可以让进店的消费者对

店铺的产品清晰明了并快速的找到自己想要的产品

4.1.1店招设计过程

首先来介绍店招，店招是整个店铺的形象，是消费者最先看到的部分，无

论消费者实在浏览店内的哪件商品，店招永远都是在最上面。因此店招的设计

既要考虑实用性也要考虑美观性。店招的设计风格整体偏卡通，主色调设计为

蓝色和紫色，背景色为白色。店招的左边是logo，以紫色为背景，画出了一个

儿童的形象，头上戴着一顶小皇冠，旁边用灰色字体写着BABY童袜店，这便代

表着店铺的名称：BABY童袜店。店招最右边用圆角长方形在右边四分之一处用

竖线划开，在里面放上一个放大镜说明这是一个搜索框，用来查找店内的产品。

导航条为了贴合童趣用天蓝色打底分开居中分开六个区域，分别是：首页、

所有宝贝、春夏新款、婴儿袜子、收藏店铺，在收藏店铺右边添加了一个黑边

的红色爱心，这个颜色加在这里非常的醒目，可以有效的增加收藏店铺量，以

便消费者后续再次消费。

图7：BABY童袜店店招设计效果图如图所示

4.1.2海报制作过程

下面我来介绍一下海报的设计，作为一个创造热销氛围活动宣传的中心点，

海报的制作不仅要美观还要充分的体现店铺活动。为了搭配产品在这里主要以

浅蓝到白的渐变为底色，这样更能凸显糖果色的袜子，产品的图片左右各一张，

在中间加上了一个天蓝色的竖向长方形里面填写竖状排版的文案，纯棉透气等

关键词可以告知消费者我的产品是什么材质有什么优点，有这类需求的消费者

便会被引导消费。

8

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

图8：BABY童袜淘宝店首页海报设计效果图

4.1.3其他区域制作

关于其他区域的制作，我分为了优惠券领取区、分类专区、热销产品专区。

首先是优惠券领取区，这个区域我用的是粉色偏紫的颜色来作为背景色，

这个颜色属于高饱和度的颜色，能最大程度的吸引消费者的眼球，文案先领券

再购物运用白色，优惠券的金额及使用门槛用黑色强调。分类专区用了三个板

块，并排摆放，分别是男童板块、女童板块、婴幼儿板块，文案都是在左边，

右边都统一放上童真的小模特照片，女童专区和婴幼儿专区背景色都运用的粉

偏紫也就是优惠券领取区的颜色，这样可以产生一个呼应的作用，男童的区域

因为配合男生一般都是喜欢蓝色，所以在背景色的选取上也是以蓝色为主。在

每个区域都设置了一个抹茶色小长方形里面含有英文字母CLlck再加上两个箭

头样式的图形提醒消费者可以直接按照自家宝宝的符合要求点击进专区直接查

看。在热销专区里面我首先用了一个粉色来作为背景色使用，中间的文案用饱

和度比较低的蓝绿色，这个文案下面在使用一个相同颜色的长方形来强调白色

文案，此处可以算是一个点缀的存在，提醒消费者这个地方是本店产品较好、

性价比较高的一个区域，热卖的区域我放上了九张产品的照片，按照九宫格的

样式摆放，因为拍的时候光线较暗，不足以拍出真实的样子，所以这九张照片

都进行了后期调整色相和饱和度的处理。

9

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

图9：BABY童袜淘宝店首页其他区域设计效果图

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

产品详情页1是店铺主推的产品之一，整个详情页是由产品主图、产品细

节展示和产品信息这三个部分来组成的

10

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

4.2.1主副图效果图

首先我介绍一下主图的设计。主图作为一个产品最先让消费者看到的图片

在平台的搜索相关页中决定着消费者是否会被这件商品所吸引的能力，主图既

要有买点也要有美观性还要考虑展现店铺的风格，设计程度还是比较困难的，

在参考了平台其他店铺的主图后发现大多数美工都比较喜欢偏红色设计，特别

是促销活动快来的时候，我不想在一篇红海中争相斗艳，所以我选择偏蓝色的

色系，这样也比较适合主打的产品，产品本身的颜色和图案就比较招妈妈们的

喜爱，糖果色的配色加上小动物的搭配就算是小朋友也会很喜欢，右上角加上

了一个云朵的形状，让人联想到这个产品会舒适柔软。

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

下面介绍副图的设计，三幅副图都是白色为底的设计，这样子更容易也可

以更好的突出产品的细节，副图1表明了这款产品的一个款式和季节，副图2

和副图3可以很好的看出产品的细节以及颜色

产品1副图设计效果如图11所示

11

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

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

4.2.1产品详情页1效果图

首先第一眼看到的就是海报，因为考虑到店铺的定位、风格以及产品，所

以在背景色的选择上都是用的灰白的，这个颜色容易突出文案的效果。排版用

上文下图的方式，把利益点都在海报上体现了出来，下面的图片可以看出这件

产品是糖果色的一个色系，不论是男宝宝还是女宝宝都很合适，不挑性别，在

12

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

文字的处理方面选择了蓝色和黄色，以黄色为底蓝色描边更突出一点，然后在

根据文案的重要程度调整字体和大小粗细。

在下面的细节方面运用的是上图下文的布局式样。较大的字体突出利益点，

较小的字体详细说明此利益点，每一个利益点中用一条灰色细线隔开，会显得

更工整。在产品细节中，用局部高清图片来说明我们的面料，消费者便会在脑

海中模拟出产品的手感是什么样子的感觉。版型的加上防滑的设计戳中消费者

的痛点，无缝缝合的方式会更显得这件产品的舒适

产品信息可以让消费者更加直观的感受到这件产品的材料材质是什么样子

的，在南方四个季节其实很难分开，天气变幻莫测，所以在设计的这款产品不

仅有薄款适合春夏穿的还有厚款适合秋冬穿的，最后还有体感上的一些指示可

以来区别判断。

13

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

图12：产品详情页1效果图

14

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

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

产品详情页2制作的是店铺主推的产品之一：彩色英文系列。详情页主要

是由产品海报、产品信息、产品尺码推荐、细节展示、购前须知这五大部分组

成。

4.3.1主副图效果图

首先是这个产品的主图，因为这个产品和产品1有很大的区别，所以这个

产品的主要色调是用的黄色，这个颜色比较有活力符合这个产品的色彩和定位，

整个主图都是被黄色框框起来的，这样会更好的吸引注意力。店铺logo放在了

左上角，下面的黄色矩形框说明活动买点，黄色圆形内突出新品的价格，采用

了的文字颜色为白色来突出。

图13：产品2主图设计效果图

接着是彩色英文系列产品副图设计，三幅副图都是白底图的设计，副图1

和副图3是为了消费者更好的看到细节，所以我放的是产品的局部图，副图2

是为了让消费者看到这个款式的产品有多种颜色的分类，不用纠结宝宝应该传

送门颜色的袜子。

15

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

图14：产品2副图效果图

4.3.2产品详情页2效果图

首先我们看到的就是商品的海报。左上角表明了一个利益点，加上白底的

产品，这个买点会更加的突出。海报和第二个大类也就是产品信息的分隔采用

16

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

的是类似于云朵的形状来隔开的，从产品信息开始，底色全部变成黄色，这样

子和主图的配色形成呼应，从而形成一个风格。

产品信息描述板块，为了贴合底色，在文案的颜色选取方面，用的是灰色，

这个颜色不会过多的抢上面海