有鱼宠物旗舰店淘宝店视觉营销设计方案

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

目录

1有鱼宠物旗舰店淘宝店铺概况..........................................1

1.1宠物食品类淘宝店铺发展现状....................................1

1.2有鱼宠物旗舰店淘宝店铺现状....................................2

2有鱼宠物旗舰店淘宝店铺视觉营销分析..................................3

2.1竞争对手分析..................................................3

2.1.1竞争对手店铺1...........................................3

2.1.2竞争对手店铺2...........................................5

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

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

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

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

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

3有鱼宠物旗舰店淘宝店铺视觉设计.....................................10

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

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

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

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

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

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

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

4有鱼宠物旗舰店淘宝店铺视觉效果制作.................................16

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

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

4.1.2海报制作................................................17

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

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

4.2.1主副图效果图............................................20

I

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

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

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

4.3.1主副图效果图............................................24

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

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

参考资料............................................................29

II

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

有鱼宠物旗舰店淘宝店视觉营销设计方案

1有鱼宠物旗舰店淘宝店铺概况

2022年，有鱼宠物旗舰店淘宝店正式开业，专注于宠物食品行业，其中包

括“有鱼营养鸡胸肉系列”、“美毛健体功能型主粮系列”、“有鱼配方羊奶粉系

列”、“营养保健系列”等多种宠物食品。他们的主要产品“纯天然”和“高品

质”，始终秉承着有鱼的发展宗旨。一直以来，都专注于宠物食品的生产与加

工，累积了许多的宠物食品的生产经验，因此我们一直秉承着做高品质的产

品。

1.1宠物食品类淘宝店铺发展现状

宠物行业的融资规模，这几年呈现一条曲线上升的态势。在资本的加持

下，整个宠物行业的发展无疑像坐上了火箭一样迅猛。毫无疑问，宠物行业是

一片充满机遇的蓝海，市场的上限还远远没有达到，我们对它仍然可以充满着

想象力。

宠物市场延伸出宠物食品的发展，很多宠物主把宠物当做家人吃住都是按

照高标准。宠物食品市场规模不断扩大，其复购量大的特征吸引了很多的企业

加入。目前我国的宠物食品销售渠道主要是线上电商为主，未来市场将往满足

消费者多元化需求发展。以下是2017-2021年宠物食品行业分析，如下图1所

示。

图12017-2021年中国宠物食品市场规模情况

数据显示宠物食品行业的市场分析，2021年中国宠物食品规模大约在

1

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

1554亿元，预估计2022年宠物食品行业规模将达到1732亿元。随着社会经济

的发展及养宠观念的不断推广与普及，宠物行业已成为蓝海市场。宠物食品具

有高频率、高消费的特征，吸引了许多初创企业的加入，这使国内品牌的市占

率逐渐提高，海外品牌市场占有率逐渐降低。

线下与线上电商平台网购是中国宠物食品行业消费者的主要购买途径。认

为线下宠物店拥有其专业性可以引导消费者，因此在线下渠道中占据重要地

位。而线上电商平台面对销售终端市场，不用承担线下店铺所需的租金水电等

费用成本，因此价格也会相对更低，在电商节等活动大促下折扣也会更大，更

容易刺激消费者购买。我国宠物食品行业的销售以线上电商渠道及专业渠道中

的宠物店为主。不同于欧美等发达国家宠物食品行业的销售以商店超市渠道为

主，我国消费者更倾向于电商渠道。

1.2有鱼宠物旗舰店淘宝店铺现状

有鱼宠物旗舰店淘宝店成立于2022年，基于宠物食品市场的不断扩大，

竞争也越来越大，由于本店是刚开张，吸引顾客进店对于淘宝商家来说顾客是

非常的重要的，为了吸引更多的顾客进店，获得更好的数据进行了如下内容设

置。

1.当店铺新品上架时，根据本店铺针对的人群、面对的市场来进行选择新

品。进行店铺经营需要定位精准人群为后期扩大粉丝做准备。选定合适的产品

满足市场需求是店铺吸粉的核心要点。

2.作为新店铺，在没有老客基础的情况下，需要对店铺及产品进行优化设

计。在设计图上以打造优质、精美、突出特色为主，以点击为王的原则对产品

进行精准的设计。同时图片表达的信息定要符合目标客户的需求，抓住客户的

痛点、需求点。图片一定要突出产品的卖点与促销信息，卖点要精简要戳中要

点，购物欲达到最大。

3.抓住详情页，促成转化是重点。在规划产品详情页时参考以下步骤：列

举产品的卖点、痛点、特点、优势、以及自身所具备的价值。只有对产品了解

并放心才会形成转化。做到消除客户内心的疑虑，包括正品保障，技术证书，

产品经营许可等都是强有力证明。做好详页来提高转化率是关键。

4.利用现在的各种短视频平台、微博等进行活动宣传店铺产品。在淘上利

用试用活动吸引客户参与活动。同时除了借助平台的活动外，自身店铺也需要

进行新品上新活动。根据调查分析，很大部分客户都抵御不了免费参与领取产

品的活动。

2

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

2有鱼宠物旗舰店淘宝店铺视觉营销分析

目前，网上购物已经成为日常生活的一种新的购物模式，因受电子商务快

速发展，网店竞争越来越激烈。而视觉营销与页面设计作为网店营销的关键要

素，一直都备受关注。随着新媒体和技术手段的提升和发展，之后电子商务的

视觉营销与交互设计在网络中的地位会越来越突出。而且受线上与线下购物差

异的影响，卖家也开始逐渐意识到视觉营销的重要性。本店视觉营销分析如

下。

（1）吸引消费者

本店为了将品牌、产品、与文化理念全方位展现给消费者，在页面设计

中，融合了文字、图片、视频、功能等模块，确保其中突出的亮点可以直接吸

引消费者的眼球，以此对消费者形成直观、生动的视觉冲击感。特别是在首页

海报展示中，引导消费者产生相关联想，在二者产生共鸣的时候，则会调动消

费者的消费需求与欲望。所以，在一定程度上来讲，视觉营销是与消费者进行

深入交流的主要方式。

（2）激发消费欲望

以视觉营销为基础，对各种类型产品进行图片与文字等多样化搭配，创造

良好的生活情境，展示给消费者，引导消费者产生想象，进一步诠释网店页面

设计理念。因此，成功的视觉营销，是激起消费者购买欲望的催化剂。

（3）引领时尚消费潮流

消费者需求的实时变化，在很大程度上决定了需求的可诱导性，产品与消

费者一旦产生情绪情感共鸣，消费者就会很容易产生购买欲，并快速做出决

策，而这种情绪情感，本店进行了加以引导和创造。网店视觉营销则满足了消

费者的感性心理需求，通过视觉营销，诱导消费者购买。

2.1竞争对手分析

在淘宝平台中同行非常的多，竞争也非常激烈。在这样的情况下，各位商

家们需要对自己的竞争对手进行分析，淘宝平台中有很多的工具可以使用。使

用这些工具可以帮助了解自己店铺的运营情况，同时还可以帮助了解对手的情

况。所谓知己知彼，才能够百战百胜。

2.1.1竞争对手店铺1

同行业中本店铺主要竞争对手之一是艾尔官方旗舰店。艾尔官方旗舰店网

3

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

址为/，公司成立于2002年，于2018年开设线上品牌官方

旗舰店，现淘宝粉丝数有11.7万余人，DSR评分相对也较高，三项平均分在

4.8分。该店的目标人群为饲养猫狗的家庭，17年专注宠物食品，简约风，主

要以灰白色调为主，店铺的产品价格水平较同行业偏高。以销售猫粮和狗粮为

主，企业实力强厚，目标人群定位清晰准确，专业性强。

艾尔官方旗舰店视觉效果分析如表1所示。

表1“艾尔官方旗舰店”视觉效果分析

效果

竞店视觉效果截图分析评价

版块

优点：店招以蓝色作

为背景主色调，导航

条以黄色为背景，更

清晰显眼。首页海报

店招和

以粉色为主，卖点突

海报

出，文案排版舒适。

缺点：店铺首页没有

设置搜索框，不方便

客户更好的浏览搜索

优点：设有9.9超值体

验区，激发消费者的

宝贝陈购买欲望，分有4个

列区不同颜色的产品板块。

缺点：未做产品分类

模块，主次不分明

4

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

优点：底部做有返回

首页顶部按钮，添加的小

底部元素，更加突出店铺

风格。

优点：主图设计卖点

突出，促销信息全面，

红色边框视觉吸引力

主副图

强。副图设计诱惑力

强，文案直击用户需

求。

优点：产品工艺明显，

卖点突出，方便消费

者更加了解产品。且

详情页有介绍产品使用建议。

缺点：产品介绍信息

不足，未进行产品包

装细节展示。

2.1.2竞争对手店铺2

同行业中本店铺另一个主要竞争对手是proplan冠能官方旗舰店。proplan

冠能官方旗舰店网址为/，创立于1986年，至今已

有30年的历史，于2014年12月31日入驻淘宝，是一家7年老店，现淘宝粉

丝数有76.5万余人，DSR评分相对也较高，三项平均分在4.9分。该店的目标

人群以饲养猫狗家庭为主，专注于增强犬的三大保护系统的功能，为完全满足

其所需的不同需求。简约风，主要以粉色色调为主，店铺的产品价格水平较同

行业相对均匀。主营产品包括猫粮、狗粮、猫零食用品、猫砂、犬零食，相对

丰富。企业实力强厚，目标人群定位清晰准确，专业性强。

proplan冠能官方旗舰店视觉效果分析如表2所示。

5

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

表2“proplan冠能官方旗舰店”视觉效果分析

效果

竞店视觉效果截图分析评价

版块

优点：店招以粉色作

为背景主色调，店招

区域有制作热销标签，

引人注目。首页海报

以粉色为主，活动突

店招和出，文案排版舒适。

海报缺点：店招导航条层

次不分明，不利于增

加消费者的浏览体验，

产品卖点不突出，不

能够更好的吸引消费

者。

优点：设有甄选星品、

明显单品等四个板块，

四个板块的产品陈列

宝贝陈

风格统一和谐。

列区

缺点：产品陈列主次

不分明，排列单一，

主推产品不突出。

缺点：首页底部没有

首页做设计，无返回顶部

底部版块，影响消费者的

浏览体验。

6

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

优点：主图设计卖点

突出，促销信息全面，

活动氛围强烈，红色

主副图边框视觉吸引力强。

副图设计卖点突出，

诱惑力强，文案直击

用户需求。

优点：展示产品加工

过程，卖点突出，能

够更好的吸引消费者

详情页购买。

缺点：未制作产品包

装细节展示模块，产

品信息介绍不足。

2.2店铺视觉营销定位分析

无论男人、还是女人、甚至变性人，都是视觉动物，都喜欢看到自己喜欢

看到的东西，在网购时代，视觉成了唯一能辨别选购产品喜好度的方式。如果

在视觉上我们无法打动消费者，就算我们的内在美再好，质量再好，都是徒劳

无功。

2.2.1店铺产品定位分析

有鱼宠物旗舰店经营的产品以宠物食品系列产品为主，目标市场是中低端

市场，主要分为宠物主食、宠物零食、宠物保健食品3大类型，本店的店铺产

品定位分析主要从季节性、行业潜力、产品利润率、产品质量四个方面进行分

析。

（1）季节性

本店销售的宠物食品属于一年四季都可销售的产品，这样产品可以尽量免

7

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

库存积压的风险，也大大提高产品的售卖的顺畅性。

（2）行业潜力

宠物行业的融资规模，在这几年呈现一条曲线上升的态势。宠物行业是一

片充满机遇的蓝海，市场的上限还远远没有达到，宠物市场延伸出宠物食品的

发展，很多宠物主把宠物当做家人吃住都是按照高标准，宠物食品市场规模也

在不断扩大。

（3）产品利润率

宠物食品的市场需求处于相对较大的状态，能有效的提高产品转化几率，

且有一定的利润空间，这是重要的一点，卖东西其主要目的就是为了赚钱。所

以为产品在定价的时候要有一定的利润空间，如果客单价过低，利润空间也就

低，产品利润高才能有资本推广，有推广的资本才是良性循环。

（4）产品质量

本店产品主打健康营养，这也是消费者正需要的，突出产品的优势和价

值。产品质量包括对产品的原料、工艺、技术、有限期、安全性等可靠性和价

格实惠等经济性。

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

有鱼宠物旗舰店主营宠物食品系列产品，在中国宠物食品消费人群中，女

性占比为59.8%，高于男性（40.2%），相差将近20%。女性群体在照顾宠物方

面更为细致，因而更加注重宠物食品安全与品质。

（1）从职业性质来看。

企业管理者及普通职员占比46.5%。该群体大多处于工作和经济压力下，

需要养宠来调节心情，慰藉精神，因此宠物食品消费较多。

（2）从收入水平来看。

宠物主大多为月收入五千至一万五千的中高收入人群，占比达61.6%。显

然，饲养宠物的花费是居民日常生活外的支出，因此需要一定的经济条件支

撑。并且，中高收入人群也愿意为宠物购买更精细化、更多功效的宠物食品，

满足宠物健康成长的多元需求。

2022年中国宠物食品消费人群画像如图2所示。

8

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

图22022年中国宠物食品消费人群画像

2.3店铺风格分析

如今在网上购买宠物食品的人越来越多，这样一来，宠物食品类店铺的发

展也是非常迅速的。店铺增多，竞争也就激烈了，要想在竞争中占有优势，就

必须注重淘宝网店的装修。在装修宠物食品类是要注重的就是突出宠物食品一

个绿色、环保、无污染的健康理念，购买宠物食品类的更是一些爱宠人士，因

此本店在店铺色彩上选择了橙色为主白色为辅的暖色调，这样能给人带来一种

舒适、温暖的感觉。

2.4店铺色彩分析

俗话说:“远看色，近看花。”人们在远处观察到一处风光的时候，细节元

素通常是看不清的，大体的色彩表现会给人们带来第一感官印象。不同的颜色

通常能给人带来不同的心理感受。

店铺的logo采用的是一种舒适的暖色调，给爱宠人士一种温暖、舒适的感

觉。

店铺产品背景也是采用橙色调为主，这种颜色是穿透力强的颜色，且能够

传达出富足、温暖的感受，从而打造出店铺的营销氛围。

本店以橙色为主的色彩搭配给消费者带来和煦的感觉。橙色通常会给人一

种活跃的感觉，它通常可以使抑郁心情霍然爽朗，橙色标志着爱情和甜蜜，对

于爱宠人士正是如此。布满活力的橙色会给人健康的感觉。由于本店销售的是

宠物食品类产品，走的是健康。温暖风格，所以本店以橙白为主色彩，也能很

9

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

好的体现店铺风格。

3有鱼宠物旗舰店淘宝店铺视觉设计

店铺的版式设计包括首页和详情页。首页指的是用户进入网站后第一眼看

到的页面。它可能只有一个横幅和一个导航栏，但它可以决定用户的命运和网

站的质量。因此，企业需要做好第一屏的布局设计，为用户呈现最完美的视觉

效果，吸引用户继续浏览。而详情页的版式设计则是为消费者传达店铺产品的

相关资讯，促进信息交流，所以详情页的版式设计需要做到详尽充分，以此增

添消费者的信任感。

3.1.1首页版式设计

店铺首页版式设计的尺寸为1920px×8900px，橙色的暖色调是店铺全局的

背景色。进入店铺首页，最顶部是店招以及导航条的位置。店招和导航条采用

的是橙白搭配的背景。文字、图片等整体居中水平摆放。店招从左到右依次是

店铺logo、店铺热销产品、关注收藏信息。导航条则放置的是店铺主要销售的

产品分类，然后再放置店铺搜索框。

导航条下面是海报，海报的尺寸为1920px×800px。首页的海报主要是为

了宣传产品并未店铺增加知名度和销售量，更好的抓住消费者眼球。海报的构

图形式是左右两边方式产品，文案居中摆放。

海报以下是店铺的分类专区。分别是店铺优惠专区、全系列产品专区、热

销专区、猫粮以及猫零食专区、狗粮专区、营养保健专区。这些板块中的设计

主要是运用产品、产品的大小以及店铺风格对比关系来设计，以营造出跳跃

感，使主角更突出，从而体现店铺的营销目标。版块内采用有左图右文、右图

左文和上图下文的构图方式。

首页最底下是返回顶部，这一板块采用的是与店铺风格相关的橙色三角形

作为放回顶部的装饰元素来进行设计的。

有鱼宠物旗舰店淘宝店铺首页版式设计草图如图3所示。

10

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

图3店铺首页版式设计草图

3.1.2产品详情页1版式设计

视觉营销设计除了首页之外，另一个所占比中较大的就是商品的详情页

了。详情页一般是最能体现商品全面性的了，因为详情页包含了一件商品所有

的信息，消费者若是对一件商品产生了极大的购买欲望，那么就一定会要在第

一时间去了解这件商品的所有信息来供自己作为参考，而能够最快速了解到的

方法便是商品的详情页了。所以这方面注重的是要将详情页做的一目了然，能

够让顾客了解到这款产品的所有具体信息，因此整个的设计板块也是非常直接

11

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

的排版方式，想要凸显简约大气的风格。

产品1的详情页设计，是本店的主销产品之一全价冻干三拼猫粮。产品1

的详情页的板块设计包括：海报、产品细节、产品卖点、产品介绍、售后模块

以及买家需知。首先是产品海报的设计，大小设置为750px×900px，背景是由

暖色系的橙色渐变色块组合而成。然后是分类版块，分别是产品细节、产品卖

点、产品介绍，采用白色和橙色两个颜色交替使用的色块来区分每个版块。产

品细节采用图片下沉的方式进行产品细节的排版，图片文字相结合，产品细节

一目了然，利于消费者了解。产品卖点采用上图下文、左文右图形式进行排

版，产品卖点更加突出，激发消费者购买欲望。然后是产品介绍，对产品的规

格、使用期限、适用对象、包装设计进行介绍，还专门对产品的换粮及饲喂进

行了介绍，解决了消费者因饲喂不懂的烦恼。最后是售后和买家需知模块，售

后也是消费者的一大需求点，售后模块采用橙色使得文案更加突出。买家需知

模块则采用饱和度较低的颜色，由矩形加以文字组成。

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

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

12

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

3.1.3产品详情页2版式设计

产品2的详情页设计，是本店的另一款主销产品配方羊奶粉。因为是同一

类型的产品，所以需要全面展示的板块也是大相径庭的，并且一个店铺的整体

设计也不需要有太大的相对风格，这也是为了符合店铺整体的一个装修风格。

因此产品2的详情页板块设计总体来说并没有很大的变动，还是以简单明了这

一目的来设计的。

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

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

3.2店铺文案策划

计划好整体的版式布局后就，需要进行文案策划。众所周知，单纯的艺术

创作可能是需要一张有创作感的图片就可以了，但是营销设计不仅仅是为了美

观，它更重要的是通过图片与文字告诉顾客产品的优点为此来达成交易。因此

作为销售的另一种传达与交流方式，文案是必不可少的。

13

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

3.2.1首页文案策划

首先要介绍的是首页文案策划。有鱼宠物旗舰店首页文案策划主要包括5

大板块：店招板块、海报板块、优惠板块、各专区板块以及返回顶部板块。

首先是店招板块。店招左边放置的是店铺logo以及店铺名称“有鱼宠物旗

舰店”，以及装饰文案“YOUYUPET”，中间放置的则是店铺热销产品，点击

进入店铺后映入眼帘的便是热销产品，吸引消费者眼球，利用产品卖点“无谷

低敏易吸收”“营养守护助成长”，激发消费者的购买欲望。最右边放置的是

“收藏关注”按钮，把按钮放在右边，更适合消费者的浏览习惯，增加店铺关

注量。往下导航条是店铺的产品分类，右边放置的搜索框，方便消费者搜索产

品，提高消费体验。

有鱼宠物旗舰店的店铺海报板块。首先利用加大加粗字体“好粮诱惑肉

不可挡”作为海报的主文案，让消费者了解海报卖点产品是什么。其次，用

“萌宠首选长久陪伴”作为产品的次要文案，起到修饰的作用，以及利用

“美毛、健体、易消化”的产品卖点，体现产品的功能和优势，让消费者知晓

产品的卖点。最后设计购买按钮“铲屎官进入”，引导消费，是消费者更进一

步了解产品。

有鱼宠物旗舰店的店铺优惠版块。首先利用消费者的购买心里，设置优惠

券专区，并利用“先领券再购物”这一具有指引性的文案抓住消费者的眼

球，增添消费者对本店的信任感和购物欲，然后是优惠券的活动力度和使用条

件的信息。往下是“一键入会享特权礼”留住消费者，利用入会的优势条件，

“新人入会享110元券”、“0元试用抢正装”、“0元抽猫超卡”等，促使消费

者入会使其发展成为忠诚顾客。

有鱼宠物旗舰店的各专区板块。主要包括“有鱼全系列产品”、“热销专

区”、“猫粮专区”、“猫零食系列”、“狗粮专区”、“营养保健系列”。都是采用

与店铺风格相关的暖色系，各专区的辅助文案，利用产品卖点，进一步吸引消

费者购买，热销专区设置了加入购物车的按钮，方便消费者加购。并在主销专

区设置了“立即购买”、“查看更多”按钮，引导消费者点进，产生消费。

最后是利用“三角形”等元素构成的“返回顶部”，按钮，方便消费者点

击回到首页顶部，提升消费者的浏览体验。

3.2.2产品详情页1文案策划

产品详情页1介绍的产品是猫粮。详情页板块包括：海报、产品细节、产

品卖点、产品介绍、售后模块以及买家需知的文案策划。

14

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

在产品详情页中，首先是详情页海报板块的文案策划，在海报详情页中，

海报顶部采用辅助文案“600万养宠家庭的选择”这一产品的需求量，更好的

赢得消费者信赖。然后主文案采用“科学配比均衡营养”直击消费者购买心

理，最后是利用“低敏配方”、“原料天然”、“安全有保障”这一产品卖点抓住

消费者购买需求。

对于宠物食品方面的产品，消费者相对比较注重是食品安全方面，因此对

于产品详情页的文案策划，也要对应消费者需求。海报一下是详情页产品细节

方面的文案策划。“粒粒真材实料”的宣传标语以及产品材料的细节：“鲜鸡

肉”、“鲜猪肉”、“三文鱼”、“鱼油”、“鸡蛋”进行展示，使消费者了解，买的

放心。

产品卖点模块的文案策划。主文案利用“果寡糖”、“甘露寡糖”等有益菌

群以及采用辅助文案“助长有益菌”、“优化肠道营养吸收”突出产品的优势和

功能。使用产品材料分配占比的方式“75%肌肉”、“10%带骨肉”等对产品加

以说明，这样的文案来凸显产品的特色。

产品介绍模块的文案策划。介绍产品的品牌、产品名称、规格、保质期、

适用对象、包装设计，让消费者对产品有具体的了解。往下是“换粮建议”和

“建议每日饲喂粮”帮助消费者更好的喂养，解决客户烦恼。

售后模块以及买家需知的文案策划。售后模块文案采用“7天无理由退换

货”、“非正品10倍赔偿”等优秀的售后条件能够解决客户的后顾之忧，不用

担心自家宠物因为食品不适产生的困扰，使消费者买的安心买的放心。买家需

知模块的文案策划主要是对“关于包装”、“关于发货”、“关于退换货”、“关于

售后”进行的解释，进一步解决客户疑问。

3.2.3产品详情页2文案策划

产品详情页1介绍的产品是本店的另一款产品配方羊奶粉。详情页板块包

括：海报、产品卖点、产品保障、产品介绍、售后模块以及买家需知的文案策

划。

对海报模块的文案策划。通过采用加大加粗的标题“温和羊奶易吸收”、

“丰富DHA助成长”让消费者对产品优势有个大概的了解。然后是辅助文案

“有鱼宠物营养配方羊奶粉”让消费者知道该海报介绍的是什么产品。

产品卖点模块的文案策划。主文案采用“好奶粉，一眼就能分别”告诉消

费者接下来要介绍的是什么，再利用“看”、“闻”、“泡”告诉消费者如何辨别

好的奶粉，再是利用“色泽上偏乳黄”、“味道上贴近自然”、“冲泡上速溶细腻

15

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

不结块”等卖点突出产品的优势，下意识的告诉顾客我们的是优质奶粉，激发

消费者的购买欲望。

产品保障模块的文案策划。采用“四重保障安全放心”为主文案，先建

立消费者对本店的基本信任，再分为四个小细节对“科学配方”、“优质好奶

源”、“低温保鲜”、“3C认证生产车间”进行具体的描述，挖掘消费者的潜在需

求。

产品介绍模块的文案策划。介绍产品的品牌、产品名称、规格、保质期、

适用对象、原料组成，让消费者对产品有具体的了解。往下是“每日饲喂粮”

帮助消费者更好的喂养宠物，解决客户因不知如何饲养产生的烦恼。

售后模块以及买家需知的文案策划。售后模块文案采用“7天无理由退换

货”、“非正品10倍赔偿”等优秀的售后条件能够解决客户的后顾之忧，不用

担心自家宠物因为食品不适产生的困扰，使消费者买的安心买的放心。买家需

知模块的文案策划主要是对“关于包装”、“关于发货”、“关于退换货”、“关于

售后”进行的解释，进一步解决客户疑问。

4有鱼宠物旗舰店淘宝店铺视觉效果制作

介绍了整体的版式设计、文案策划之后，现在来开始了解整个店铺视觉营

销设计的最终效果图的制作理念。

4.1店铺首页效果图制作

众所周知，店铺首页的总体区域是1920px、950px的有效点击区域。那遵

循这个规则，设计的店铺首页一共可以分为六大部分，分别是店招、导航栏区

域、全屏海报区域、优惠券区域、商品展示区域以及页尾区域。这六大区域各

自分布、各司其职。通过这六大部分可以让进店的顾客对店铺的产品清晰明

了，并且可以迅速找到自己的需求产品。

4.1.1店招设计过程

首先来介绍店招的设计，店招是一个店铺的形象，店招和导航可以说是顾

客进店最先看到的部分，那在设计的时候考虑了店铺风格的美观和实用性，所

以用最简单的白色为店招背景，而店铺左边的1ogo用的是店铺名称的缩写。

这里采用的是极具立体感又富有生动想象力的这样一个字体，能够带给人们可

爱活泼的视觉感受。店招中间放置的是店铺热销产品，诱导消费者点击。然后

最右边是“收藏关注”按钮，根据消费者浏览习惯，引导消费者收藏关注本店

16

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

铺。店招下面紧接着的就是导航栏区域，导航栏的设计必须要做到的就是清

晰、简单，所以这里并没有太多的设计感，用的是肉橙色为背景色，其中的导

航区域分为:首页、所有宝贝、天然狗粮、天然猫粮、零食罐头以及营养保健，

区域中间用黑色竖线分隔开，竖线分隔会给人一种整洁的感受，会使导航栏更

加清楚。导航条最右边设计了搜索框，方便消费者搜索，提升浏览体验。具体

店招效果图如图6所示，在PHOTOSHOP软件中的制作过程图如图7所示。

图6店铺店招制作效果图

图7店铺店招制作过程图

4.1.2海报制作

下面介绍的是海报的设计，海报是一个活动宣传的中心点，所以海报的制

作要充分体现店铺的活动。海报的背景色是用的橙色与整个店铺风格色调一

致，但是在这基础上又加了骨肉小元素装饰的效果，让海报背景更有层次。整

个排版是左中右的结构，在左边摆放的是产品的大概原材料构成，这样风格的

图片既美观又贴合了主题。中间的“好粮诱惑肉不可当”的字体用了一些线

条方框作为点缀。下方的“美毛”、“健体”、“易消化”凸显产品卖点，表明促

销主题。右边配上的是海报主推的产品。整个海报的设计色彩都是暖色调，没

有太多复杂的装饰，左中右的结构设计会给人一种温暖、大气、规整的感觉。

具体海报效果图如图8所示，在PHOTOSHOP软件中的制作过程图如图9所

示。

17

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

图8店铺首页海报设计效果图

图9店铺首页海报制作过程图

4.1.3其他区域制作

首页其他区域的制作，根据产品的功能和特色分为了：店铺优惠、全系列

产品、热销专区和四大类目产品展示和返回顶部版块。

首先第一眼看到的是店铺优惠版块，该模块划分为了两个部分。第一部分

是由三张优惠券组成的，数额做放大设计且填充为橙黄色，与导航条的颜色相

呼应。第二部分采用橙白渐变组成，为入会额外可以领取的其他更加优惠的金

额与活动，吸引消费者注意，可以有效增加本店粉丝数。

全系列产品模块采用的是浅灰色作为背景，将本店所销售的产品逐一展

示，是消费者了解本店经营的大体内容，也方便消费者点击购买。

产品热销专区由八个白色矩形框组成，采用产品居中，产品名称及说明靠

18

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

左下方摆放，右下设有产品价格以及加入购物车的标签，进一步促进产品加购

率。

四大类目产品版块，猫粮与狗粮主销板块采用大黑色描边框组成，宠物元

素做放大处理，还设有“查看更多”按钮，帮助消费者更好的查看。主推产品

图都做放大处理，并在主推产品上做了“立即购买”的引导按钮。猫零食与营

养保健则是采用与店铺风格一致的橙色方框的矩形作为分隔区域，更加方便消

费者浏览时准确定位区域，采用上图下文和作图右文的形式进行摆放，看上去

具有整体感，提升消费者的浏览体验。

最后的返回顶部版块，由橙色的三角形和长方矩形组合而成。并在组合成

的矩形里放置一个燕尾服形状的引导符，从而打造一种延伸感，也同时提升了

消费者的浏览体验。

具体其他区域设计效果图如图10所示，在PHOTOSHOP软件中的制作过

程图如图11所示。

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

19

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

图11店铺首页其他区域制作过程图

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

产品详情页是提高转化率的首要入口，也能是消费者对产品有更加深入的

了解，好的详情页效果图不仅能激起消费者的消费欲望，还能消减消费者心中

的疑虑，从而促成购买。

4.2.1主副图效果图

最先制作的是产品1猫粮的主副图，首先说一下主图，主副图中主图一直

都是比较繁琐的东西，既要符合美观又要把所有的信息体现，首页选择了与店

铺风格一致的橙色，这样也比较符合店铺风格。构图为左文右图的形式，上方

文案卖点突出，采用橙色填充，黑色描边的显眼设计，左边文案为产品卖点，

右边为主图产品。下面的促销信息用的是灰色和橙色渐变的矩形色块突出“活

动价”和“barf喂养”的字样，并在文案上采用了文字投影的效果。

产品1主图设计效果图如图12所示，在PHOTOSHOP软件中的制作过程

图如图13所示。

20

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

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

图13产品1主图制作过程图

而副图就是产品的不同特点展示，相比主图来说要简单许多，其他副图同

样是与店铺风格一致的橙色掉作为背景，分别是产品细节图、场景图、活动图

与白底图的展示，让买家看完是买家有代入感，产生购买欲望。白底图的作用

主要是利于被手淘抓取，增加流量。

产品1副图设计效果图如图14所示，在PHOTOSHOP软件中的制作过程

图如图15所示。

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

21

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

图15产品1副图制作过程图

4.2.2产品详情页1效果图

详情页首页开头也有一个海报的设计，然后再根据产品的功能和特色分为:

产品细节、产品卖点、产品介绍、服务信息等部分。

首先就是第一眼看到的海报，在设计详情页海报的时候考虑到店铺的定位

和风格以及产品的功能和特色，所以海报的背景色包括整个详情页的总体背景

都是用的橙色的渐变色。采用的是上图下文结构的排版设计，上方是提前设计

好的文案和产品搭配信息。文字的处理上选择了白色，然后需要重点描绘的文

字信息采用了椭圆形装饰起来。在下方摆放了一张猫咪吃猫粮的大图和商品图

讲产品的细节和包装，占据了图片的左下角和右下角，选择了橙色包装的产品

经过细微处理调整都放在了海报上，然后再根据其重要程度调整了字体的大小

粗细。

产品细节则是采用五张产品的构成图运用图片下沉的方式并在图片上方对

图片加以说明，而产品卖点模块则是左文右图和上图下文两种构图方式组成，

文案根据其重要程度分为主文案、辅助文案、点缀文案等，利用字体的大小、

粗细、颜色变化来呈现。

产品介绍是对产品品牌、名称、规格、日期等进行介绍说明，并在下方设

有“换粮建议”和“建议每日饲喂量”，进一步帮助消费者了解对产品的使用

方法。

最后是服务信息模块，售后模块文案采用“7天无理由退换货”、“非正品

10倍赔偿”等售后条件解决客户的后顾之忧，在针对“关于包装”、“关于发

货”、“关于退换货”、“关于售后”进行的解释，提升消费者售后体验并加以说

22

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

明。

产品1详情页设计效果图如图16所示，在PHOTOSHOP软件中的制作过

程图如图17所示。

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

23

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

图17产品1详情页制作过程图

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

产品详情页是提高转化率的首要入口，也能是消费者对产品有更加深入的

了解，好的详情页效果图不仅能激起消费者的消费欲望，还能消减消费者心中

的疑虑，从而促成购买。

4.3.1主副图效果图

现在来介绍产品2的主副图。首先要介绍的是主图，产品2是配方羊奶

粉，因此，依旧是参照产品1的主图风格，首页选择了与店铺风格一致的橙

色。构图为左文右图的形式，上方文案卖点突出，采用橙色填充，黑色描边的

显眼设计，左边文案为产品卖点，右边为主图产品。下面的促销信息用的是灰

色和橙色渐变的矩形色块突出“活动价”和“天然牧场/纯净水原/优质牧草”

的字样，并在文案上采用了文字投影的效果。

产品1主图设计效果图如图18所示，在PHOTOSHOP软件中的制作过程

图如图19所示。

24

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

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

图19产品2主图制作过程图

而副图就是产品的不同特点展示，相比主图来说要简单许多，其他副图同

样是与店铺风格一致的橙色掉作为背景，分别是产品细节图、场景图、活动图

与白底图的展示，让买家看完是买家有代入感，产生购买欲望。白底图的作用

主要是利于被手淘抓取，增加流量