独立站全攻略——看过许多高转化的独立站后，我发现了这些Banner图上的共同点！

独立站的Banner不仅仅只是张首页头图，其实含括了平面设计、消费心理学、用户研究、文案设计等多个营销领域的知识点。到底什么样的Banner图更容易赢得海外用户的青睐呢？在对比、分析了许多高转化率的独立站Banner图后，领动领售研究院总结了以下两大特点：

用户对Banner图的关注时间一般在3秒左右，包括轮播Banner的切换时间也一般设置在3秒左右。

独立站卖家就需要在这三秒内，通过Banner图尽可能地传递用户想了解、感兴趣的信息。

因此，图片清晰、文字简洁易懂的Banner图，容易给用户留下深刻印象。

独立站首页的Banner图一般由以下要素构成：

• 文案

• 配图

• 背景

• 装饰元素

• CTA按钮

其中，Banner图中的文案不仅要精简而且要有吸引力，针对不同的目标用户做到内容可读性，确保用户快速获得信息。 

设计部分不仅要保证图片整体的美观、视觉舒适度，同时要注重信息层级关系，‌引导用户视觉动线‌。

通过布局，引导用户接收信息、参与互动，为网站之后的营销转化打好基础。

Banner图的位置一般在网站的页眉下，如果图片高度设置的过高，用户需要滑动才能看到后续内容，用户体验不佳。

如果设置得过低，用户可能觉得网站内容不丰富，导致跳出率的增加。

焦点领动资深网站设计师团队，结合大量的案例以及实操经验，建议卖家朋友可以按照如下数值设置Banner图的尺寸：

• 宽度：1920px，

• 高度：结合网站整体布局而定，一般为640px — 900px

Banner图的主要职责之一，就是向用户传达信息。

因此，美观的图片与简洁的文字相结合，更便于访客一下子了解我们。

比如这张Banner，它将主营的相机类产品置于左边，配合文字“The Highest Quality Equipment Light and portable”，（高质量的设备轻便易携带）一句简单且易读的口号，就凸显了产品的卖点。

再比如，Banner图中加入企业Slogan“为辛勤的客户提供高性能的设备”。简单的一句话，不仅输出了产品的卖点，也与客户建立起情感联系。

用户浏览页面的时候，视觉都趋向于从上到下，从左到右，因此Banner中靠左的内容，会最先被看到。

对比上面两张Banner图，如果要重点凸显文字信息，并且方便用户点击，则可以将文字以及CTA按钮放置在图片靠左的位置。

如果着重展现产品，可以像第二章图片中的摆放位置一样，将相机配件靠左展示，而文字负责辅助说明。

CTA按钮，是用于引导用户进行点击的小按钮。通常带有较强的营销话术，例如之前展示的几张Banner图中，有“READ MORE”“VIEW MORE”等表述的按钮，就是CTA按钮。

用户点击CTA按钮后，会直接跳转到相关预设好的页面，比如产品页面，或者营销活动页面，从而促进销售转化。

卖家朋友可以将CTA按钮放置于文字的下方，当访客阅读完文字后，鲜明的CTA按钮，会给访客一定的紧迫感，驱使他们点击按钮了解更多。

除了图文Banner，Banner图还有多种多样的展示形式。

在领动领售SaaS云平台的网站设计页面，点击页头中的“+号”，点击使用视频Banner、滑动Banner、幻灯片Banner等多种展现形式，再结合以上三点设计技巧，从而打造更吸引访客的Banner图。

通过简单的拖、拉、拽的形式，即可在设计页面创建出高质量Banner图，之后卖家朋友可以根据需要，再进行尺寸调整、元素替换、深度设计等操作。

此外，领动领售SaaS云平台采用响应式设计，设计好的页面内容（包括Banner图）可自动适配不同终端的屏幕尺寸，用户无论何时何地，用何种设备访问网站，都能获得较好的访问体验。