hero_images_2.jpg

电子商务和营销图像的最新趋势非常明显,尤其是如果您最近访问了Apple网站。它们不是第一个或唯一使用英雄图像的人,但它们是最明显的图像之一,并且经常使用它们。如果苹果使用它们,它们必须工作,对吗?在您启动更改任务之前一切在您的网站上,让我们看看一些重要的信息。

什么是英雄图像?

如果您不确定是什么英雄图像,请快速查看苹果的网站,,,,汤米·希尔菲格(Tommy Hilfiger), 或者Ulta的。您在这些页面上看到的第一件事是占用可见屏幕70%以上的图像。链接和CTA位于图像中或覆盖中,以便访问者可见和可用。

Screen_Shot_2015-04-20_AT_11.22.30_AM

Screen_Shot_2015-04-20_AT_11.23.20_AM

这些图像通常是最新,最热门的产品或服务 - 您想为快速造成兴奋和销售。您可以在静态图像和具有多个滑块的滑块之间进行选择。无论哪种方式,在页面上的其他任何内容之前,都会立即将注意力吸引到这些产品上。

为什么我们爱他们

基本上,网站上的一个大性感图像使整个网站自动看起来很性感。买家喜欢和回应性感的网站。如果他们没有,我们不会那么努力地改善它们,对吗?

我们喜欢看到相关图像显示使用中的产品。我们看到这些产品如何满足我们的需求并解决我们的痛苦,同时看起来也很棒,以至于我们无法错过购买它们的机会。如果该产品的小图像出售一千,那么大图会出售多少?这就是大英雄图像背后的大想法。

但是他们工作吗?

crazyegg.com说他们绝对做。通过两个案例研究(来自戴尔和KinderCare的一项),他们证明了英雄图像可以提高转化率并降低跳出率。从电子商务的角度来看,他们的法国测试主题Saloman看到了国内销售额增加了近40%全球销售额将近30%。

好吧。显然,英雄图像起作用。但是,您如何确定它们在您的电子商务网站上工作呢?

一些基本规则

只需放大您的主页照片,就不会做到这一点。涉及很多计划和决策。首先,甚至不要尝试在这里使用库存照片。每个曾经看过网站的人知道什么样的库存照片,他们不会给您留下深刻的印象。您的产品或与您产品互动的消费者的图像更好。

接下来,确保这些图像缩放用于在移动设备上使用。坏的响应式设计(或没有响应式设计)不会导致转换。实际上,这在Google眼中是有害的。您的目标是提供最舒适,最令人兴奋的用户体验。

说到用户体验,请确保您的图像在眼睛上很容易。链接和按钮不应涵盖重要信息。菜单应处于逻辑地点和地层。颜色应与您的品牌匹配,而不会压倒用户。

最后,测试全部。测试,测试,然后再次测试。您的第一次测试可能表明您的转换实际上是使用英雄图像较低的,但这是否意味着英雄图像不适合您?也许这只是意味着您选择了错误的图像。也许买家找不到您的链接。有一个备份图像并准备好进行下一个测试。经过微小的调整和重大变化,您会看到令人难以置信的结果。

获得电子商务的免费HubSpot试用

订阅电子商务博客

最初发布于2015年6月10日7:00:00 AM,2017年2月1日更新

话题:

电子商务营销