本文目录
首屏的篇幅有限,能承载的信息比想象中少。我们做过一次简单的访客测试:把首页截图给十个非本行业的人看五秒,然后问"这家公司做什么"。能答对的不到一半,问题基本都出在首屏。
第一层:一句能说清业务的话
主标题不要写"引领未来""智造非凡"这类无法验证的口号。写清楚三件事:为谁、提供什么、解决什么问题。例如"为汽车零部件工厂提供柔性装配线设计与交付",比"智造未来"有用得多。
主标题下面用一行副标题补充差异点:交付周期、服务范围、资质或客户类型。两行加起来不超过 40 个字。
第二层:可验证的信任要素
客户 logo 墙是最直接的一种,但要注意:只放真正合作过的客户,且获得授权。没有 logo 可用时,用可核实的数字替代,例如"服务 120 家制造企业""累计交付 380 条产线"。数字要能被追问,不能随口写。
第三层:一个明确的行动
首屏只留一个主按钮。可以是"获取方案""预约演示""查看产品参数",取决于访客此刻最需要什么。次要动作做成文字链接,视觉权重明显降低。
反例一:全屏轮播
三张轮播图,每张停留四秒,第一张还是纯图无文案。结果是没有人在轮播上停留超过一轮,关键信息全部错过。如果一定要轮播,把最重要的一张固定为第一帧,并关闭自动切换。
反例二:董事长致辞占据首屏
致辞适合放在"关于我们",不适合放在首屏。访客第一次来,关心的是你能不能解决他的问题,而不是公司成立于哪一年。
反例三:视频背景 + 粒子动效
视觉上确实抓眼,但代价是移动端首屏加载超过 5 秒,流量成本高的行业尤其不划算。动效可以用,但不要放在影响 LCP 的位置。
首屏之下的第二屏
首屏负责"留人",第二屏负责"给理由"。建议紧接着放三块内容:核心能力(三点即可)、代表性案例(两到三个)、以及一段简短的方法说明。这三块把"你是谁"过渡到"你能做什么"。
三种常见结构与适用行业
看过的企业站首屏,基本逃不出三种结构。
左文右图型。左边标题加两个按钮,右边产品图或数据面板。适合大多数 B2B 制造、服务型企业。信息密度适中,手机端直接上下堆叠即可,改造成本最低。
全屏大图型。整屏背景图,中间一行标题。视觉冲击强,适合装修、文旅、餐饮这类卖感觉的行业。缺点是首屏信息量太小,客户要滑一屏才知道你做什么,B2B 场景下不划算。
数据证明型。首屏直接放服务客户数、项目数、行业覆盖。适合已经有一定背书的公司,用数字快速建立信任。新公司慎用,数字不好看反而减分。
手机端首屏要重新排一遍
桌面端的首屏结构直接压缩到手机,十有八九会出问题。
桌面端一屏能看到标题、副标题、两个按钮、四项数据。手机端屏幕高度只有 700 多像素,减掉顶栏和底部导航,实际可用不到 600。这时候要砍内容:副标题缩短到一行,数据从四项减到两项,按钮从两个变一个主按钮。
还有个常见错误是把桌面端的大标题原样搬过来。桌面 56px 的标题在手机上会占四行,把按钮挤出首屏。手机端标题控制在 26 到 30px,两行以内。
判断首屏是否合格,有一个简单方法:把首屏截图发给一个不了解你公司的人,问三个问题——做什么的、为谁做、下一步点哪里。三个都能答对,基本合格。