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

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

目录

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

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

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

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

3润居淘宝店铺视觉设计.............................................7

3.1版式设计....................................................7

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

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

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

3.2文案策划...................................................23

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

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

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

4润居淘宝店铺视觉效果制作........................................26

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

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

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

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

I

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

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

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

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

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

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

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

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

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

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

5总结............................................................40

参考资料..........................................................41

II

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

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

1润居淘宝店铺概况

近年来电子商务发展超乎人们的想象,家居行业在电子商务的领域取得巨

大的发展，虽然现阶段在电子商务的领域还存在许多要解决的问题,但是无法阻

止电子商务发展前进的动力。越来越激烈的市场竞争,让家居商不能再固守传统

的营销渠道,必须要去开拓全新的销售渠道,而家居电子商务就是一个非常好的

选择。

1.1家居类店铺发展现状

家居包括了家庭装修、家具配置、电器摆放等一系列与居室相关的活动，

以及与之相关的一系列服务和产品。最新数据统计（Mangento)，78%的客户很

可能会在网上寻找家居购买，53%经常在网上搜索和购买家居，47%使用移动设

备搜索和购买家居，51%倾向于依据高评分且带真实使用感受评论的家居。

全球家居行业细分增长比（数据来源：Statista和eMarketer)如图1所示：

图1全球家居行业细分增长比

与去年20.1%的高点相比，今年的同比增长将大幅放缓。2021-2025年的同

比增长率好似一个严峻的陡坡：增长率从9.7%降至4.4%。家居行业最大的变化

1

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

是从实体店到网店的转化，目前年轻人是网上购物消费的主力，这种格局短时

间内不会改变。电商正在改变人们的家居购买方式。与此同时，家居行业也面

临着高成本低利润的巨大挑战。

1.2润居淘宝店铺现状

润居是可润泽及，漫浅安居，创造顾客的梦想家，店铺的品类包括家居的

各个方面，主推产品是定制衣帽间和收纳用品。前期通过原料透明，优惠价格、

淘宝活动、线下实体店体验吸引顾客下单购买，后期以优质的售后服务和量身

定做留下顾客。主要消费人群是喜好定制的中高消费家庭，给消费者打造梦想

中的家。

润居淘宝店铺主营实木和金属碳钢家居产品，主要是以“环保、实木颗粒、

个性化定制”为经营理念，在重复枯槁的日常生活中拥有属于自己的独特的温

暖家。

润居的个性化定制和产品质量、售后服务都极具保证，让每个相信店铺的

顾客感受到一对一服务的优越性，高效匹配空间，满足各种收纳要求，推出衣

帽间“新”主张，无论何时何地，家永远都是温馨的避风港，独特的小天地，

让消费者感到放松和自在舒心。

2润居淘宝店铺视觉营销分析

2.1竞争对手店铺视觉分析

在当今家居网店市场大环境中，竞争十分的激烈，店铺要想在家居行业中

脱颖而出，打造一个成功的品牌，不仅要关注店铺的发展，还要密切关注竞争

店铺的动态和发展。

分析竞争对手店铺可以帮助店铺了解家居行业趋势和客户的需求，从而制

定更有效的战略方式和营销方案；还能及时发现竞争对手的优劣势，从而知悉

店铺的差异化优势和可以改进的不足之处；去预测竞争对手的一些动向和活动

方式，从而提前做好应对措施和风险规避。

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

竞争对手店铺1视觉分析的选择，选择和润居店铺风格和产品的定位相似

的一家店铺，这样更加方便扬长避短，学习其视觉方面的优势，规避一些不美

2

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

观的设计，改善店铺的视觉设计。竞争对手店铺1的店铺名称为“美达斯家居

旗舰店”该店铺的粉丝数已经有32.5万。

首页的导航在视觉设计上，选择利用了官方立减凸显价格，并且说明了下

单人数，增强了说服力。紧接着通过一对一的服务和免费在线设计，打动消费

者。海报图主要做了节日活动，活动专区部分主要以红色为主，强调了活动的

重要性，其余部分以黄白色为辅，符合产品的基本色调，通过有买有送，多买

多减这些活动，吸引购买。每个板块都说明了这家品牌的独特之处，让消费者

可以了解到更多的产品细节。这家店铺在设计上颜色分明，内容层层递进，重

点突出，并且图片高清美观，画面十分的和谐统一，具有质感。店铺风格比较

偏向于年轻化，色彩具有活力。

竞争对手店铺1首页如图2所示：

图2竞争对手店铺1首页图

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

竞争对手店铺2的选择是为了打造一个像这样的专业品牌，所以选择了店

铺名称为“林氏家居官方旗舰店”的店铺，其粉丝数高达2055万。

这家店铺的视觉设计主要以红色和青色为主，产品图多偏向于米色系，将

各个板块都区分开来，并且附上了产品价格。导航条类说明了店铺是连续三年

的交易额第一。主要利用了首页海报做活动详情介绍，然后放上了优惠和满减

说明，主打产品利用大图进行单独强调。其余板块大多利用了左右构图或上下

3

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

构图，看上去色调十分协调，可以感受到放松和清新，风格十分的统一。并且

特别展示了自己的明星代言人，通过明星效应增加粉丝消费购买，还说明了拥

有线下门店可以体验和各种优质服务。

竞争对手店铺2首页如图3所示：

图3竞争对手店铺2首页图

2.2店铺视觉营销定位分析

润居是想要打造一个有影响力的品牌家居，做好店铺营销定位对店铺品牌

形象和产品的推广有巨大的意义，这能让店铺更贴近消费者的心理和满足其要

求，达到店铺的品牌宣言“可润泽及，漫浅安居”，这也有利于店铺做好客户

管理，形成良好的店铺形象。打造一个差异化品牌，在消费者心中占据有利位

置，才能在市场竞争中胜利。做好店铺的人群和产品定位才能做好品牌的传播

推广。

4

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

2.2.1店铺产品定位分析

产品是一个店铺的生命线，店铺的所有行为都建立在产品的基础之上，要

明确产品的质量和特点。店铺的产品定位是打造有特色的定制化家居产品，营

造属于家的特殊性和温暖。具体是对物流的保障、产品运输呵护和上门安装这

些特点，体现店铺产品的专业化服务流程和贴心售后。以及产品的细节设计和

全面的考量，都展现了店铺产品的高质量和可定制的特点。

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

通过2023年家居行业洞察白皮书得知，85后家庭是家居家装购买的主要

的消费中坚人群，70后家庭更注重性价比，更喜欢能够实际提升生活体验感的

的产品；85后家庭追求品质和优质好物，愿意为个性化定制服务付费，也容易

接受外界信息分享和推荐；95后多为首次进行家居家装，更希望能够省心省钱

的完成家装，提供“保姆级”服务，达到拎包入住的水平更受这类人群青睐。

家居类主要消费人群数据图如图4所示（数据来源知乎）：

图4家居类主要消费人群图

润居店铺的主要消费人群集中在85后和90后之中，这些顾客是愿意为定

制化家居和全流程服务付费的人群，属于家装的中坚力量，更加倾向于购买品

牌产品和追求品质，喜好个性化服务和私人定制，在家装方面花费较高，基本

上是大户型的新房设计装修，认可具有专业度的家居品牌店铺。

5

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

2.3店铺风格分析

通过消费洞察发现，绝大多数中国家庭喜好极简和新中式装修风格，复古

和日式装修是小众精致的选择。没有孩子的家庭更重视简单实用，跨代家庭重

视环保舒适。

家居行业整装风格决策分布图如图5所示（数据来源网易）：

图5家居行业整装风格决策分布图

润居店铺主要使用实木和碳钢材料，打造环保舒心家庭，从而选择以极简

主义风格和原生现代风格为店铺风格，受众人群很广，也满足大多数人的家装

风格要求。

店铺风格的展现需要合理准确的运用图片文字等元素把店铺产品的整体样

式、材质展示、价格信息等展现出来，准确传达给消费者，达到更好的视觉效

果。润居在设计上采用了图文结合的方式，根据不同产品的使用不同的色系，

但整体简约大气。

2.4店铺色彩分析

店铺属于原生现代简约主义风格家居店铺，主要针对85后的家庭和年轻

人。在设计店铺装修的时候，主要考虑到要体现简约现代化的原生态风格，直

击店铺目标用户的需求点。因此店铺设计选择了简约现代化的浅灰色和体现家

庭温馨的米色系产品图。符合店铺的品牌调性，极简主义和原生现代主义。

这样的店铺色彩，有利于店铺牢牢把握目标消费群体的喜好，并且适宜于

店铺培养品牌的忠诚粉丝，米色系的实木家居图片代表环保健康，打造家的温

6

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

馨感。而浅灰色的页面色彩，和米色具有协调的感觉，看上去简单实用，主次

分明，消费者可以一眼就看到色彩突出的图片，更快的了解产品，抓住重点。

3润居淘宝店铺视觉设计

3.1版式设计

对于店铺的版式设计，在首页导航区需要利用价格优惠和促销活动吸引消

费者。突出利益点，利用排版和色彩将优惠展现在消费者的眼前，增强购买欲

望。

并且结合店铺的主推产品制定福利，利用上下排版，展现产品分类和系列。

然后利用左右排版，更加详细的说明产品的优越性以及店铺的优质服务。文字、

图片要相互调和，整体要有重点和主次顺序，体现店铺的整体风格。

3.1.1店铺首页版式设计

店铺的首页设计要能够留住消费者，让其产生继续了解店铺的欲望，从而

有利于提高店铺的转化率。首页要有明显的区域板块的划分，海报设计要符合

品牌调性，凸显店铺优惠和活动。店铺首页设计板块包括了店招、导航、海报、

优惠券、产品分类区、空间分类区、产品展示区、品牌介绍区这些区域。

首页版式设计如图6所示：

图6首页版式设计图

7

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

通过首页的版式设计图，再结合店铺整体装修对各部分的细节设计一一进

行说明。店招这一板块的设计主要做了左右两部分，左右排版。左边板块放置

了店铺logo和店铺的名称及其店铺综合体验的星级评分，店铺logo的设计主

要是以店铺名称为灵感设计，比较简约，消费者看到logo时就清晰明白是哪一

家店铺，有利于打响店铺的品牌名号，进行品牌营销，logo的旁边写明店铺名

称和综合体验的星级评分，店铺的五星综合体验分让顾客对店铺更加信任和愿

意选择购买店铺的商品。

右边放置订阅按钮，顾客订阅之后将成为润居店铺的会员，在店铺购买商

品可以享受会员折扣，也是为了增加店铺忠实用户，将品牌建立起来。店铺也

要对店铺的会员进行分级管理，不同等级的会员有不同程度的福利优惠和年度

礼品，同时店铺产品上新或者店铺进行活动时也会及时的推送消息给店铺的会

员们，从而增加消费者的依赖程度和品牌忠实度，提高店铺转化率，提升销售

额。

店招、导航版式设计如图7所示：

图7店招、导航版式设计

首页的海报板块主要采用了中心设计，中间制作了一条产品宣传文案，利

用了fx的描边和投影效果，突出体现卖点，还放置了一张主打产品的海报图片，

让消费者直观感受到店铺的风格设计和产品的美观程度，右下角部分写了一条

口号，能够起到强调店铺专业服务作用，优化加强顾客对店铺的印象。

同时，海报是利用了衣帽间场景作为背景来凸显主推的个性定制衣帽间究

竟是什么样的，能够起到一定的场景化营销。以极简主义相呼应的浅灰色深灰

色相结合的色彩，标注了店铺名称和私人定制等差异化服务，表明店铺的特别

之处，促进顾客进行购买或咨询。

首页海报版式设计如图8所示：

8

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

图8首页海报版式设计图

优惠券板块的设计主要选用矩形框作为一个基本的底部框架，对于优惠的

满减金额选择了较大的字号并用利用fx中的描边和投影效果突出价格优惠这

个重点。通过强调店铺的限时优惠从而促进消费者尽快下单，提高转化率。

该优惠券的特别之处和细节就是右上角和右下角添加了家居产品的小图

案，增加了画面的精致感以及与店铺的产品相呼应。顶部左上角添加活动时间

的说明的文案，框架内部的设计，主要添加了“限时实付满1000-50”和“限

时实付满2000-100”，并且对50和100进行单独强调突出，利用fx的内阴影

效果，加上了感叹号来吸引消费者目光，直击商品价格痛点。

优惠券版式设计如图9所示：

9

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

图9优惠券版式设计图

产品的系列分类和空间分类板块的设置都是为了更好的展示店铺的产品类

型，方便消费者查询是否符合自己的消费需求和需要，也能更快找到自己需要

的产品。

产品系列板块做了一个六宫格，上图下文，不同系列的风格鲜明，各自特

点突出，产品色彩鲜明，具有差异化，消费者可以一目了然。节省了在店铺内

寻找符合自己喜好风格设计的时间，更加贴心便捷。

空间分类板块，进行了八大空间分类，利用上下构图，呼应家庭中可能需

要的各种不同空间的差异化设计，包含了场景化的沉浸式选择，相对详细的介

绍了店铺内适应于不同空间的产品。

产品分类也能让店铺的客服人员更有效的推荐商品给消费者，提高销售的

效率。同时让店铺更好的了解产品特点和市场需求变化，通过优化产品组合，

提高市场竞争力。对于产品管理方面也具有极大帮助，符合店铺的现代化仓储

背景，有利于店铺库存管理和销售管理。

产品系列和空间分类版式设计如图10所示：

10

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

图10分类区和活动专区版式设计

产品展示板块主要通过详细介绍店铺的六大产品系列，以图文结合的方式

让消费者直观感受店铺内不同系列的设计差别，采用左右构图，一一对应各种

系列的设计风格，便于消费者选择和区分。在图片下方列举了不同产品的特色，

以及其风格的差异化。

以灰色矩形作为底部框架，浅灰和白底图片的色彩交错设计，是简约主义

的一种风格表达，形成了协调统一的视觉效果。提供给消费者更多样化的选择，

更加详细的介绍了产品，图案标签的统一，使画面更加美观，视觉效果更佳。

产品分类专区版式设计如图11所示：

11

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

图11产品分类专区版式设计图

页尾的设计主要是做了一个品牌介绍板块，包括了“新型专利设计，一对

一设计师团队，免费上门测量，现代化仓库管理”四个部分。主要采用了底图

上文的设计，进行了简单的品牌店铺说明。图画和文字相结合的方式更加的生

动形象，能够更加直观的感受到店铺的优质服务和差异化。

在这个页尾板块中，消费者大概已经有了目标产品，店铺要做的就是在最

后让消费者放心的购买店铺内的商品，表明店铺具有充分的保障。促进消费者

的转化率，提高购买率。

页尾版式设计如图12所示：

12

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

图12页尾版式设计图

3.1.2产品1详情页版式设计

详情页可以介绍产品信息、给出购买理由、提升信任感、提出售后保障。

也是提高店铺转化率和交易额的主要影响区域，因此产品的详情页设计是店铺

产品是否能够交易成功的一个十分关键的因素。详情页要展现产品的核心卖点

和优势，从产品细节激发消费者的购买兴趣，让消费者更细致的了解产品，提

升消费者对产品的信任感，给出售后保障，降低购买风险。

产品1详情页版式，主要设计包括：情景海报、产品卖点、产品信息、产

品展示、细节展示、支付与配送信息、售后信息七个区域。

产品1详情页版式设计如图13所示：

13

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

图13产品1详情页版式设计图

14

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

情景海报在设计时选择以主推产品搭配适宜的文案进行展示，介绍了产品

的基本样式和情况，带给消费者最直观的视觉感受和冲击，展现了品牌调性和

风格设计。消费者查看详情页时可以看到情景海报下方还搭配了场景化的暖心

文案，能够直击消费者的心灵，家是温暖的港湾，也体现店铺的产品可以带来

情感支撑和舒心的生活体验。

情景海报版式设计如图14所示：

图14情景海报版式设计图

产品信息的部分用了左右图文结合的方式，左边是产品1的图片，右边则

是产品1的四大特点和优异之处。产品信息板块的标题取名为“在国内外成为

一种潮流”，标题下方展现了润居店铺的品牌特色，为店铺打造品牌化进行潜

移默化的影响。

产品展示的部分列出了四宫格产品图，对产品1进行详细的图片展示，标

题为“3D设计全景效果图”，这也是店铺的特色服务，1对1服务，专业团队，

360°漫游，3D搭建专属衣帽间，高端私人定制，极具特点。

产品信息和产品展示板式设计如图15所示：

15

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

图15产品信息和产品展示板式设计图

细节展示部分利用了图文左右错落分布，详细展示了店铺的六大细节设计，

“挂、放、拉、滑、抽、收”，图片与文字相呼应，图文结合，图片上附带详

细介绍文字，让消费者清晰明了知道是什么产品具有什么样的细节设计，是否

满足自己的所需和收纳要求，促进消费者购买欲望。

产品卖点部分列举了三个亮点设计，通过层次分明的总分的文字介绍、文

图文的排版说明，十分抓人眼球，展示层层递进，亮点十分突出，切合消费者

对于产品的多样化需求，且大大提升了性价比，一物多用，产品价值得到了极

16

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

佳的提升。并且额外增添了一个海外板块刺激消费者购买，凸显了产品的权威

认证、专利设计和自护研发这些品牌优越性，打造差异化，增强消费者对品牌

的信任感。

细节展示和产品卖点版式设计如图16所示：

图16细节展示和产品卖点版式设计图

支付与配送信息部分分为上下两个矩形板块，先是通过把产品定价图放出

来，表明产品价格透明，不会乱定价欺骗消费者，并且附上了计价方式和不同

17

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

产品的价格规格信息。收费更合理，拒绝隐形收费。配送采用了顺丰快递，免

费送货到家，底图就是顺丰快递的图片，左边文案说明了快递的须知和温馨提

示，给消费者提供贴心的服务。

支付与配送信息版式设计如图17所示：

图17支付与配送信息版式设计图

售后信息主要是免责声明，列举了六个常见问题，打消消费者购买的疑虑，

左右均匀分布，分别是“关于发货、物流、签收、安装、色差、退换货”这些

问题的解决方法。减轻了工作人员的压力，更加快速的解答了消费者的疑问和

担心的问题，店铺会担负起相应的职责，解决好消费者的各种困惑。做好售后

服务，店铺的口碑才会好，才能打响品牌名号。

售后信息版式设计如图18所示：

18

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

图18售后信息版式设计图

3.1.3产品2详情页版式设计

产品2详情页版式设计与产品1详情页版式色调和风格不太一样，详情页

2是原生态现代化。情景海报的差异化部分表明了两款产品的不同之处，并且

在色彩的选择和主要板块的设计部分与文案内容上也是不一致的。产品2详情

页选择和店铺产品相符的色彩米棕色，主要包括：情景海报、产品卖点、产品

信息、产品展示、细节展示、支付与配送信息、售后信息七个区域。

产品2详情页版式设计如图19所示：

19

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

图19详情页2版式设计图

20

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

情景海报在设计时采用了涂鸦画法点缀在文字下方，图文结合，以图为主，

文案分布在上下，以精致的衣帽间夺人眼球，直击消费者的心。产品信息依旧

采用了与详情页1相似的构图和分布，左图右文，上文下图。

情景海报、产品信息版式设计如图20所示：

图20情景海报、产品信息版式设计图

产品展示则是采用了四宫格构图，列举出四种不同的设计方案，确保解决

每一种衣帽间安装问题，让消费者不再徘徊犹豫。

产品展示版式设计如图21所示：

图21产品展示版式设计图

对于产品卖点这个板块，设计了一个左右错落放置图文，将图文有机结合

起来，观感更好，也更加清晰的展现了店铺产品对于不同空间结构的合理设计。

细节展示分为上下两个矩形，分别列举了两个细节设计的精妙之处和作用。然

21

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

后又穿插了一个产品卖点板块，主要说明了品牌具有行业经验，还远销海外，

值得信赖。

产品卖点，细节展示版式设计如图22所示：

图22产品卖点，细节展示版式设计图

支付信息采用了图片展示计价方式，左边标注了产品名称，右边则是一一

对应价格表，收费方式清晰透明。配送信息板块放置了三张图，呈三角形，每

个图片下方都结合了文字说明，配送打包都做好了保护措施，防止运输途中产

品受到损坏。

支付与配送信息版式设计如图23所示：

图23支付与配送信息版式设计图

22

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

售后信息先是列举出店铺的六大免费服务，十分的贴心专业，然后对于购

买的七个问题解答和购买说明，十分详细的展示表现了店铺的专业度。

信息版式设计如图24所示：

图24售后信息版式设计图

3.2文案策划

文案对于营销有重要作用。文案是营销活动的主要工具，能够帮助店铺有

效地传递信息、说服消费者购买产品或服务。撰写高质量的文案还有助于店铺

提升品牌声誉和吸引潜在客户。

3.2.1店铺首页文案策划

首页文案策划比较重要的部分包括店标、首页情景海报、活动限时福利、

产品展示，品牌介绍几个部分的文案策划。

店标是店铺的招牌，只需要简单清晰的的表明店铺经营的品类就好。直接

写明店铺的店名“润居”及综合体验星级和，采用不同大小字体上下排列，对

仗工整，使视觉上呈现一种层次感，店标就是为了展示店铺形象，加深店铺在

消费者脑海中的印象，促进客户留存。

首页情景海报文案和活动限时福利文案的设计，主要是起到宣传产品、增

加知名度和销量、促进消费的作用。文案是海报设计中不可或缺的一部分，它

起到了传达信息、引导观众注意、增加视觉冲击力等多重作用。对于“限时福

23

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

利”、“实付满减”这些含有重要信息的字眼会利用加粗加大字体来凸显，引

导消费者的视线阅读店铺展示的信息，刺激消费者产生购买行为。

首页产品展示文案就是为了传递产品详细信息，帮助消费者更好的了解产

品。能够有效的将产品的功能、特性、亮点等信息传达给消费者，这也大大提

升了产品的竞争优势，起到了至关重要的作用。消费者对产品有了更加深入的

了解，提升购买欲望，就会促进产品的销售，提高市场竞争力和产品的销售量。

首页品牌介绍就是通过细致、系统、内容翔实的品牌文案来塑造品牌形象。

品牌介绍的文案是对品牌内涵的说明，风格的描绘，追求的叙述，愿景的描摹。

优质的品牌介绍文案，能使品牌得到良好的宣传，使品牌的传播变得深广，更

好地走入消费者的心中，而不仅仅是透过图片或文字的表象宣传。

3.2.2产品1详情页文案策划

产品1的详情页文案是遵循了简约精炼的文案设计，直接告知顾客，店铺

的产品能为其做什么，提升信任感。情景海报中写明了是创造消费者的梦想家，

通过文字让其感受到家的温度，展现了品牌的风格文化。

产品信息取名为“在国内外成为一种潮流”，然后说明了店铺具有出口经

验和行业感知力，并且展示了品牌理念。列举出了四个店铺产品的优越性，分

别是专利设计、自由组合、分区收纳和拒绝甲醛，通过字体大小的设计，看上

去十分具有层次感，重点突出且鲜明。

产品展示取名为“3D设计全景效果图”，还取了一个小标题:0花费为您搭

建衣帽间。文案下面是四宫格的图片展示，然后列举了店铺的一对一服务、专

业团队、360°漫游这三大优质服务。这样的产品展示和直观的介绍，可以打消

消费者的疑虑，促进转化率和购买率。

细节展示取名为“线型衣帽间细节展示”，通过图文结合的方式，写明了

六个细节:挂、放、拉、滑、抽、收。而产品卖点部分取名也使用了一些吸引注

意力的话语，这样的文案设计，可以引起消费者的好奇心，刺激消费者继续看

下去。然后。写出了衣钩、网板和多孔卡扣的优越性细节设计，更有利于物品

的收纳和衣物的挂取，利用起来更加灵活便捷。

支付和配送板块。取名为“计价方式完全透明”和“顺丰包邮，免费送货

到家”，直接清晰明了的表达了支付与配送的方式。支付板块还取了一个小标

题，更加详细的说明了收费方式和透明的计价方式，让消费者放心的购买。配

送板块做了一个温馨提示，告知顾客快递物流可以与客服进行商量协调或者指

定。通过贴心的服务留住消费者，促进下单购买。

24

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

售后板块取名为“免责声明”，做了六个小板块进行说明，对发货、物流、

签收、安装、色差和退换货这些问题进行了一个详细的说明，这样直观的说明

可以让消费者更加的信任店铺的品牌，从而更加愿意下单。

3.2.3产品2详情页文案策划

产品2的详情页文案则更加强调了打造温馨的家庭氛围感，整体色调更加

的清新温暖，充满了对家的美好想象。情景海报中有一句文案“颠覆一成不变

让生活充满想象”，打造属于自己的梦想中的衣帽间，提出自己的衣帽间新主

张。

产品信息取名为“全新定制衣帽间”，列举了四个店铺的优越之处和两个

材质方面的特别之处。包括了:30名专业设计师、150斤安全承重、7秒徒手调

节、10年质保服务以及航空级碳钢材料，静电粉末喷涂。这些信息的说明直击

消费者的痛点，区别于同类型店铺，打造差异化的品牌，也是做好用户留存的

手段。

产品展示取名为“衣帽间防尘解决方案”，通过上图下文的方式，列举了

四种环境下不同的防尘方案，适宜于绝大多数的家庭情况，也更加直观的展现

给消费者店铺的产品在设计上考虑全面。

产品卖点取名为“高效匹配户型空间”，提出了U型，L型，平型三种空

间方案，并且配上了图片注释。还提出了比较小众的异型、避柱、窗下的空间

方案，非常全面概括了各种空间，量身打造专属衣帽间。

支付信息取名为“计价方式一目了然”，配送信息取名为“专业物流呵护

运输”。支付与配送都拟了一个小标题，进行更加详细的解释说明，并且图案

上配上了计价方式的公式和配送包装的防护措施。消费者能够更加放心的购买，

相信产品能够完整的送到消费者的手上，这也提高了店铺的销售量。

细节展示取名为“细节更能打动人心”，这是一句网络用语，但与店铺的

品牌理念相契合，只有做好了细节才能够让品牌做大做强。四种细节的展示加

以图片文字的说明，让顾客能够了解到购买此产品可以一件多用，具有很高的

性价比。

售后服务取名为“成交只是服务开始”，这也是店铺的服务理念，店铺会

将售后服务做好，而不是成交之后就不再处理。店铺提供六大免费保障，并且

对于发货签收等问题进行了详细的说明解释，消费者可以非常清晰明了的了解

到这些信息，这也增强了店铺和消费者彼此之间的信任感，有利于店铺做好品

牌化。

25

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

4润居淘宝店铺视觉效果制作

4.1店标效果图制作

店铺店标部分，主要是包括店铺LOGO、店铺名称、综合体验以及订阅按钮。

店铺LOGO主要用来指示店铺的名称和标志,也是一种有效的宣传形式,具有引

导顾客、反映店铺特色与专业服务、引起顾客兴趣和加深顾客对店铺记忆的作

用。

润居的店标LOGO设计主要采用了黑色底色和白色品牌名称，更具有格调，

是简约现代风格。以润居二字加拼音作为店标，简约大气，是为了体现品牌理

念，也符合店铺的整体的视觉效果展现，黑白分明，更加突出品牌。

店铺店标设计效果如图25所示：

图25店铺店标设计效果图

4.2店铺首页效果图制作

首页是店铺的门面，买家进入店铺的第一眼影响非常重要，这需要店铺牢

牢把握视觉设计，抓人眼球。首页的整个设计风格要统一。整洁协调的色彩能

够带给消费者一种整体性和舒适感。店铺可以按照自身产品的特性进行风格的

打造。润居主要是简约风和现代风，居家温馨的感觉。店铺首页要找到适合的

风格调性和颜色基调。并且首页界面要简洁大气，不能杂乱无章，要能彰显店

铺内容。

店铺首页设计构成包括：店标、情景海报、福利专区、产品展示以及品牌

介绍。店标突出展示品牌，增加消费者记忆点。情景海报更多的是为了让消费

者明确店铺的经营类目，主推产品等，所以需要结合店铺产品和定位进行设计，

要吸引店铺消费人群的目光。而福利活动区域要突出价格的优惠，刺激消费者

下单购买，这个板块主要是为了增加店铺的转化率。根据润居店铺的风格定位，

在首页主要采用了深浅灰色的板块交替以及米色系的图片点缀，加以黑白色的

26

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

字体，看上去简约而不简单，充满了生活格调，美好的生活本该如此。店铺首

页的风格特点突出明确，符合产品调性，突出店铺的产品使用碳钢和实木。

4.2.1海报效果图效果图制作

消费者第一眼往往注意到店铺的情景海报，需要店铺格外重视这个板块的

设计，除了视觉上要高端大气、干净整洁以外，还要能一眼看出店铺销售的产

品是什么。情景海报可以应用店铺的热销产品和相关的场景，让人一眼即懂。

首屏的海报不能元素过多，会显得特别杂乱，所以字体要统一，颜色要适宜。

设计这一个情景海报时，主要想表达的就是店铺的专业性和私人定制的差

异化服务，能够为顾客打造精致的生活，让生活充满格调和幸福。店铺的海报

使用了场景化的衣帽间图片，也十分符合店铺经营的主要产品——衣帽间定制

设计。并且在图片下方做了一个类似于“√”的形状覆盖，然后在旁边附上了

一句文案“轻松解决您的烦恼”，表达店铺的决心和实力，一定会给顾客满意

的产品。情景海报也采用了与首页一致的灰黑色，加以适当的空间留白，低调

而美观。整张海报重点突出，画面协调。

首页海报效果如图26所示：

图26首页海报效果图

27

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

4.2.2优惠券效果图制作

限时优惠活动专区主要分为两个小板块，整体采用了一个类似文件夹的图

案作为底部框架进行设计。左上角说明了活动的时间段，并且附上了一个小箭

头对顾客进行提示。右上角则是放置了店铺名称，为了增强消费者对店铺的印

象。下方将限时实付活动做了两个小板块的进行详细说明，活动分为“限时实

付满1000返50”，然后将50再次提取到右边，加以感叹号进行强调，产生了

很强的视觉刺激，而“限时实付满2000返100”也是如此。并且在这个板块的

右上方加上了家居类产品中的吊灯，多了一丝温馨的、属于家的感觉，而右下

角插入了一个客厅沙发图片，并且这两个产品的颜色与店铺首页的总色调相似，

结合起来让画面多了一丝精致，但却又不违和，并且可以再次强调店铺的产品

是家居类目。限时优惠活动的设计最终也是为了做用户留存，实现转化，增加

店铺的销售额。

优惠券区域效果如图27所示：

图27优惠券区域效果图

28

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

4.2.3产品分类区效果图制作

产品分类区主要就是做产品细分，根据产品的定位和属性特点区分，使产

品有明确定位和功能。要注意分类的一致性和协调性，不能分类差异化太大。

分类是为了让店铺产品组合起来更全面和系统化。

产品分类做了产品系列分类和空间分类。产品系列分类总共分为六宫格六

个板块，分别是沃克系列、维罗纳系列、奥兰卡系列、和风系列、道克兰系列、

图尔库系列。这些就是店铺的产品——定制衣帽间的六个不同的风格系列，完

美契合了不同消费人群的对衣帽间设计风格的要求。

空间分类总共做了八个家庭空间，包含了卧室、客厅、儿童房、书房、玄

关、楼梯、阁楼和储物间，大致概括了家庭中的各个细分空间，消费者可以根

据自己的需求选择空间定制或者整家定制。

产品系列的色调以浅灰色为主，通过一个灰色的矩形底框将六个系列包围

其中。空间分类则是以浅灰色底框配以黑色的文字和图案进行空间的说明，看

上去一目了然，观感也十分的清晰。

产品分类区域效果如图28所示：

图28产品分类区域效果

29

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

4.2.4产品展示区效果图制作

产品展示区主要分为:美式、德式、简约、日式、北欧、意式。六个不同风

格定位的产品，也是对于店铺之前六个系列的衣帽间的拓展介绍。

美式:可承重150斤；德式:多种深度；简约:空间扩容30%；日式:功能齐

全；北欧:实木颗粒板；意式:支持定制高度可调。这六个产品展示都附上了详

细的产品介绍图，使用的都是上图下文的构图，左边文字说明所属系列，右边

则是用了一个红色的圆矩形框，说明了这款系列的一个突出特点，比如零甲醛

或E0级环保等级、100%纯实木材质。产品展示板块也设计了一个浅灰色的底部

矩形框，这样不会盖过产品主图的风头，可以更好的突出产品本身。

产品展示区域效果如图29所示：

图29产品展示区域效果图

30

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

4.2.5页尾效果图制作

在页尾部分，主要做了一个品牌介绍板块，对店铺的情况和服务进行了介

绍，主要说明了四个点，分别是:新型专利设计、一对一设计师团队、免费上门

测量和现代化仓库管理。

这个板块是介绍店铺信息，也是为了拉近和消费者之间的距离，让消费者

能够更好的了解店铺的品牌核心。这一板块做了四个长方形的图片，在图片上

方加以文字说明，并且对图片进行了暗化的调整，总体是一个黑白的色调，图

片上方配的文字也是黑白二色。页尾与首页的整体风格协调一致，突出了店铺

的简约现代化。

页尾区域效果如图30所示：

图30页尾区域效果图

31

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

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

4.3.1主副图效果图制作

主图最好清晰简洁，让人一眼就看出来店铺是卖什么产品的，主要显示出

产品的特色和撰写吸引消费者眼球的直观文案。其次就是文案中的卖点描述，

字体要规范化和统一协调。重要的是文案要有针对性，根据产品定位和买家的

调性，比如说买家追求的性价比、实惠活动，所以要明确了解店铺消费者的需

求，制作出具有针对性的产品卖点。

主图1主要以产品大图作为底部，左上角放置了店铺的LOGO，在下方的文

字部分主要利用了多个圆矩形的框叠加覆盖，显得错落有层次感，并且框的颜

色分为三种颜色，分别是白色，红色和深灰色，红色比较凸显了价格，白色则

是写明了满减活动，灰色是满额礼品的展示。价格的字体做了阴影效果，还有

满额好礼处设计了一个礼品的图案。

产品1主图效果如图31所示：

图31产品1主图效果图

产品副图要直观突出产品的细节、质量、规格、以及产品的美观程度，这

关系到店铺的转化率。副图主要表现产品核心卖点，目的在于留住客户。副图

32

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

的作用在于展示产品能解决什么问题，从而促进转化。产品能不能解决用户的

实际问题，对于转化来说非常关键。

副图1是将产品的整体大图作为底部图片，左上角有两个长方形的白色框，

框内写明了这款产品的材质和无甲醛。下方则是分了两个长方形，棕色的较窄，

主要是说了一个下单流程，红色的框内则是产品特点，副图1展现店铺产品的

核心卖点之一，包括了碳钢材质和静电喷涂工艺，母婴级材质。

副图2以产品细节图作为底图，右上角做了一个圆形图案，将这个图案划

分为四个板块，说明店铺的产品在平型、转角、异型、U型这四种空间都可以

进行设计。下方也是一个棕色的长窄条和一个红色的长宽条，红色的长宽条内

说明了店铺内产品的另外一个核心卖点，就是个性定制，高效的匹配家庭空间，

并且不限户型，适用于各种空间的设计。

副图3是放了一个产品的各个板块的详细解说图作为底图，用红色的矩形

加以白色字体进行衣帽间收纳区域说明。下方还是棕色的窄条和红色的宽条，

这一个图的核心卖点是功能配件的丰富性以及非常科学的分区收纳，可以定制

尺寸格局和功能。容量也比传统的衣柜多50%。

产品1副图效果如图32图33图34所示：

图32产品1副图1效果

33

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

图33产品1副图2效果

图34产品1副图3效果

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

产品1是极简风格定制衣帽间，其详情页设计主要分为情景海报、产品卖

点、产品信息、产品展示、细节展示、支付与配送、售后信息等7个部分构成。

情景海报的部分，为了与产品风格和主副图的色调统一使用了灰色调和黑

色文字，以及白色底色，情景海报中将产品图片放置在居中靠右的位置，底部

还设计了一个长方形的灰色条，看上去更加丰富。产品图上方是店铺的LOGO而

产品图片的左边是这一款产品的口号的英文，做成了一个竖文本框，产品图的

上方文案的后面还用调节了透明度的英文“family”，这样的叠加设计会使整

体看上去更加的有格调，内容也更加的丰富，多样化。并且这些文案的设计都

34

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

与店铺的产品风格息息相关，营造了一种场景化的效果，在产品图的下方文案

也是在详情页的海报处就对店铺的产品风格调性做了一个说明。

整个页面都是一种极简主义风格的灰色和白色的底部框架，这样让店铺有

了更明显的风格和特征，整体的色调与产品显得更加统一协调。在产品的卖点

部分，主要就是将产品各种亮点设计和产品的整体效果用图文结合的方式进行

了一个说明。图案和文字相对来说比较的对称，这样对称性的设计可以让消费

者对产品的卖点一目了然。而细节展示则是会将产品细节局部放大，能够很明

显的看到店铺的细节设计，这样带来的视觉刺激更加的强烈。另外总体的页面

设计增加了一些小标题和小图案，使页面显得更加的丰富，不再单调。

而售后部分则是对店铺的各种保障和服务进行了介绍，这样能够让消费者

感受到店铺的专业服务和非常完整的售后体系，也能促进订单的转化，增加消

费者对店铺的信任度和好感度。

产品1详情页效果如图35所示：

图35产品1详情页效果图

35

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

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

4.4.1主副图效果图制作

一直以来主图的作用在于为店铺产品引流，不过随着电商的发展，用户浏

览习惯和日益竞争加剧的市场环境变化。主图的作用越来越重要了，除了点击

率之外，也承担着转化率的重任。主图视觉设计的目的在于吸引用户点击。分

析目标人群，勾勒用户画像，提炼用户比较关注的利益点，凸显产品优势。

产品2的主图设计整体采用的是米棕色调，以店铺原生现代化风格的产品

作为主图。左上角放置了店铺的LOGO，而图片的下方先是做了一个圆矩形的小

框，框内包含了到手的价格和活动的时间，价格进行了投影效果的处理，活动

时间做了内阴影，然后活动到手价和时间段的文案底部放置了一个红色的椭圆

形，这样可以在视觉上更加显眼。下方是一个椭圆形的白色底框，框的左边是

棕色的文案，也增加了投影效果，然后文案的下方是一个棕色的矩形框，里面

用白色的文字说明了买送活动。底框的右边是赠品的图片展示和文字说明，采

用了黑色的小字，以及三种赠品的图案，能够让消费者更容易注意到活动赠品

多多，刺激下单。

产品2主图效果如图36所示：

图