店铺视觉设计的重要性

在1688平台上,不同的商家对店铺有不同的定位。有一部分商家想提高品牌知名度,更多商家则是为了提升转化率,获取更多客户和订单。无论出于哪种目的,店铺视觉设计在这个过程中都起到了举足轻重的作用。

对于品牌型商家来说,如果店铺视觉做得不够好,店铺中的产品就会缺乏“品牌感”和“旗舰感”,这样的设计不仅不能起到提升品牌知名度的作用,而且会造成负面影响。对于想提升转化率的商家来说,如果没有做好店铺视觉,转化率就可能会大打折扣。原因在于,买家通过搜索、活动页面或者横向频道等寻找商品时,首先进入他们视野的是以主图为主的产品信息。如果这些信息没有设计好,那么点击率就会很低,造成的直接后果就是访客很少。另外,如果详情页没有设计好,访客进店查看详情页后会直接离开,那么跳失率就会很高。还有一部分访客看完详情页后会继续看首页或者供应产品页等,假设这些页面在视觉设计上不足以吸引买家,没有体现出优质供应商的形象,那么就会带给买家很高的信任成本,询盘和转化率会受到影响。

所以说,做电商除了卖产品以外,很多时候也是在“卖图片”“卖视觉”。

结合店铺定位做视觉设计

做视觉布局之前,需要先明确店铺自身的定位。店铺定位通常围绕以下四方面开展:主营产品、目标客户群、经营模式、企业性质。

我们要结合视觉定位分析。首先,对于主营产品部分,不仅要想到一级类目,还要细化到精准的三级类目。例如一家卖女装的商家不能只是说自己的产品是女装,而应该更加细化,例如韩版连衣裙。不同产品呈现出的视觉主题是不一样的,例如生鲜水果有自然清新的风格,女式休闲鞋有潮流时尚的风格,包饺子机械有科技风格。

其次,可以把目标客户群和经营模式放在一起思考。前者主要思考产品卖给谁,是实体店主、淘宝卖家、微商,还是跨境客户等。后者需要梳理清楚卖家通过什么方式把产品销售给买家。1688平台经营模式分为批发、定制、淘宝一件代发、跨境专供等,针对不同客户的不同经营模式,在视觉布局的内容和形式上侧重点都会不同。

最后,企业类型也尤为重要。工厂型的企业,视觉设计可以围绕工厂展开,描述工厂的实力。品牌代理型企业,要突出产品的多样性和寻找产品的便捷性。品牌旗舰店,需要有品牌故事的呈现,设计要更加大气而富有“旗舰感”。

当然,除此之外,还需要思考1688店铺的装修和淘宝店铺的装修有哪些区别。1688客户的采购是理性消费,淘宝客户的购买是感性消费。前者第一次成交难度大,但一旦产生合作,只要卖家的产品质量好、性价比高,且服务做得到位,买家的黏性就会比较强,大部分有回购需求的客户会选择多次合作和采购。在后者的销售场景中,回购特征不太明显,冲动型消费占多数,所以淘宝店铺在视觉呈现上要更注重围绕产品本身展开。

另外,针对消费品和工业用品也有区别,核心区别在于实力展示部分的布局,工业用品店铺要比消费品店铺更重视公司实力的展示,所以就内容占比而言,公司实力展示部分在工业用品店铺中所占比例更高,公司实力和产品展示比例一般是5∶5或者6∶4。

PC端店铺视觉设计要点

在设计PC端视觉之前,需要考虑PC端视觉布局有哪些模块。从页面角度可以分为以下模块。

(1)首页。包括店招、导航栏、轮播海报、产品分类、产品橱窗、自定义内容、背景等。

(2)详情页。包括主图、详情内容等。

(3)供应产品页。

(4)自定义页面。包括定制专区、代理加盟专区、在线看厂模块等。

具体设计要求和技巧如下。

通常店招设计有两种模式。代理型店铺要突出自身品牌,可以在纯色背景中放一个Logo,简洁明了,如图5-1所示。这种模式适用于深度快消品(受众多、更换快的消费品),例如女装、女鞋等。

另一种是常规的店招,店招所在的位置是店铺最显眼的地方,所以它决定了买家对店铺的第一印象。内容布局建议参考以下店招公式:

店招=公司名称+品牌Logo(可选)+定位(主营产品和经营模式)+优势+联系方式

图5-2所示为常规店招。设计店招时要注意可视范围,因为不同类型的电脑屏幕所能覆盖的尺寸不一,一般店招宽度是1920像素,有内容的部分最好控制在1200像素以内,以免在某些屏幕上显示不全。

导航栏的布局是根据买家浏览习惯而定的,一般人习惯从左往右看,所以越重要的内容越要靠近左侧,如图5-3所示。每个店铺需要根据自身定位去安排顺序,通常首页之后紧跟着供应产品页,紧接着是公司档案页,接下去定制类店铺放定制专区,淘宝代发类店铺放代理加盟页,微商代发类店铺放微商代理页,批发类店铺放在线看厂页。其他的根据实际情况考虑是否需要放。

轮播海报属于“黄金三屏”中的第一屏,所以至关重要。

首先,轮播海报从尺寸上有两种选择,一种是1920像素×500像素,另一种是1920像素×800像素,后者宽度更大,一张海报可以覆盖一个屏幕,更加吸引眼球。

其次,轮播海报可分为产品型、实力型、代理型、活动型四大类,具体案例分别如图5-4~图5-7所示。

制作产品分类模块时要遵循三个原则:符合模板和主题、注意分类、做好分类超链接,如图5-8所示。

产品橱窗的主题要和店铺产品主题保持一致,且能体现出价格信息,还要加上“立即订购”“BUY”等引导下单的按钮。图片要突出产品,一排不宜堆砌过多产品,最好控制在2个或者3个,图片清晰度要高,因为这样一排基本能占据一个页面,会更加抢眼,如图5-9所示。

就整个首页来看,自定义内容是最灵活的,可以嵌入文字和图片,内容也可以由自己编排,如图5-10、图5-11所示。就内容而言,这一部分是实力展示的集中区域。生意参谋有数据表明,买家访问最多的是详情页,其次是供应产品页,然后是首页。看首页的访客通常希望看到产品以外的内容,主要是公司的实力展示。因此本区域内容布局建议如下。

工厂外景 工厂内景

生产流程 公司资质

所获荣誉 团队风采

合作客户 地理位置

生产技艺 定制流程

质量把关 产品情况

旺铺的背景需要和旺铺的整体视觉风格保持统一。如果认为模板的背景达不到视觉要求,可以对背景进行修改,从色彩和内容两方面着手。色彩上可以使用不同的纯色,内容上也可以适当添加一些元素,例如实力商家的牛头标志,或者某城市、某行业源头厂家标志,并加入联系方式,倾斜45度左右展示。

1688平台要求主图至少要有3张,通常5张比较合适,同时还有一些其他标准,例如不能加水印等,具体如下。

在设计主图的时候,要把5张主图当成一个微详情页一样来设计,在设计布局时要结合平台对七星产品的要求和行业标准,从提升点击率的角度展开。

第二和第五张建议都描述产品,第五张必须是白底图,第三、第四张可根据行业不同做不同的设计。女装、女鞋等深度快消品的主图中一般应展示产品本身,百货、家纺等普通快消品,以及工业用品的主图中可以做实力展示,比如第三张描述公司实力,第四张描述公司优势。

除此之外,对于一件代发类的商家,如果店铺产品想让代理直接上传到淘宝店铺,那么五张图必须都是产品图,而且要站在淘宝卖家的角度设计主图,不允许出现公司本身的信息。

如图5-12所示,数据表明,详情页的浏览次数是店铺所有页面中最多的,因为新访客进入店铺的第一个页面一般是详情页,所以详情页对于提升店铺转化率起到至关重要的作用。

非代发模式的详情页内容一般包含产品展示和实力展示两部分,具体模块分为五部分,包括产品模块、实力模块、服务模块、引导模块、活动模块(可选)。

快消品实力展示部分比例为20%~30%,如果是工业用品,建议实力展示部分比例增加到30%~40%。

产品模块要图文结合,不宜只用文字或者只用图片,具体可以描述产品的性能、品质、差异化优势、适用人群、适用场景、质检流程等。

实力模块包括工厂或公司的规模、生产工艺、成功案例、生产流程等。服务模块的主要内容包括使用什么快递、有无7天无理由退货服务、售后问题如何解决等。引导模块则突出自身优势,包括产品优势和商家优势。

详情页的布局遵循一屏展示一个大卖点的原则,一屏中不宜出现内容堆砌的现象,同时逻辑上要十分清晰,每个板块要有标题说明。视觉营销有一个很重要的原则,即能够让视觉解决的问题,千万不要让客服人员出马。这意味着视觉本身就是一名无声的客服人员,因此在详情页中还可以列举访客常问的一些问题,针对这些问题做自问自答,方便访客自行查阅。

另外,详情页需要设置关联营销。就目前而言,1688详情页中有三处关联营销可以设置。第一处是商品推荐设置中的“商家热推”和“组合推荐产品”模块,位置在主图下方,属性上方。第二处是常规的关联营销位,位置最明显,在详情页页首,通常以九宫格或者六宫格等形式出现。第三处是智能橱窗,位置在详情页页尾。

对于一件代发类(淘货源分销代理)店铺,在设计商品详情页时要注意以下要点。

(1)详情页可以根据淘系商品详情页的布局逻辑进行设计,重点表现出商品图片、属性信息、特色卖点、功能说明、商品对比、好评、优惠、物流及售后等。设计风格要简洁明了,让买家能直观地了解有关于商品的信息,触发下单购买欲望(切不可包括企业自身的信息,包括公司名称、联系方式、发货地址等)。

(2)色彩定位需要根据产品类目、客户群体、所属季节、当前网络流行色等维度考虑,目的在于形成个性化、差异化,触发买家购买欲望。

(3)对于品牌商品,需要突出商品品牌,但自主品牌且不具备高知名度的,无须添加品牌信息。

(4)在有条件的前提下,建议准备多套不同风格、不同拍摄角度(场景)的详情页,并配合差异化主图(设计多套主图)供淘系分销代理商选择。若淘系平台对不同客户使用同一套主图和详情页,会影响搜索权重。

(5)淘系卖家的分销申请通过审核,使用“一键铺货”功能即可快速上架新品。

(6)为了不重复发布自己店铺的分销商品,可将不同设计风格的主图和详情页通过旺旺发给分销商,指导他们自行上传至各自店铺中。原有链接依然可以使用“一键铺货”功能。

供应产品页的浏览量仅次于详情页,这一点可能会颠覆很多1688商家的认知。为什么呢?因为大部分商家几乎每天都会去看看自己的店铺首页,所以潜意识里认为首页最重要,其实不然。查看供应产品页才是大部分访客看过详情页之后的首选,因为他们首先想要看的是产品。

这个页面能够动的地方不多,主要是产品的调性,主图风格不一的供应产品页会给访客杂乱无章的感觉。因此,与供应产品页相关联的更多是主图,建议在主图的设计上色系要更协调一些。

不同的店铺可以根据所处行业和店铺自身情况开展有针对性的自定义页面设计,比如定制专区就是用定制业务模式的商家可以自行设计的板块,如图5-13所示。

定制专区通常包含如下内容。

(1)公司介绍。

(2)定制业务介绍。

(3)定制优势介绍。

(4)已合作成功案例。

(5)定制流程。

(6)定制注意事项。

(7)定制类视频展示。

设置代理加盟专区的目的是方便有代理加盟意向的访客查看,招募到精准和优质的代理商,具体内容设计建议如下。

(1)公司介绍(发展历程、实力、产品等)。

(2)代理加盟业务。

(3)代理加盟优势。

(4)代理加盟政策。

(5)代理加盟服务(主要是售后服务)。

(6)代理加盟流程。

自定义页面里的在线看厂模块主要针对源头工厂型店铺,核心目的是增加买家的访问深度(平均每个访客在一个店铺里浏览的页面数),增加买家对店铺的信任感,从而促成更高的转化率。

在线看厂模块建议用图片形式展开,最好图文结合,核心内容参照首页自定义内容模块。

工厂外景 工厂内景

生产流程 团队风采

生产技艺 定制流程

在展示时,在线看厂模块需要比自定义内容模块更详细,展开更多,描述更细化,每个场景的图片可以更多一些,确保查看的访客能够全方位地了解工厂。

5.4  无线端店铺视觉设计要点

由于1688平台的客户以商人为主,他们的采购是理性的,因此对于新的客户而言,在一家店铺拿样本或者下单之前,他们会用屏幕更大的电脑进行查看,尽管最终可能在无线端成交。当然,也会有一定比例的新客户直接通过无线端搜索进店浏览,并决定是否下单。

老客户对老供应商已经很熟悉,访问店铺更多的目的是查看新品,或者寻找老品下单,这时无线端会使用得更多,因为用手机操作更便捷。

基于以上分析,针对新客户的部分更需要描述商家实力,并做产品展示。针对老客户的部分需要让他们快速便捷地寻找到原来采购过的产品,并了解店铺有哪些新品。

所以在做无线端布局时的具体思路如下。

(1)要有店招的概念,尽管没有PC端那么大的面积展示店招,却要重视它的背景,如果是工业用品店铺,还可以在店招中加入联系电话。

(2)轮播海报可以多放几张,可以描述公司实力和优势,以及自己的差异化服务。

(3)产品橱窗部分建议展示热销产品和重点分类产品。

图5-14所示为两种风格的店招。

无线端详情页布局分为两种类型。

第一种是常规式布局。设计时可以参考PC端详情页布局,将其运用到无线端。

第二种是基于无线端特点设计的布局。这种布局适用于以无线端访客为主的店铺,设计要点有四条。

(1)选择字号时要考虑无线端屏幕尺寸,一般20号字较合适,字数不宜过多。

(2)图片尺寸建议为790像素×1042像素,注意控制好图片大小,利于加载。

(3)控制好单屏信息,每屏有一两个细节描述即可。

(4)常规手机是竖屏的,所以要使用竖屏思维设计无线端详情页,图片尽量用竖图,少用或者不用横图。

5.5  1688平台视频设计及运用

由于视频对于提升转化率有很大帮助,又能降低买家的信任成本,所以1688平台增加了允许上传的视频数量,无线端首页和详情页也可以上传视频,主图小视频功能也已经上线。1688店铺涉及的视频主要是首页的公司视频和主图小视频。

添加公司视频的核心目的是全方位地展示公司实力,因为图片展示没有那么立体,视频展示的内容更为丰富,能加深买家对公司的认识,与那些没有视频展示的同行店铺形成鲜明的对比,因此能缩短买家决策时间。除此之外,还有一点特别重要,即视频吸引访客观看时,访客停留时长对于店铺精准流量的获取至关重要。因为搜索引擎会结合访客的停留时长和转化情况来判断一个店铺的承接能力,两种数据都很好,意味着店铺基础设施做得很好,在“千人千面”的规则之下,平台会推送更多的优质流量。

就目前而言,视频制作分为两种类型。一种是外包给专业公司制作的,需要付费,在此不赘述。另一种是自己制作的免费视频,是我们想重点讲述的。

5.5.1  店铺视频

通常介绍公司的视频不宜太长,控制在4至8分钟较为合适,制作时要注意以下几个要点。

1688店铺经营模式有批发、定制、一件代发、高单价产品的零售以及跨境模式。不同类型的店铺在视觉内容的布局上侧重点会不一样,做批发和一件代发的店铺会更常规一些,主要突出现货储备能力和货源稳定性,定制类店铺可以展示整个定制流程,跨境类店铺则会加入外贸和英文元素,高单价产品零售类店铺一般在机械产品等工业品类中出现,展示方式与批发类店铺相似。

无论是快消品类还是工业用品类店铺,在视频展示上都要突出店铺实力描述,源头工厂是这样,组货商更是这样,实力描述一般包含如下部分。

(1)工厂本身的实力展示,例如工厂外景与内景、各生产车间与设备、样品间、仓库、团队、办公区域等。

(2)资质与荣誉证书,例如营业执照、行业资质证书(如ISO9001认证证书、食品行业SC证书、专利证书等)、行业内荣誉证书(如税务机关颁发的证书、产品参赛的获奖证书、知名品牌认证证书等)。

(3)已合作客户的成功案例介绍,包括知名的和非知名的,原则上需要对方的许可,要事先做好沟通。

在内容结构上,根据是否带配音,有两种建议。

第一种是带配音的,其结构建议及制作注意事项如下。

(1)要有大气磅礴的开场和结尾,配上恢宏的背景音乐,开始以远镜头大范围取景为主,可以展示工厂整体场景,适当配一些城市场景。

(2)中间描述公司发展历史、公司主营产品、工厂和产能情况,以及目标产品覆盖的目标客户群。

(3)最后要突出企业文化和经营理念,凸显企业的价值观。

(4)配音建议以普通话标准且声音浑厚的男声为主。

第二种是不带配音的,内容更简单,具体包括以下方面。

(1)大气的片头和片尾。

(2)工厂(或公司)展示(厂房、设备、仓库、办公区域等)。

(3)产品成品展示或产品生产过程展示。

(4)团队展示。

(5)生产师傅讲话。

(6)厂长致辞。

拍摄前需要对工厂的厂房进行打扫,确保整洁干净。

最好使用单反相机拍摄,因为手机拍摄的视频效果达不到理想状态。实在没有相机时才可以用视频拍摄功能好一些的手机。拍摄时注意焦距的使用和取景的角度,确保远景和近景都有,这样镜头中出现的内容会更全面。

拍摄时要用横屏,因为竖屏拍摄的视频剪辑后两侧会有大量留白。拍摄视频时最怕摇晃,所以一定要平稳,可以使用支架固定摄像机,以均匀的速度从左至右或者从上到下进行拍摄。

拍摄的时候一定要围绕内容定位和布局展开,避免遗漏。

制作视频的工具有很多,会声会影、Camtasia Studio、Adobe Premiere、Adobe After Effects都是功能比较全面的软件,前两个使用起来比较简单,后两个比较复杂,制作时的注意事项如下。

(1)根据定位规划视频结构,按照视频结构对要拍摄的所有素材进行分类并归档。

(2)上网下载大气的片头和片尾,并下载合适的背景音乐。

(3)按照视频软件的剪辑方法对视频进行剪辑,剪辑完毕后导出。

制作调查问卷发放给老客户,让老客户填写,通过问卷找出视频的问题,并做优化。

5.5.2  主图小视频

主图小视频即描述产品的小视频,主要对产品做展示。

它的拍摄原则、制作方法、制作工具与店铺视频基本无异,区别主要在内容上。做主图小视频不仅为了吸引买家,还为了把产品全方位展示出来。

就形式而言,制作时可以加入轻松一些的音乐,有条件的商家可以加入轻松的配音。

内容上要有很强的逻辑性,引导买家一步一步了解产品的材质、功能卖点、使用场景、适用人群以及操作方法。

主图小视频通常需要控制在60秒以内,建议以短镜头为主,这样会更清晰,视觉上会更有冲击力。

联系方式

泉州总公司: 丰泽泉秀路领show天地C座5楼

南安分公司: 南安成功开发区南安电商园6楼

石狮分公司: 西灵路海西电商园运营总部4楼

德化分公司: 德化城东工业园德化电商园5楼

厦门分公司: 集美区集美大道创业大厦809室

澄海分公司: 德政与玉潭路交汇口潮港汇5楼

潮南分公司: 广汕公路汕尾段金宝生车行5楼

揭阳分公司: 榕城区中天大厦左侧办公楼3楼