怎么做电商网站首页头图?

首页头图指的是电商网站首页首屏的大图,也称为hero, banner或者carousel image。

这篇文章会介绍首页头图的作用,怎么做头图,以及推荐一些图片工具和资源。

一、头图有什么作用?

1. 打造品牌

突出核心品牌理念,品牌风格。

hardgraft 头图打造品牌

2. 回答用户问题

回答某一个常见的问题,比如物流,退换货政策等。

3. 强调品牌价值主张

品牌的价值主张也就是产品传递给用户的价值。

luxyhair 头图强调价值主张

4. 发布通知或公告

头图能触达很多用户,适合发布公告,比如促销活动上线等。

TOPO DESIGNS 头图发布通知或公告

5. 宣传单品或产品系列

头图也经常用来展示新品,或热销品,短时间内给重要产品足够曝光。

WOODLOT 头图宣传单品或产品系列

二、头图包含哪些内容?

1. 图片

我们的眼睛喜欢大而醒目的图片,所以高质量的产品图片很重要。头图也是同样的道理,图片质量要高清而且能吸引用户注意。一般建站平台对头图都有标注建议尺寸。

2. 文案

由于用户停留在首页时间很有限,头图要达到传达品牌定位和风格的目的,文案就要言简意赅。

3. 行动号召

头图应该有清晰明确的行动号召,形式上可以是文案也可以是按钮,告诉用户你想让他们做什么,比如“SHOP NOW”,“READ MORE”等。

PIPCORN 头图-行动号召

三、要不要使用轮播图?

很多建站平台都支持设置轮播图,一些网站也喜欢通过轮播图展示炫酷的设计。但是用户体验专家认为轮播图容易分散用户注意力。

测试表明,除了第一张轮播图能得到80%+以上的点击,其他图片用户基本不会点击。

所以普遍共识是,与其轮换展示多张图片,不如集中用户注意力在一张图片上。当然,或许轮播图在你的网站上效果不错,可以通过A/B测试去验证。

如果你想用轮播图,注意以下几点:

  • 各轮播图统一风格
  • 文案简单易读
  • 压缩图片大小,尽量避免降低网站加载速度
  • 减少图片数量,突出真正重要的内容
  • 导航清晰,用户可以控制图片切换

四、怎么做网站头图?

1. 去哪里找图片?

免费图片资源

(1)BURST(https://burst.shopify.com/)

Burst by Shopify 免费图片资源

(2)pixabay(https://pixabay.com/)

pixabay 免费图片资源

(3)picjumbo(https://picjumbo.com/)

picjumbo 免费图片资源

付费图片资源

(1)Creative MARKET(https://creativemarket.com/)

(2)Stocksy(https://www.stocksy.com/)

2. 怎么组合文案和图片?

Adobe Photoshop

Pixelmator

Pixlr

Canva

PICMONKEY

Leave a Reply

Your email address will not be published. Required fields are marked *