企业官网是客户对产品的第一印象 , 这一点毋庸置疑 , 因此一个精致的企业官网对产品来说至关重要 , 那么如何才能设计一个好看的企业产品官网呢?文章分享了一些方法 。在谈到企业产品的营销时(本文中提到的“企业产品”是指“给企业客户使用的软件/应用”) , 一种观点认为客户肯定是靠线下推广来获取的 , 另一种观点认为应该让用户主动购买而不是被动推销 , 持这种观点的公司尤其重视通过产品官网来获客 。
无论持哪种观点 , 不可否认的是官网是客户对你产品的第一印象 , 很多潜在客户在购买之前都是先通过官网来了解产品的 。 然而很多公司在产品官网设计这件事上投入的精力还不及线下推广的万分之一 , 有的只把官网当作摆设 , 粗制滥造套个模板结束 , 甚至还忽略了移动端适配 。
作为企业产品的设计师 , 我们要如何设计好看又好卖的产品官网 , 有没有一些套路可循?
企业产品官网的作用是传达信息和促进转化 。 传达信息是告诉访客这款产品是什么/能为你公司做什么/为什么值得我购买 , 再配合一些增强说服力的手段来促进转化——将尽量多的访客(潜在客户)转化为注册用户并最终完成购买 。 按照用户浏览网站的顺序 , 有以下5大设计要点:
- 一、善用首屏大图吸引视线
- 二、销售主张明确传达产品价值
- 三、合理的导航方便访客获取信息
- 四、无处不在的CTA推动转化
- 五、客户案例增强信任感
1.实景照片营造场景氛围在实景照片这个形式上 , 企业级产品的表现力远不及消费级产品(对比一下Salesforce和Apple的官网就知道了) , 因为企业的商务属性决定了他们不能像消费级产品那样大胆地彰显个性 。 企业产品官网一般会用客户使用产品的场景照来说明产品给他们工作带来的益处 , 或用一些开阔的风景照来表现公司的价值观和愿景 。
2.概念图用隐喻表达产品价值经过设计处理之后的概念图 , 比真实照片的表现空间更大 , 可以通过一些隐喻的手法来传达产品价值 。
Zendesk用形象的概念图来辅助传达产品的价值主张——We can lend a hand 。
3.插画最适合讲故事近年来一些企业重塑品牌向更年轻更有活力的方向发展 。 插画的形式有利于塑造轻松时尚的品牌气质 , 同时也是最适合用来讲故事的表达形式 。
Intercom用生动的手绘风插画描绘了一副工作中遭遇的混乱场景 , 引出了使用Intercom可以结束这一切混乱的概念:
Atlassian用配色明快的图形插画描绘了齐心协力的工作场景 , 烘托出“Team up”的产品价值主张:
4.产品界面图简单直观简单直观的运用产品界面图作为首屏大图 , 让用户对产品使用过程有一种直观的体验 , 也是一种对于自己产品的设计很有自信的表现 。
云存储应用Box用产品界面和照片混搭的形式来表现“Work as One”的产品理念:
5.客户照片更具说服力使用真实客户的肖像作为首屏大图 , 兼具客户案例的作用 , 使产品更有说服力 。
自助建站应用Squarespace用高清的客户肖像图配合产品界面 , 来表现他们的应用可以为不同人群定制专属网站的理念:
6.视频是流行趋势用视频代替静态图出现在首屏成为近年来流行的一大趋势 , 比起静态图 , 动态视频更容易吸引目光 。 视频的内容可以是产品功能解说/客户案例讲述/企业文化传播等 , 视频的触发方式有自动播放/预加载/点击播放等 。
自助建站应用Weebly的首页视频融合了各类用户的生活状态和使用场景 , 来表现“DO WHAT YOU LOVE”的产品理念 。
Tips:
- 首屏大图和销售主张是官网的重中之重 , 既是营销的核心 , 同时也是页面布局和表现的核心 。
- 首屏大图是传达产品品牌的绝佳机会 。
- 不同子产品页可以用不同的首屏大图 , 但是要注意尺寸和风格保持一致 。
推荐阅读
- 分享做旅游官网设计的3个技巧 旅游官网设计该怎么做?
- 分享vi设计的6个步骤 vi设计的步骤有哪些?
- 介绍品牌vi设计的3个要点 品牌VI设计的要点有哪些?
- 介绍设计品牌vi的5种方法 品牌vi设计方法有哪些?
- 分享做品牌营销方案的3个步骤 品牌营销方案该怎么做?
- 浅析品牌设计该具备的4大要素 品牌设计该具备的要素有哪些?
- 英语学习心得分享 英语学习心得
- 客服面试技巧分享 淘宝客服面试的禁忌有哪些
- 分享媒体采访的8个步骤 媒体采访有哪些步骤?
- 分享网站平台推广的5种渠道 网站平台推广有哪些渠道?