「电商设计」浅析设计对店铺转化率的影响

在电商行业中，对销量有影响的因素除了营销推广外，设计也是影响销量重要因素之一。一个视觉冲击力强、有创意又新颖的页面一般会吸引消费者的眼球，引起消费者的购买欲望。例如百雀羚，自从设计了以长图文故事型的创意新颖广告页面兴起之后，引起一阵长图文设计的狂潮，各大电商店铺纷纷效仿，也吸引了很多消费者的围观。后来百雀羚又推出各种插画类的创意页面，视觉上的冲击使得百雀羚的知名度也逐步提升，销量也更不用说啦。这就说明一个有创意新颖的页面对销量的影响相当大，接下来就说说设计是怎么影响店铺的销量，如何给店铺带来销量，又是怎样提高转化率，减少跳失率。

在设计页面之前，大家要有明确的设计方向。方向要明确才能设计出创意新颖，让人眼前一亮的作品。因为页面设计是店铺的门面担当，所以页面设计对店铺的经营发展至关重要。消费者也会因为你的店铺页面丑，就会直接忽虑产品的特性，再好看的产品也失去想购买的欲望。因此店铺的首页和详情页都要重点设计。

一、视觉传达

视觉设计包括有首页、详情页、推广图、钻展图和详情关联设计。下面就重点分析首页设计对转化率的影响。其实也是店铺装修对销量的影响，一个好的店铺才会吸引大量的消费者，店铺的销量才会好，转化率就会越高。因为消费者最注重的就是产品的销量，有了好的销量，店铺才有机会不断扩大， 才有好的经营和管理。下面就用两个不同首页设计的图片进行对比。

如下图所示：

左图 右图

1 、设计框架

首页设计架构是按照淘宝店铺首页的常规基本架构设计的，从店招-大屏海报-优惠券-分类导图-产品描述-页尾这样大概的基本格局走。很多淘宝店铺一般都会按照这个格局设计首页。用这个格局去设计首页是考虑推广方面。 淘宝店招是淘宝店铺的给人的第一印象，好的店招不仅能吸引用户的眼球，带来订单，同时起到品牌宣传的作用。所以店招要设计出店铺的精髓，店铺logo是必须要放在店招上。左图和右图的店招的logo都有，但是左图的店招明显就比右图的简约明了，高档大气上档次。

2、活动氛围

首先大家可以看到左图的海报采用插画元素结合产品模特营造出一种春天温馨的感觉，画面感不但好看，而人物与插画形式的树叶花儿融入感都非常强，并且觉得人物与那些插画元素有很大的落差感没，反而让人情不自禁就进入了里面的情景，觉得这件衣服很好看，就会有想要购买这件衣服的冲动。对比右图的海报，简直差强人意呀，一眼就感觉落差感也太突兀了吧？背景和人物一点都不融入，人物的色调和背景的色调都不一致，直接来一句说这海报P得也太假吧！简直不可直视呀！

3、优惠券

左图的优惠劵也采用插画的元素从重点突出，和海报相结合，加深画面感，消费者更加喜欢，就会收藏店铺，那么就会使得店铺的关注度变高，增加回头率。而右图却缺少了优惠券，这就说明这家店铺没有给到消费者优惠，反而减少回头率。

4、分类导图

分类导图左图和右图也都有设计，但是左图的产品模特就很融入画面感，没有任何瑕疵，对比右图的产品模特好看百倍呀！右图的产品模特和背景没有融入，和海报一样P得假。

详情页就不用展示图片说明了，请大家记住：详情页的前三屏的设计要着重设计，前三屏是核心部分，要重要设计，突出卖点，视觉传达到位。因为详情页的前三屏就是黄金前三屏，大家想了解详情页黄金前三屏就去看看度娘吧！哈哈哈

二、根据数据分析

点击率和跳失率都是根据数据分析得出的结果，通过数据测试页面，才知道如何增加点击率，减少跳失率。下面将根据数据去分析点击率和跳失率：

1、点击率

点击率本身和销量就是密不可分的，但点击率和设计又有什么关联呢？这就是接下来要分析的重点，点击率同样也是和设计密不可分的。原因是什么？如下面截图所示：

优化后

上面截图显示在优化前与优化后的页面对比的点击次数相差很大。原因就是优化后

页面设计排版比优化前的设计排版更加突出重点，视觉传达更清晰明了，消费者不但觉得页面好看引起购买欲望，也会容易获取到产品的信息点，从而点击次数就会不断增加。因此得出结论设计影响点击率，点击率影响销量，然而销量就是影响转化率的四大因素之一，那就是买的越多，转化率就越高。

左图与右图对比，右图的点击次数明显增长好几倍，可以看出设计排版经过重新优化后，点击率就不断增加。而左图和右图的数据来源是通过生意参谋-经营分析-装修分析的测试所得出的有关数据。左图与右图的页面经过数据分析的测试，可清楚了解到什么样的页面可以吸引消费者的眼球，什么样的页面可以增加点击率。可以适当地优化店铺页面，这样就会不断提升店铺的转化率。所以要尝试去用数据去分析设计的页面，数据会给到你正确的答案，因为数据分析和设计本身也是一家人，只是很少人去用数据去分析设计，所以在这里提醒大家，想要提升转化率，也可以通过数据测试分析页面在优化之后点击次数会不会增加，从而多了一个不用花钱就可以做到有效的推广店铺的好方法。

2、跳失率

说道到了第四大点从设计的角度分析跳失率，这是什么说法，之前没听过呀？分析完了视觉传达、点击率和数据分析就可以了吗？跳失率和设计能有什么影响？NO NO NO跳失率不但和设计有关系，同样和停留时长、转化率有关系。如下图所示：

从上面的数据得出，页面经过优化之后停留时长不断增加，而跳失率却不断减少。说明页面设计得好看使得消费者的浏览次数变多，停留时长也会变久，跳失率就会慢慢减少，转化率也会慢慢提高。

平均停留时间：25.2S 平均跳失率：44.2% 平均转化率：4.58%

总结：

1、作为电商设计师，不仅要有过硬的技术，同样也得具备一定的运营知识、营销思路。其设计作品不仅经得起视觉的推敲，同时也能顾及到营销思路，更具有商业价值。

2、根据具体数据分析，洞察消费者的心理，再进行视觉上的创意阐述。不但设计方向明确，营销方向也起到很大的作用。给消费者带来不一样的视觉体验的同时也会增强消费者对品牌的认知感，更能抓住消费者的消费心理。

3、设计师本身站在消费者的角度考虑问题的所在，设计的页面也会让消费者看到就会引起想要购买的心理。