之前作为视觉设计师，做过很多产品的官网，但关注点都集中在品牌调性的传达。而今作为交互设计师，再次经历官网的设计，则需要我用产品思维的能力来搭建官网，更加注重信息的梳理和整合。本文将以司法行业官网为例，按步骤进行，从而梳理出一个完整的官网设计思路。（本文的司法行业官网是指本司的无案纠纷调解平台）
1.产品目标
作为设计师，就必须了解自家产品的目标，以目标为导向，才能在设计产品的过程中始终围绕目标设计。简而言之，要先问自己“产品提供什么服务，解决什么问题”。与产品经理的不断沟通交流，无案的产品目标即为“协助和引导当事人进行纠纷案件的在线调解，让当事人双方满意，提高调解员的工作效率，积累产品口碑和传播量，吸引更多的当事人来我们的平台进行纠纷调解”。
通过产品目标的设定，我们也就知道官网的目标是需要围绕提高产品的转化率来设计，对无案而言就是设计引导用户完成注册及体验。所以无案的官网平台要有能够满足产品目标的内容，例如用户注册转化、产品下载试用等。
2.用户目标
用户来到网站，肯定是有他们要达成的目的。比如用户通过搜索找到无案的网站，他们就会希望看到跟产品强相关的内容甚至是更详细的资料，看看产品的功能是否能满足对自己的需求或动机。也可能是用户看到投放的广告，戳中痛点，点击跳转到无案的官网，同样他们也想看到网站的功能能否满足自己的期望。
所以无案的官网平台要有能够满足用户目标的内容，例如相关资料的描述、客服咨询、营销承诺等。
3.用户分析
在这里我们需要明确自己产品的用户群体，找到他们对于产品的关注点，比如价值和服务。以无案为例，用户习惯于线下进行纠纷调解，所以他们使用线上产品时会考虑到产品是否能打破原有线下复杂臃肿的流程，是否能满足高效和便捷，这就是他们关注的价值。另外从行业属性上来说，案件调解的用户会非常关注与公平性与隐私性，这也就是为什么线下要有调解员在私密的空间进行案件的调解，所以要求平台的服务能够人性化。
所以无案的官网平台要能够满足目标用户的关注点，例如调解效率、调解人员资质、当事人信息的保护等等。
所以，无案在页面的显著位置放置了用户的关注点内容。
4.场景分析
用户是通过哪些渠道来到官网的？这个前提就是运营推广和销售策略。以无案为例，无案的用户主要通过网站SEO的优化和搜索词汇广告的投放。所以用户通过搜索进入无案时，我们的网站就需要将搜索词或广告内容相匹配。还有一部分是通过公司其他产品的链接吸引用户进入网站，也要求了网站的内容需要与链接内容相一致。
所以无案的官网平台要密切与运营相结合，例如产品品牌背书、运营推广内容落地、内容的统一话术等等。
5.内容梳理
人们接受新的事物和信息，都会按照由浅入深、由概括到具体的顺序来。官网中的内容也可以按照这样的顺序呈现给用户：形成印象，大致了解，选择性深入，转化行为。所以通过这样的一种思路，我们可以将之前四步总结的内容进行认知排序，重新整合和打散，就能大致规划出网站的内容层次了。
6.内容展现
内容展现形式主要分为文字、图片和视频。在官网上要多种形式配合来传达内容，有些内容适合用文字图片进行描述即可，而有些内容过于复杂，可能就需要通过视频来介绍。一般从认知效率、传播推广、使用成本和获取关注四个维度来考虑。无案从传播和推广成本的考虑，首屏选用了图文混合的形式来展现内容。
7.文案传达
书写文案时，需要站在用户的角度描述，要使用用户能懂的词汇，而非功能术语的简单堆砌。以无案为例，当你需要向你的用户介绍这款产品时，你该怎么描述呢？特别是当目标用户是不具备法律常识。我们可能需要用更贴近生活的语言去描述，让用户不会在认知上感到困惑。
8.品牌传达
官网需要成为为用户与产品之间情感化的纽带。所以第一印象是非常重要的，我们要向用户传达产品的品牌价值观强调。例如无案，所处的是司法行业，作为调解平台，一定要突出公平公正的价值观。而面向的用户来自各个阶层，品牌的传达也就需要简单易懂。所以logo的设计，我们选取了雅典卫城这样一个大家普遍接受的元素作为核心，希望通过logo传达自由平等的理念，同时图形的边角处理锐利，希望传达严谨和信任的理念。
9.情感趣味
最后来说一说如何打动用户，让他产生难忘的印象并且促进转化。设想一下用户在官网上的情感体验过程。首先会对产品形成一个好的印象，这个印象包括产品气质和视觉感受。接着让用户带着这个印象去接收内容，为了让他能够读下去，需要让他产生兴趣，就是唤起他的兴奋点。接下来在内容中让他感受到共鸣这一类的感受。最后推他一把，让他信任我们，从而转化。
所以我们在做无案的设计时，会找很多实际的场景来做情感的诉说和表达。例如对于在线调解场景的设计中，所设计的配图会显示当事人双方不快的情绪，但却会力图突出调解员角色的微笑办公。我们希望通过这样的情感化表达，去踩住用户在线下纠纷中的痛点，因为政府服务窗口的接待人员往往并不友好，而通过线上调解，调解员会始终保持微笑办公，进而对平台产生良好的印象，进而产生信任和想尝试的冲动。
总结
以上就是司法行业官网的设计思路。实际上是通过分析产品目标分析场景，组织出网站的内容，赋予情感，博取用户的信任。