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

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

目录

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店铺产品定位分析.......................................4

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

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

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

3宠物乐园店铺视觉设计..............................................5

3.1版式设计.....................................................6

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

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

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

3.2文案策划.....................................................8

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

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

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

4宠物乐园店铺视觉效果制作.........................................10

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

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

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

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

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

I

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

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

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

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

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

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

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

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

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

5总结.............................................................18

参考资料............................................................19

II

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

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

1宠物乐园店铺概况

宠物乐园淘宝店铺于2022年创立，此次专门针对店铺首次装修设计，进行

详细分析与制作。拥有线下店铺10家。宠物乐园淘宝店铺拥有4大类产品，分

别是宠物饲料类、宠物玩具类、宠物零食类、宠物日常用品类，共有产品300+。

1.1宠物用品类店铺发展现状

在宠物行业快速发展的同时,宠物用品的电商市场也得到了快速发展。据统

计数据显示,目前我国线上宠物用品市场规模已达到千亿元级,其中天猫、京东、

拼多多等电商平台占据着主要地位。随着消费者对养宠观念的转变和消费升级

需求不断增加,预计到2022年国内线上宠物用品市场的规模将达到2000亿人

民币左右。从数据中可以看出,在众多平台中天猫和京东是当之无愧的第一名和

第二名。而在这两大平台的带动下,2022年的中国线上宠物用品交易额达到了1

350亿元以上。这足以证明当下中国的电商环境以及消费者对于宠物的喜爱程度

了。

图1中国宠物行业市场规模表

针对宠物乐园淘宝店铺所在的淘宝平台，进行分析得知：有关宠物用品的

金冠店铺有387家；皇冠店铺12243家；钻级店铺44151家。

1

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

图2淘宝网搜索店铺数量表

1.2宠物乐园店铺现状

宠物乐园线上店铺始创于2022年，发展时间短，线上店铺粉丝较少。但拥

有线下店铺10家，并且分布在3个不同的一线城市，可以将一些忠实的线下店

铺粉丝引流至线上店铺。本店主营品类有四大类，包括宠物饲料、宠物零食、

宠物玩具、宠物日常用具，总共拥有商品300+。

目前店铺的经营理念以“诚信经营、品质至上、客户满意”为宗旨，坚持

“质量是生命、服务是关键、信誉是保证。”据不完全统计，线上宠物用品店铺

相对于其他行业比较少。因此还有机会能在这个行业分一杯羹。

2宠物乐园店铺视觉营销分析

店铺设计和运营对店铺提高成交量同样重要。一个美观大气的店铺装修能

够让消费者在浏览时产生好感，从而提高成交量。好的店铺装修会吸引更多顾

客停留页面，进而吸引顾客购买。

2.1竞争对手店铺视觉分析

在产品同质化越来越高的今天，店铺的装修设计应该做到创新，别具一格，

让店铺显现出更多的独特性。另外店铺视觉设计也可以参照行业内数一数二的

店铺视觉设计，进行取其精华，去其糟粕。

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

竞争对手店铺1名称为麦富迪旗舰店。其店铺粉丝有235万，是一家10年

老店。店铺装修风格简约，首页色系统一为粉色，内容丰富，包括海报区、优

2

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

惠券区、爆款区、产品分类区，每个产品区产品多样。海报区使用轮播图，容

易吸引人目光。每个产品的主图色系也是统一的绿色，整体相对色系为浅色，

较为清新，重点突出产品。

图3竞争对手店铺1视觉分析

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

竞争对手店铺2名称为迈仕宠物用品专营业店，其粉丝有196万，是一所8

年老店。

店铺首页以粉色，西瓜红为主。设计元素都是关于宠物的。其产品图大多

为白底图，没有过多的装饰，重点突出产品，但没那么抓人眼球。首页包括会

员福利区、海报区、优惠券区、产品分类区、爆款区。

3

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

产品首图风格不统一，整体看较为杂乱。

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

2.2店铺视觉营销定位分析

店铺视觉营销定位主要取决于店铺产品品类、产品设计、产品受众等方面。

以浅色系为主，要与产品设计相呼应，能够突出产品。版式简约，让浏览者不

会产生视觉疲劳。

2.2.1店铺产品定位分析

店铺经营过程，产品定位能够更好的帮助产品销售给需要的人群。在宠物

经济盛行的当下，人们更加注重产品品质，和产品多样性。店铺主营猫和狗这

两种宠物的饲料、零食、生活用品。虽然宠物种类少，但属于大众化的宠物，

消费市场在宠物领域最广，并且为了提高顾客的购物体验，尽可能增加产品类

4

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

型，做到让养猫养狗的顾客一站式购物。店铺产品为了避免一系列退货等售后

问题，可以选择做高品质高客单价的产品。

2.2.2店铺消费人群定位分析

只有明确自己的目标客户群体以及产品特征之后，才能对店铺进行针对性

的分析。店铺消费人群定位主要包括三个方面：消费水平、年龄层次、文化水

平。消费水平方面大多数以城市白领为主，根据数据统计养宠物的家庭消费水

平中上居多，且大城市宠物经济正在盛行。高客单价高品质的产品，受众自然

是经济条件较高的顾客。年龄层次以20-40岁的年轻人为主。文化水平较高。

对高品质的养宠物消费接受度高。

2.3店铺风格分析

宠物用品类风格选用可爱、清新的风格。因为养宠物的人们大多都是有爱

心、内心温暖的人，会更加倾向于这类可爱、温暖的风格，设计元素多选用与

宠物相关的图案，例如狗爪、狗骨头。在排版设计上，要用简单、大气的排版，

避免顾客看到眼花缭乱。突出重点产品，让顾客更加精准快速的找到想要的购

买的产品。排版整齐，色系统一，主题选择可爱风格，与宠物这个类别相关。

2.4店铺色彩分析

宠物用品的受众是喜爱小动物的人，此类人群更具有爱心。色彩上多采用

浅色系或暖色系，显得更加清新。明亮的色彩更能吸引人的目光，人们通常对

于明亮的色彩更加敏感。与此同时，颜色的搭配还要遵循一些基本原则，比如

“主色+点缀色”、“对比色的搭配”等，另外还要注意冷暖色调的相互协调、明

暗度的合理把握以及整体风格的统一等。

店铺首页色彩选用暖色调的棕色系风格，会比较温馨，点缀色可以选用与

一些动物毛色相关的颜色，点明宠物这个主题。详情页主要选择与产品包装相

类似的颜色，与产品相呼应。

3宠物乐园店铺视觉设计

首先对宠物乐园店铺进行大纲设计，确定宠物乐园店铺的版式，再进一步

进行详细的设计。

5

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

3.1版式设计

根据首页、详情页中所需要设计的内容进行排版，其中首页包括产品海报、

活动区、商品分类区、产品展示区、页尾区等栏目。详情页需要包括括产品情

景海报、产品卖点、产品信息、产品展示、细节展示、支付与配送信息、售后

信息等内容。

3.1.1店铺首页版式设计

首页版式设计图从上至下的排版顺序为海报区、优惠券区、产品分类区、

产品热销区、产品展示区、页尾区。其中优惠区由四张圆角矩形优惠券组成，

一行两张，总共两行分别排列对齐。

产品分类区由四个品类组成，第一行由两个长方形组成，第二行由两个正

方形组成，显得不那么中规中矩和呆板。

产品热销区由一个大长方形组成，里面有三个热销产品，第一行布局为左

产品，右文案，文案由名称、产品文案、产品价格组成；第二行为左文案，右

产品。第三行布局为左产品，右文案。

产品展示区由六个产品组成，每一行两个产品，总共三行。产品下面有一

个长方形，用来写产品价格。

页尾设计了一个关注店铺的标志。在往下就是返回顶部的标识。

图5店铺首页版式设计图

6

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

3.1.2产品1详情页版式设计

产品1详情页是一个狗粮的详情页。这款狗粮的产品图为蓝色，因此详情

页选择蓝色，和产品相呼应。并且以适当的留白凸显产品。

产品详情页包括情景海报、产品卖点区、品牌介绍区、产品细节区、产品

信息区、产品参数区、物流售后区。其中产品细节区详细展示了四个细节，产

品图的位置选用白色打底，凸显产品。产品参数区详细介绍了有关产品，让顾

客更加了解产品。

详情页中的元素尽量选用与宠物有关的图形。

图6详情页1版式设计图

7

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

3.1.3产品2详情页版式设计

产品详情页2的产品为狗狗磨牙棒，产品颜色为棕色，因此详情页的色系

以棕色为主，白色为底色。（此版试图底色为浅棕色，是为了与文档底色区分

开）。

详情页包括情景海报、产品卖点。产品细节、产品分类、产品海报、产品

信息、喂食建议、售后物流。其中产品卖点有三个，并排排列。产品细节有五

点，前面两点单独排列，后面三点单独排列。喂食建议有三点，排列为一行。

图7详情页2版式设计图

3.2文案策划

文案是品牌与用户之间沟通的重要桥梁，好的文案可以吸引消费者购买产

品或服务。

8

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

3.2.1店铺首页文案策划

首页的文案要起到吸引顾客停留与购买的作用，突出店铺重点产品、突出

卖点。

文案的策划要围绕三个方面进行撰写：一是了解产品，明确需求；二是确

定主题，提炼观点；三是寻找素材，组织语言。对此，首页的每个内容区域的

文案撰写都要符合这三点。海报区文案要明确主题，可以结合节日，推出与节

日相关的话题。每个区域的文案侧重点不相同。优惠券区要说明优惠力度，优

惠时间，好的文案能够提高客户转化。

3.2.2产品1详情页文案策划

详情页文案策划主要目的是让客户更加详细的了解产品，直击客户痛点，

让客户产生强烈的购买欲。

其中详情页中文案每个区域侧重点也不相同。情景海报区需要点明主题，

提炼观点。其主题就是“全价冻干狗粮”，三个观点：“精选原料、营养均衡、

安全管控”。

再往下就是产品卖点区，这里的文案需要针对客户的痛点进行刨析，根据

顾客的实际需求制定针对性的文案。此处卖点文案有五点：“理想体态、有利

于消化、提高免疫力、满足挑剔口味、生长发育快。”

产品细节区包括四个方面，并且做出了详细阐述。一是“维生素A&D，A&D

搭配促进生长发育，强壮骨骼和牙齿。”二是“维生素C，维持细胞间的正常结

构，促进伤口愈合,缺乏它可引起坏血病。”三是“维生素E提高免疫力，保护

心脏，远离疾病的困扰。”四是“牛磺酸，提高狗的生殖能力有明显的作用,防

止狗的膨胀心肌和中央视网膜退化症病。”

产品信息区主要详细写了产品的参数，让顾客更了解该产品。

3.2.3产品2详情页文案策划

产品2详情页是一个狗狗磨牙棒的详情页。在这个详情页中文案策划符合

产品描述，针对顾客的需求做出了详细的撰写。

情景海报区同样点明了主题，突出了产品。产品卖点区也直击顾客的痛点，

针对性的文案有三点：“清新口气、有效洁齿、减少菌垢。”这是描述产品的优

点。接下来专门针对顾客关心的问题“80%以上的狗狗在不同程度上都伴有口腔

问题”提出三个点，一是：牙结石，造成口臭及牙周病；二是：牙周炎，牙肉

发炎牙齿脱落；三是：乳牙脱落，造成口臭及牙周病。围绕顾客关心的问题，

9

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

针对性进行文案撰写更能刺激顾客消费。

接下来是产品细节与特点，包括产品的一些，成分特点与口味选择。产品

的基本信息是顾客了解该产品的主要途径，因此详细包括：生产日期、保质期、

贮存条件等。

4宠物乐园店铺视觉效果制作

根据上述店铺风格定位、人群定位，针对性的进行店铺视觉效果设计。迎

合目标人群的喜好进行店铺装修，能够增加店铺转化。

4.1店标效果图制作

店铺主营产品为宠物用品，但范围仅限于猫和狗。所以店标由一只猫头的

剪影和狗头的剪影形成，主色为米黄色，与首页相呼应。字体也采用偏可爱的

风格。

图8店标效果设计图

4.2店铺首页效果图制作

为了使店铺整体风格达到统一，首页色彩风格选用与店标统一的暖色系。

浅棕色、米色、棕色为主。

整个首页底色为浅棕色。其他一些装饰为棕色居多。装饰元素由狗粮、狗

骨头等与宠物相关的元素组成，用高斯模糊，使元素没那么扎眼。

每个区块衔接也比较重要，增加一些花边的元素过渡使得区与区之间自然

衔接。

10

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

图9店铺首页效果设计图

4.2.1海报效果图制作

店铺主要经营产品是与宠物有关，因此，海报的主元素自然使用一些小猫

小狗得图片。另外，为了凸显新店开业的主题，文案为“新店开业，福利大放

送。”让顾客一眼明了。为了避免纯色背景的单调性，增加了一些童趣的剪影，

并且降低透明度，使其画面更加具有层次感。

11

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

4.2.2优惠券效果图制作

优惠券是由一个小狗头和圆角矩形组成。小狗头是由图形和钢笔工具勾勒

而成，并且增提增加了投影与斜面和浮雕的效果，使得小狗更加立体，增加了

画面的趣味性。小狗的颜色也是为了保持店铺整体色彩的搭配，采用了棕色。

其中优惠券的字体还设置了阴影，使字体更加明显

图10优惠券效果设计图

4.2.3产品分类区效果图制作

产品分类区只有四类产品，都为白底图，使画面更加整洁，文案用透明度

较低的矩形方块打底。

四个产品分别成两行两列分布。为了避免死板，第一行的两类产品是长方

形打底。第二行的两类产品是正方形打底，并且靠左排放，右边多出空白位置

由装饰元素一个勺子填补。

图11产品分类区效果设计图

12

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

4.2.4产品展示区效果图制作

产品展示区是制作了一个展示架，为了不显得那么呆板，也是利用了投影、

鞋面和浮雕的效果，使得展示架更加立体。

这个展示架仅仅只是用了图形工具制成，重点是效果与光影的制作，光影

是效果制作的重点，一般采用曲线来调节。

色彩的选择同样为了搭配整体风格选用棕色。使画面更加和谐一致。

图12产品展示区效果设计图

4.2.5页尾效果图制作

页尾使用花边结束，与前面区块与区块的衔接相呼应。色彩选用同一色系

的浅棕色。页尾包括引导关注与返回顶部两部分。引导关注由圆角矩形与圆形

组成，增加了颜色渐变、阴影的效果。丰富了色彩与内容。

图13页尾效果设计图

13

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

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

产品1是一个狗粮的产品，产品图是蓝色，为了与产品相搭配，色系采用

蓝色系。构图简洁大方。

4.3.1主副图效果图制作

主副图同样采用与产品包装相同的蓝色系。有适当的留白突出产品样式。

主副图都以白底图为主，增加一个蓝色的边框与产品包装相呼应。主图文案要

突出价格、产品重点，所以文案效果设计比较醒目，但是不能忽略产品图。

图14产品1主副图效果设计图

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

关于产品1狗粮的详情页制作。色彩选择与产品包装同色系的蓝色。

情景海报采用左右构图，左边是图片，右边是文案。其中避免右边留白过

多，增添了狗粮作为背景。文案使用蓝色渐变圆角矩形作为底色。

产品卖点区，将产品图使用高斯模糊后作为前景，让画面更加有层次感。

每个卖点使用圆形作为文案背景，每个卖点用线条链接，构成链条性设计，更

具创造性，排版新颖。

品牌理念区制作了一个小海报，海报背景由12张狗狗照片组成的背景。文

案用透明度较低的矩形作为底色。

产品细节区采用左文右图的构图方法，使画面简洁明了。同样使用形状工

14

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

具绘制圆形组成。

详情页每个区块是由颜色不同的矩形衔接而成。

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

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

产品2是狗狗磨牙棒，产品颜色为深棕色，产品包装为透明盒装。产品功

效主要是为了清新口气。因此详情页风格为简约型，色彩选择棕色和绿色进行

搭配。

15

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

4.4.1主副图效果图制作

主副图为了凸显产品是，选择白底图为主，边框为棕色系中的浅棕色，主

打清新自然，右上角有一个店铺名称的logo，增加辨识度。

主图使用了叶子，添加模糊特效后作为画面前景，使画面更加具有层次感。

文案选择绿色与浅棕色更搭。用矩形制作了一个桌子，桌子添加了木制的纹理，

调节曲线使桌子光影更加立体。构图是左右构图，右边是小狗的图片，用钢笔

工具给小狗勾勒了帽子和领带，增添了可爱的味道。