拼多多店铺店招的设计技巧,制作高转化率店铺页面

店招、首页欢迎模块、产品详情页以及关联销售等模块的装修设计,是拼多多网店视觉设计的基础元素区域,提升这些基础部分的设计美观度,可以让店铺的视觉整体效果更上一层楼。

拼多多店铺店招的设计技巧,制作高转化率店铺页面

店招,顾名思义,就是网店的店铺招牌,从网店商品的品牌推广来看,要想在整个网店中让店招变得便于记忆,在店招的设计上就需要具备新颖、易于传播等特点。图2-6所示为华为某专卖店的店招,使用的就是华为的品牌LOGO。

拼多多店铺店招的设计技巧,制作高转化率店铺页面

图2-6 华为某专卖店的店招

1、店招的设计要求

店招通常位于店铺首页的最顶端,它的作用与实体店铺的店招相同,是大部分消费者最先了解和接触到的信息。店招是店铺的标志,大部分都是由产品图片、宣传文案以及店铺名称等组成,漂亮的店招与签名可以吸引顾客进入店铺。

一个好的店招设计,除了给人传达明确的信息外,还在方寸之间表现出深刻的精神内涵和艺术感染力,给人以静谧、柔和、饱满以及和谐的感觉。要做到这些,在设计店招时需要遵循一定的设计原则和要求,通常要求有标准的颜色和字体、清洁的设计版面,以及一句能够吸引用户的广告语,画面还需要具备强烈的视觉冲击力,清晰地告诉用户你在卖什么,通过店招也可以对店铺的装修风格进行定位。

消费者需要掌握的店铺品牌信息,最直接的来源就是店招,其次才是店铺装修的整体视觉。对于品牌商品而言,店招可以让消费者进来的第一眼,就知道店铺经营的品牌信息,而不用消费者再去其他页面或者模块中寻找。

对于经营拼多多网店的商家而言,尤其要有成本意识,节约消费者了解你的成本,节约你向消费者介绍自己的成本。在店招中清晰、大方地显示出店铺的名称,使用规范的设计,让店铺的名称在拼多多网店装修的各个区域出现,保持视觉高度的一致。店招中添加LOGO和店名,能够加深用户的记忆,提升品牌的推广度。

店招还可以体现店铺的定位,对于没有什么知名度的商家来说,有“口号”和“广告语”就应该放到店招上,没有这些也需要有一个品牌的关键词介绍,起码让用户知道店铺的特点和特色,形成无形的品牌推广作用。

店招可以营造出品牌的氛围和感觉,体现品牌气质很简单,可以通过品牌专属颜色、LOGO颜色和字体等设计元素的规范应用,打造出统一的视觉风格。为了让店招有特点且便于记忆,在设计的过程中都会采用简短醒目的广告语辅助LOGO的表现,同时通过合适的图像来增强店铺的认知度。

2、店招的主要功能

拼多多网店的店招主要是为了吸引用户、留住用户,因此商家在设计店招时,应该从用户的角度去考虑。网店的店招同实体店的店招一样,就像一个店铺的“脸面”,对店铺的发展起着较为重要的作用,其主要功能有以下几个方面。

(1)确定店铺属性:店招最基本的功能就是让消费者明确店铺的名称、销售的商品内容,让消费者了解到店铺的最新动态。

(2)提高店铺的知名度:使用有特色的店招可以增强店铺的昭示性,便于用户快速记忆,从而提高店铺的知名度。

(3)增强店铺的信誉度:设计美观、品质感较强的店招可以提升店铺的形象,拔高店铺的档次,增强消费者对店铺的信赖感。

首页欢迎模块设计技巧

拼多多网店的首页欢迎模块是对店铺最新商品、促销活动等信息进行展示的区域,位于店铺导航条的下方,其设计面积比店招和导航条都要大,是消费者进入店铺首页中观察到的最醒目的区域。

由于欢迎模块在店铺首页开启时占据了大面积的位置,如图2-7所示。因此,欢迎模块的设计空间也较大,需要传递的信息也更讲究,如何找到产品卖点,设计创意,怎样让文字与产品结合,达到与店铺风格更好地融合,是设计首页需要考虑的一个重要问题。

店铺首页的欢迎模块与店铺的店招不同之处在于,它会随着店铺的销售情况而发生改变。

当店铺迎合特定节日或者店庆等重要日子时,首页设计会以相关的活动信息为主。

拼多多店铺店招的设计技巧,制作高转化率店铺页面

图2-7 店铺首页欢迎模块

当店铺最近新添加了商品时,首页设计内容则以“新品上架”为主要的内容。

当店铺有较大的变动时,首页还可以充当公告栏的作用,给用户告知相关的信息。

店铺首页的欢迎模块,根据其内容的不同,设计的侧重点也是不同的,例如以新品上架为主题的欢迎模块,其画面主要表现新上架的商品,其设计风格也应当与新品的风格和特点保持一致,这样才能让设计的画面完整地传达出商家所要表现的思想。

在进行首页欢迎模块的页面设计时,要将文案梳理清晰,要知道自己表达内容的中心、主题是什么,用于衬托的文字又是哪些。同时,背景和主体元素要相呼应,最好有疏密、粗细和大小的变化,在变化中追求平衡,并体现出层次感,这样做出来的首页整体效果就会比较舒服。

1、图主文辅

在设计首页的欢迎模块时,一般以图片为主,文案为辅,如图2-8所示。表达的内容精炼,抓住主要诉求点,内容不可过多。主题字体醒目、正规大气,字体可以考虑使用英文衬托。充分的视觉冲击力,可以通过图像和色彩来实现。

人类天然具有好奇的本能,商家可以在这个人性特点上发力,把用户的注意力抓住,在他们寻求答案的过程中不自觉地对产品产生兴趣。

图2-8 图片为主的首页欢迎模块

2、信息元素的间距

在首页欢迎模块页面中,主要信息有主标题、副标题和附加内容,设计时可以分为3段,段间距要大于行间距,上下左右也要有适当地留白。如图2-9所示,可以看到其中的文字间距非常有讲究,便于顾客快速抓住重点,易于阅读。

图2-9 文字内容分为3段

3、文案的字体不能超过3种

在店铺首页欢迎模块的文案设计中,需要使用不同的字体来提升文本的设计感和阅读感,但是不能超过3种字体,很多看上去画面凌乱的首页,就是因为使用太多字体而显得不统一。针对突出主题这个目的,可以用粗大的字体,副标题则选择小一些的字体。

4、画面颜色不宜繁多

在首页欢迎模块中,配色是十分关键的,画面的色调会在信息传递到用户脑海之前营造出一种氛围,因此尽量不要超过3种以上的颜色,如图2-10所示。在具体的配色中,可以针对重要的文字信息,用高亮醒目的颜色来进行强调和突出。

图2-10 画面配色协调的首页欢迎模块示例

5、欢迎模块的留白处理

高端、大气、上档次是对网店设计的常见要求,可是什么样的设计是大气的呢?如果商家在设计店铺首页时,发现欢迎模块中需要突出的内容过多,将画面全部占满,此时设计出来的作品会给人密密麻麻的感觉,让人喘不过气来,此时在设计中进行适当的留白,那么效果就会好很多。

其实,空白就是“气”,要想大气就要多留白,让用户在最短的时间内阅读完店铺的信息,减轻阅读的负担。适当的留白可以展现出一种宽松自如的态度,让用户的想象力能够自由发挥。如图2-11所示,可以看到首页欢迎模块中进行了适当的留白,让画面中的文案更加凸显。

提醒

留白的区域让画面中的文案突出,同时给人以喘息的时间,减轻阅读的压力,将画面精致、大气的风格非常明显地表现出来,让整个版式显得错落有致。

图2-11 适当留白处理的欢迎模块

6、三大元素要和谐统一

一张优秀的首页欢迎模块页面设计,通常都会具备3个元素,那就是合理的背景、优秀的文案和醒目的产品信息。

如果设计的欢迎模块画面看上去不尽如人意,一定是这3个方面出了问题。常见的有背景亮度太高或太复杂,如以蓝天、白云、草地做背景,很可能会减弱文案及产品主题的体现。如图2-12所示,这家店铺欢迎模块的背景色彩简约、光线明亮,让整个首页看上去简洁、大气。

图2-12 背景色彩和谐而统一的店铺欢迎模块示例

产品详情页设计技巧

产品详情页的作用是对商品的使用方法、材质、尺寸以及细节等方面的内容进行展示,同时,有的商家为了拉动店铺内其他商品的销售,或者提升店铺的品牌形象,还会在产品详情页面中添加搭配套餐和公司简介等信息,以此来树立和创建商品的形象,激发顾客的购买欲望。

1、商品详情页的设计要点

在网店交易的整个过程中,没有实物、营业员,也不能口述、不能凭感觉,此时产品详情页就承担起推销商品的所有工作。在整个推销过程中是非常静态的,没有交流、没有互动,用户在浏览商品时也没有现场氛围来烘托购物气氛,因此他们此时会变得相对理性。

产品详情页面在重新排列商品细节展示的过程中,只能通过文字、图片和视频等沟通方式,这就要求商家在整个产品详情页的布局中注意一个关键点,那就是阐述逻辑:展示商品→描述产品→说服顾客→产生购买。

2、商品图片的展示方式

用户购买商品最主要的就是看商品展示的部分,在这里需要让用户对商品有一个直观的感觉。通常这部分是以图片的形式来展现的,分为摆拍图和场景图两种类型,如图2-13所示。

图2-13 摆拍图和场景图

摆拍图能够最直观地表现产品,画面的基本要求就是能够把产品如实地展现出来,倾向于平实无华的路线,有时候这种态度也能打动用户。实拍的图片通常需要突出主体,用纯色背景,讲究画面干净、简洁、清晰。

场景图能够在展示商品的同时,在一定程度上烘托商品的氛围。通常需要较高的成本和一定的拍摄技巧,这种拍摄手法适合有一定经济实力,有能力把控产品展现尺度的商家。因为场景的引入,如果运用得不好,反而会增加图片的无效信息,分散主体的注意力。

总之,不管是通过场景图还是通过摆拍图来展示商品,最终的目的都是想让用户掌握更多的商品信息。因此,商家在设计图片时,首先要注意图片的清晰度;其次是图片色彩的真实度,力求逼真而完美地表现出商品的特性。

3、商品细节的展示

在产品详情页面中,用户可以找到产品的大致感觉,通过对商品的细节进行展示,能够让商品在用户的脑海中形成大致的形象。当用户有意识想要购买商品时,商品细节区域的恰当表现就要开始起作用了,如图2-14所示。细节是加深用户了解这个商品的主要手段,只有用户熟悉商品才会对最后的成交起到关键的一步。

图2-14 细节展示

需要注意的是,细节图只要抓住用户最想要看的部分展示即可,其他能去掉的就去掉。此外,过多的细节图展示,会让详情页面中图片显示的内容过多,而产生较长的缓冲时间,容易造成用户的流失。

产品列表装修设计技巧

产品列表可以方便用户查看店铺的各类商品及信息,有条理的产品列表能够保证更多产品被访问,使店铺中更多的商品信息、活动信息被用户发现。尤其是用户从店铺主页进入产品页面,如果缺乏产品列表的指引,将极大地影响店铺转化率。

例如,下面这个女装店铺的产品列表,都采用了相同的设计元素,形成非常统一的设计风格,能够增强用户的记忆,如图2-15所示。

图2-15 产品分类列表示例

在拼多多店铺的产品列表装修设计中,需要考虑色彩和字体的风格,应该从整个首页装修的风格出发,定义产品列表的色彩和字体。注意,产品列表不要使用太突兀的色彩,避免产生喧宾夺主的效果。

联销售装修设计技巧

关联销售这种营销方式不但可以把进店的流量价值最大化,增加店铺的访问深度,提高宝贝曝光率,还可以提升转化,提高客单价。

关联销售也可以称为关联营销,即在一个商品的页面中,同时在详情页的顶部或者底部放其他的同类商品,或者也可以是同品牌的其他单品,也可以直接将流量导入三级分类或首页,从而增加店铺的整体销量,如图2-16所示。

图2-16 产品详情页中的关联销售区

商家可以进入拼多多管理后台的“商品管理→商品工具→商品关联推荐”页面,设置关联推荐的商品,如图2-17所示。注意,店铺的在售商品数量必须超过3件,才可使用“商品关联推荐”功能。

图2-17 “商品关联推荐”功能

提醒

另外,商家还可以设置“店铺商品置顶”功能,最多支持5个在售商品置顶,置顶的商品将会展示在用户端的店铺“全部商品”页面中,如图2-18所示。

图2-18 “店铺商品置顶”功能

关联营销可以用同类型商品来激发用户最初的购买欲望,但需要注意以下事项。

(1)价格:上下波动不宜过大。

(2)类型:功能、样式、属性相似,互补型或者类似型的产品,吸引用户的注意力。类似型的产品就是同类款式。例如,下面这款儿童连裤袜产品被推荐到首页,销量超过10万件,是一款不折不扣的爆款产品,在产品详情页的关联销售区中加入了几款价格和属性类似的产品,来带动店铺的其他产品销量,如图2-19所示。

图2-19 关联销售类似型的产品

提醒

互补型推荐是指推荐的产品在功能上与当前产品能够产生互补作用,如用户想购买上衣,商家则可以搭配裤子来进行关联销售。

文章来源:《拼多多运营从入门到精通(全新版)》