小程序开发

如何搭建专业又好看的企业官网之首屏大图设计

2019-01-27 21:33
企业官网是客户对产品的第一印象,这一点毋庸置疑,因此一个精致的企业官网对产品来说至关重要,那么如何才能设计一个好看的企业产品官网呢?

在谈到企业产品的营销时,一种观点认为客户肯定是靠线下推广来获取的,另一种观点认为应该让用户主动购买而不是被动推销,持这种观点的公司尤其重视通过产品官网来获客。

无论持哪种观点,不可否认的是官网是客户对你产品的第一印象,很多潜在客户在购买之前都是先通过官网来了解产品的。然而很多公司在企业官网设计这件事上投入的精力还不及线下推广的万分之一,有的只把官网当作摆设,粗制滥造套个模板结束,甚至还忽略了移动端适配。

作为企业产品的设计师,我们要如何设计好看又好卖的产品官网,有没有一些套路可循?

企业产品官网的作用是传达信息和促进转化。传达信息是告诉访客这款产品是什么/能为你公司做什么/为什么值得我购买,再配合一些增强说服力的手段来促进转化——将尽量多的访客(潜在客户)转化为注册用户并最终完成购买。按照用户浏览网站的顺序,有以下 5 大设计要点:

一、善用首屏大图吸引视线

首屏大图占据了官网最宝贵的第一屏,它决定了访客对官网的第一印象。首屏大图可以辅助产品Slogan来有效传达产品价值,同时还会影响到官网整体的气质。常见的首屏大图有以下 5 种表现形式:

1.实景照片营造场景氛围
在实景照片这个形式上,企业级产品的表现力远不及消费级产品(对比一下Salesforce和Apple的官网就知道了),因为企业的商务属性决定了他们不能像消费级产品那样大胆地彰显个性。企业产品官网一般会用客户使用产品的场景照来说明产品给他们工作带来的益处,或用一些开阔的风景照来表现公司的价值观和愿景。
这种传统的照片形式常见于一些大公司,例如微软的CRM产品Microsoft Dynamics 365:

如何搭建专业又好看的企业官网之首屏大图设计
客服应用HelpCrunch则用来表现公司未来的愿景:

如何搭建专业又好看的企业官网之首屏大图设计
2.概念图用隐喻表达产品价值
经过设计处理之后的概念图,比真实照片的表现空间更大,可以通过一些隐喻的手法来传达产品价值。
Zendesk用形象的概念图来辅助传达产品的价值主张——We can lend a hand。

如何搭建专业又好看的企业官网之首屏大图设计
3.插画最适合讲故事
近年来一些企业重塑品牌向更年轻更有活力的方向发展。插画的形式有利于塑造轻松时尚的品牌气质,同时也是最适合用来讲故事的表达形式。
Intercom用生动的手绘风插画描绘了一副工作中遭遇的混乱场景,引出了使用Intercom可以结束这一切混乱的概念:

如何搭建专业又好看的企业官网之首屏大图设计
4.产品界面图简单直观
简单直观的运用产品界面图作为首屏大图,让用户对产品使用过程有一种直观的体验,也是一种对于自己产品的设计很有自信的表现。
云存储应用Box用产品界面和照片混搭的形式来表现“Work as One”的产品理念:

如何搭建专业又好看的企业官网之首屏大图设计
5.客户照片更具说服力
使用真实客户的肖像作为首屏大图,兼具客户案例的作用,使产品更有说服力。
自助建站应用Squarespace用高清的客户肖像图配合产品界面,来表现他们的应用可以为不同人群定制专属网站的理念:

 
如何搭建专业又好看的企业官网之首屏大图设计
6.视频是流行趋势
用视频代替静态图出现在首屏成为近年来流行的一大趋势,比起静态图,动态视频更容易吸引目光。视频的内容可以是产品功能解说/客户案例讲述/企业文化传播等,视频的触发方式有自动播放/预加载/点击播放等。
h5的video标签可以完美实现这个功能。

设计师贴士:
a、首屏大图和销售主张是官网的重中之重,既是营销的核心,同时也是页面布局和表现的核心。
b、首屏大图是传达产品品牌的绝佳机会。
c、不同子产品页可以用不同的首屏大图,但是要注意尺寸和风格保持一致。

思捷智联是一家总部位于北京的网站开发公司。公司致力于为每一个客户提供营销型企业网站开发,公司成立十年来为上百家企业提供了高端网站开发服务。我们有着标准化的开发流程和测试流程,如果您正好计划做一个企业品牌网站或者网站改版,请联系我们的售前客服获取免费报价,现在成交还能获取免费云主机一部哦!

免责声明:我司网站转载此文,不代表本网的观点和立场。不以盈利为目的,如有侵犯公司或个人权益,我司会第一时间删除文章。
小程序开发:webbj.cn北京小程序开发公司,免费获取思维导图!
    相关阅读
  • PHP与ASP.net两大网站开发架构优势对比
    PHP与ASP.net两大网站开发架构优势对比

    PHP与ASP.net两大网站开发架构优势对比 同是目前主流的网站开发架构,PHP与ASP.net各有哪些技术特点呢?他们分别适用于哪些不同的环境中呢? PHP架构优点 PHP比较容易学开发速度比较快,...

  • 网站改版或重建后该如何保持排名
    网站改版或重建后该如何保持排名

    很多时候,我们的网站需要改版或者重建。网站改版或者重建的目的很明确,一是为了提供更好更优质的内容或者服务,给用户带来更好的用户体验度;二是为了优化网站,提升网站在搜...

  • 北京网站建设建站流程
    北京网站建设建站流程

    第一步 客户提出需求 客户提供相关文字及图片资料:同时希望您能够告诉我您喜欢的网站类型及实例; 1.公司简介,各种联系方式; 2.尽量用文字详细说明制作的框架结构; 3.产品或项...

  • 选择seo关键词要避免的大误区
    选择seo关键词要避免的大误区

    在网络营销中,无论是做竞价广告和搜索引擎优化都需要选取关键词,但是在选取关键词中存在了误区,企业往往投放了大量的资金,也带来的了流量,但是没有转化,网络营销学院...

感受专业服务,从来电咨询开始
010-6975976518611391767
在线咨询在线咨询