谈到企业级产品的时候，很多人认为是靠线下推广而不是线上营销，于是很多公司在产品官网设计这件事上投入的精力还不及线下推广的万分之一，有的只把官网当作摆设，粗制滥造套个模板，甚至还忽略了移动端适配。不可否认的是官网是客户对你产品的第一印象，很多潜在客户在购买之前都是先通过官网来了解产品的。
背景和目的
在开始构思的时候，可以结合公司的具体情况，从以下两个方面来思考。
一、背景
公司所处的每个发展阶段不一样，对产品定义和侧重点也是有差异的。
1、 对于初创公司新上线的官网，需要以最小最优产品（MVP）方式呈现公司的核心业务，和其他公司差异化；
2、对于成长中的公司，需要添加新业务或者做适当转型，页面内容和当前业务进度对齐；
3、对于较为成熟的公司，需要细化单个产品线的内容，将各个垂直产品线做到精致，例如针对一个产品就可以拥有一个官网。
二、目的
公司的战略方向，如："为了补充产品的不足；为了提高产品的的使用率；为了实现商业价值。"
产品定位
一、产品定义
对产品的理解和定义，最好能用一句话来描述，越通俗易懂的话越能让人记住。
使用人群
- 最终使用产品的用户（包括企业客户和大众用户）：这一类人群重视产品的使用感受；
- 投资方和业务相关人群:可能有进一步进行企业合作洽谈的机会；
- 应聘者：会浏览官网形成产品印象，也就是说官网是吸纳人才的第一道门；
- 竞争对手：会关注同行内竞争对手有什么新的变化；
- 使用本产品的用户：会关注产品的业务扩展，有什么新的功能。
产品定义.png
主要功能
我们要推的主要功能是哪些？
产品特色
和同类产品的区别在哪？
定义可以让我们更明确产品目标。
二、用户需求
用户需求.png
用户需求可以从以下三个方面去定义：1、我们的目标用户是哪些？2、用户在什么情况下会使用我们的产品？3、用户在使用（浏览）我们网站的时候想要达到什么目的？分析用户需求可以试着把自己想象成一个小白用户，从各种不同的维度去设想怎么达到目标，为接下来的界面设计提供更多的支持和依据。
总结
根据产品定义和用户需求可以把关键信息汇总：slogan口号、产品定义、核心业务、优势、产品简介、公司简介等基础信息。
视觉设计
一、竞品分析
- 1、分析竞品的风格，表现形式。产品风格需要根据产品或品牌的调性确定，强化产品优势。例如Adobe作为一家全球性的设计公司，官网采用黑色封底和图片拼接方式，低调而有逼格，吸引眼球。苹果官网则秉承着“less is more”的简约风，旗下系列产品就像精致的工艺品，黑白灰的色调搭配宽屏高清主图，传递优雅、极致、禅式的理念，营造极佳的用户体验。
- 2、分析竞品的表达逻辑。用户在浏览页面也是一种间接和用户沟通的方式，在和用户沟通的时候可以尝试以下的逻辑：what-why-how，这款产品是什么（产品定义）/能为你公司做什么/为什么值得我购买（产品特色）/既然可以给你提供这些,那你要怎么做（流程）。
用户认知逻辑.png
按照用户浏览网站的顺序，有以下5大设计要点：
1、善用首屏大图吸引视线
2、销售主张明确传达产品价值
3、合理的导航方便访客获取信息
4、无处不在的CTA（Call to Action）推动转化
5、客户案例增强信任感
二、设计
1、善用首屏大图吸引视线
首屏大图占据了官网最宝贵的第一屏，它决定了访客对官网的第一印象。首屏大图可以辅助产品Slogan来有效传达产品价值，同时还会影响到官网整体的气质。
Tips：
1.首屏大图和销售主张是官网的重中之重，既是营销的核心，同时也是页面布局和表现的核心。
2.首屏大图是传达产品品牌的绝佳机会。
3.不同子产品页可以用不同的首屏大图，但是要注意尺寸和风格保持一致。
2、销售主张明确传达产品价值
当用户被首屏大图吸引住目光之后，想要进一步留住客户，就必须立即向他们传达产品的核心价值，让他明白购买你们的产品可以获得什么好处。在营销领域，这被称为USP（Unique Selling Proposition），意为“独特的销售主张”。
3、合理的导航方便访客获取信息
当访客被你的首屏大图和价值主张吸引之后，接下来他可能想要在你的官网上四处看看了解更多信息。合理清晰的导航可以带领访客快速找到想要的信息。导航是网站的路标，也是网站组织架构的体现。如果访客的浏览体验不顺畅，他们会对你的产品和公司失去信心。
4、无处不在的CTA推动转化
CTA（Call to Action，用户行为召唤）是指希望访客在浏览官网时完成的指定行为，通常有：注册、申请试用、邮件订阅、软件下载等等。CTA是促进官网完成转化的主要手段，对于企业产品官网，醒目的CTA按钮是标配。
5、客户案例增强信任感
企业级（to B）产品不像消费级（to C）产品那么普遍和易获取，企业客户在选择产品的时候更为慎重，官网要帮助消除他们的疑虑，建立对产品的信任感，最好的方式就是把已购买产品的客户成功案例展示出来。你的客户就是你产品天生的代言人，他们比你的产品本身更有说服力。
产品验证：
在前端开发结束后，接下来就是验收成果啦，可以从以下几个方面来检测：
- 功能路径
功能是否有欠缺？跳转路径是否正确？ - 文案
语句是否通顺，不存在歧义？ - 风格UI
页面主图和配图的风格是否和模块定位相对应？
布局和设计稿是否有出入？ - 兼容性
考虑移动端的适配问题，页面是否会错乱？ - 性能
页面跳转时间、图片加载时间是否太长？
最后补充一点：对于消费级（to C）产品，他们的使用者与他们官网的访客基本是同一个人。而对于企业级（to B）产品来说，产品使用者和购买者往往不是同一个人，也就是说产品使用者可能是客服人员，而官网的访客却可能是主管或采购之类负责买单的人。因此，企业产品官网的设计要兼顾使用者和购买者的不同角色，洞察目标客户所在行业特征，最大化展示产品在提升企业效率或收益上的优势。
网友评论