在谈到企业产品的营销时（本文中提到的“企业产品”是指“给企业客户使用的软件/应用”），一种观点认为客户肯定是靠线下推广来获取的，另一种观点认为应该让用户主动购买而不是被动推销，持这种观点的公司尤其重视通过产品官网来获客。
无论持哪种观点，不可否认的是官网是客户对你产品的第一印象，很多潜在客户在购买之前都是先通过官网来了解产品的。然而很多公司在产品官网设计这件事上投入的精力还不及线下推广的万分之一，有的只把官网当作摆设，粗制滥造套个模板结束，甚至还忽略了移动端适配。
作为企业产品的设计师，我们要如何设计好看又好卖的产品官网，有没有一些套路可循？
企业产品官网的作用是传达信息和促进转化。传达信息是告诉访客这款产品是什么/能为你公司做什么/为什么值得我购买，再配合一些增强说服力的手段来促进转化——将尽量多的访客（潜在客户）转化为注册用户并最终完成购买。按照用户浏览网站的顺序，有以下 5 大设计要点：
-
一、善用首屏大图吸引视线
-
二、销售主张明确传达产品价值
-
三、合理的导航方便访客获取信息
-
四、无处不在的CTA推动转化
-
五、客户案例增强信任感
一、善用首屏大图吸引视线
首屏大图占据了官网最宝贵的第一屏，它决定了访客对官网的第一印象。首屏大图可以辅助产品Slogan来有效传达产品价值，同时还会影响到官网整体的气质。常见的首屏大图有以下 5 种表现形式：
1.实景照片营造场景氛围
在实景照片这个形式上，企业级产品的表现力远不及消费级产品（对比一下Salesforce和Apple的官网就知道了），因为企业的商务属性决定了他们不能像消费级产品那样大胆地彰显个性。企业产品官网一般会用客户使用产品的场景照来说明产品给他们工作带来的益处，或用一些开阔的风景照来表现公司的价值观和愿景。
这种传统的照片形式常见于一些大公司，例如微软的CRM产品Microsoft Dynamics 365：
客服应用HelpCrunch则用来表现公司未来的愿景：
2.概念图用隐喻表达产品价值
经过设计处理之后的概念图，比真实照片的表现空间更大，可以通过一些隐喻的手法来传达产品价值。
Zendesk用形象的概念图来辅助传达产品的价值主张——We can lend a hand。
3.插画最适合讲故事
近年来一些企业重塑品牌向更年轻更有活力的方向发展。插画的形式有利于塑造轻松时尚的品牌气质，同时也是最适合用来讲故事的表达形式。
4.产品界面图简单直观
简单直观的运用产品界面图作为首屏大图，让用户对产品使用过程有一种直观的体验，也是一种对于自己产品的设计很有自信的表现。
5.客户照片更具说服力
使用真实客户的肖像作为首屏大图，兼具客户案例的作用，使产品更有说服力。
6.视频是流行趋势
用视频代替静态图出现在首屏成为近年来流行的一大趋势，比起静态图，动态视频更容易吸引目光。视频的内容可以是产品功能解说/客户案例讲述/企业文化传播等，视频的触发方式有自动播放/预加载/点击播放等。
自助建站应用Weebly的首页视频融合了各类用户的生活状态和使用场景，来表现“DO WHAT YOU LOVE”的产品理念。
Tips：
-
首屏大图和销售主张是官网的重中之重，既是营销的核心，同时也是页面布局和表现的核心。
-
首屏大图是传达产品品牌的绝佳机会。
-
不同子产品页可以用不同的首屏大图，但是要注意尺寸和风格保持一致。
二、销售主张明确传达产品价值
当用户被首屏大图吸引住目光之后，想要进一步留住客户，就必须立即向他们传达产品的核心价值，让他明白购买你们的产品可以获得什么好处。在营销领域，这被称为USP（Unique Selling Proposition），意为“独特的销售主张”。
1.销售主张需要多次强调
在企业产品官网中，销售主张会多次出现，完整的销售主张通常会由以下三个基本部分组成：首屏标题、强化阐述和最后重申。
a.首屏标题
首屏大标题是USP的核心，简短明确的slogan是一个强有力的开场白。通常位于官网首屏最显眼的位置，用大字体突出，同时可以用小字在旁边进行辅助说明。
MailChimp的首屏标题简短有力：
b.强化阐述
用来强化和丰富USP，让它看起来更有说服力。可以从正面出发列举产品功能、强调产品优势，也可以从侧面来印证，比如成功案例、资质证书等。
MailChimp用与首屏标题同样风格的文案，配合界面图来强化USP：
c.最后重申
当访客浏览了长篇的强化阐述，浏览到页面底部时，最后再重申一下USP，首尾呼应。
MailChimp在页面底部最后重申，号召转化行动：
2.文案风格会影响销售主张的表现力
根据不同的产品功能和品牌调性，销售主张的文案风格也各不相同，主要有以下几种类型：
a.清晰直白的功能陈述
清晰直白的功能陈述可能会有点无趣，但却是最直观、最易于理解的。用一句话讲清楚你的产品是做什么的，比含糊其辞的描述更容易让访客产生好感。
Xero是一款为小型企业提供会计服务的应用，他们用一句话清晰传达了Xero的功能价值与目标用户：
b.令人印象深刻的号召型言语
使用一些强有力、干脆利落的slogan，去号召用户行动。使用这类USP的公司一般都已建立了一定的用户基础和品牌形象。
光看Asana的大标题是不是很难猜到这个公司是提供什么服务？即便如此，这几句简短大气的标语还是能给人留下深刻印象：
d.动态多合一
在寻找案例的过程中，还发现了一种动态的多合一文案表现形式。它的做法是保持核心文案固定不变，其余的则不断切换。动态的表现形式更吸睛，也赋予了USP更全面的展现。
Atlassian旗下的Confluence品牌的核心价值是“make better by working together”，因此在动态slogan中保持核心文案不变，切换开头的主语来突出产品的适用范围。
Tips：
-
规划USP时要站在客户角度，强调你的产品能为他们带来什么好处。
-
不要怕首屏标题太短讲不清功能，旁边小字的作用就是补充说明，同时丰富排版。
-
没人会喜欢空洞的营销口号和行话，客户喜欢能解答疑惑、简单直白的USP。
三、合理的导航方便访客获取信息
当访客被你的首屏大图和价值主张吸引之后，接下来他可能想要在你的官网上四处看看了解更多信息。合理清晰的导航可以带领访客快速找到想要的信息。导航是网站的路标，也是网站组织架构的体现。如果访客的浏览体验不顺畅，他们会对你的产品和公司失去信心。
1.不是所有网站都需要导航
导航是网站组织架构的体现。在规划网站架构前，首先明确一个问题：我们是否需要导航？当你的目的是引导访客按照预设路径进行浏览，不希望他们跳出当前页面，这个时候可以没有导航。这样的网站组织方式也叫线性结构：
|
