在移动互联网时代的当下，虽然人们信息获取的渠道已经越来越多地转移到社交媒体和短视频平台，然而对于B2B企业来说，企业官网仍然是十分重要的一个品牌展示和营销获客渠道。官网是企业的一张名片，是企业在互联网上的门头，是与线上访客建立信任的重要桥梁。官网能够直观展示企业的品牌形象，介绍公司的产品和服务，提供7×24不间断的数字化服务，甚至提供永不歇业的交易渠道。对于大多数B2B企业的潜在客户来说，搜索引擎仍然是他们最为重要的信息来源渠道之一。而企业承接搜索引擎流量最主要的载体之一也仍然是企业官网。如果企业有来自海外的潜在客户，那么企业官网的重要性还会更进一步。一言以蔽之，企业官网对于B2B企业依然十分重要，是企业市场营销推广的重要载体。因此，企业官网建设项目对于B2B来说，向来都是企业市场营销工作的重中之重。而不少网站项目由于功能复杂、工期较长，有些项目承接方又缺乏科学的项目管理流程和开发规范，导致网站开发项目状况频发，交付成果差强人意。那么，B2B企业官网如何才能做好，作为甲方市场部的负责人，应该如何管理网站开发项目？本期，小编就与大家详细介绍一个完整的网站开发项目工作流程和管理规范。

一、项目成功的关键

在聚加互动，我们认为一个成功的官网建设项目需要做到四个规范，分别是：

（1）流程规范

为了能够确保项目的成功交付，不过分依赖于个人经验，我们通过实践建立了一套完善的项目流程规范，对于项目过程中什么时间节点，做什么事情，准备什么文档，交付什么成果物，由谁负责，截止日期是什么时候，都做了明确的规定。

（2）文档规范

我们主张所有的项目沟通都不可以停留在口头，需要落实到纸面和文档。每一个项目环节都会使用对应的规范文档进行记录，由双方项目负责人进行签收和确认，并且进行实时共享，及时归档和留存，做到有据可依。

（3）系统规范

项目进行过程中，我们会在项目全周期使用项目管理系统对于项目的每个进程进行精细化的管理。在项目过程中，我们还会有针对性地追加使用专门的流程管理软件，提升项目管理的科学性。

（4）沟通规范

与客户沟通过程的规范，直接决定项目组是否能够准确理解甲方对于项目的要求，确保交付物满足客户需求。我们对于项目的沟通规范也做了明确的规定，例如，通过什么工具召开项目会议，与客户私下沟通后信息及时汇报和同步，包括项目会议笔记的制作方法等都做了一一的规范要求。

项目过程中，我们秉承着流程优先、文档为符、系统为辅、高效沟通的四大原则。也就是说，一切以遵照标准的项目开发流程为优先考虑；将签收确认的规范文档视作兵符，不见“兵符”，“按兵不动”；将项目管理系统作为辅助工具，记录和管理所有细枝末节，实现流程和进度可追溯；凡事口说无凭，以记录为准，规避以讹传讹导致的项目风险。

二、项目流程详解

接下来，我们来介绍一下聚加互动网站开发项目所使用的开发规范流程。我们标准化产品的研发和定制化软件项目的开发也沿用类似的项目管理流程。

(聚加互动网站建设项目流程图)

接下来，我们来详细介绍一下项目进程的每一个步骤，我们所使用的标准文档、辅助的项目管理工具和软件、项目的阶段交付物和成果等信息。

1.项目前

项目开始前，往往都是销售和售前团队负责与客户进行商务沟通，提交项目方案书，以及中标后的商务谈判等相关工作。由于本篇文章目的在于介绍聚加项目管理的方法论，在此，我们就不追溯商务流程的具体内容明细了。

这个过程的交付物是项目需求文档、报价与合同，部分甲方公司可能会使用财务系统管理合同和供应商入库，而对于聚加互动，这个工作都是在Office软件中完成。

2.项目启动会

在项目确认执行以后，我们的首要工作是与客户确认时间，召开项目启动会议。在聚加互动，我们将这次会议命名为项目的“遵义会议”， 把它视作网站承上启下的重要转折点，会议的目的是：

（1）明确项目目标

（2）明确痛点与挑战

（3）提出解决方案

（4）确定项目的SOW（工作内容明细）

会议中涉及的大多数问题，在项目提案的过程中多少有所提及，而项目启动会议的目的是将内容进一步细化，最终落实到聚加互动的SOW项目文档之中去。在需求和痛点分析的过程中，我们会使用OIIC需求拆解模型。

(OIIC需求拆解模型)

（1）Objective（目标）

首先要明确客户的工作目标是什么？

（2）Issue（问题和痛点）

为了达成这个目标，目前面临的阻碍是什么？

（3）Insight（洞察）

针对这个障碍，我们对消费者进行洞察。

（4）Challenge（应对挑战的解决方案）

寻找如何应对挑战的障碍的解决方案。

接下来，我们通过一个客户案例来说明在项目启动会议中会涉及的讨论内容。

 三、客户案例解析

牧星智能创立于2016年，是世界领先的物流机器人智能系统专家。业务遍及20多个发达国家和地区，海外市场份额占比70%。

牧星选择了聚加互动团队负责其官网项目的整体更新和升级。

1.OIIC 需求拆解模型

在项目启动会议中，我们通过OIIC 需求拆解模型对于网站项目的需求进行了全面而深入的解剖。

（1）Objective（目标）

通过企业官网的重建，更好展示企业的品牌形象，提升公司在国内外线上的品牌呈现、产品展示和公司推广。

（2）Issue（旧网站的问题和痛点）

• 设计陈旧、交互落伍：老版本的网站设计交互比较过时
• 手机端的兼容差：现有手机官网适配不甚理想，阅读体验不佳
• 不支持多语言版本：老版本中英文为两个独立网站，切换不便
• 搜索引擎表现欠佳：老网站在国内外搜索引擎上的排名不如人意
• 网站访问速度慢：服务器放在国内导致国外浏览网站缓慢

（3）Insight（洞察）

为了彻底解决客户遇到的问题和痛点，最佳的解决方案是对现有的官网进行重构，无法通过对现有网站的修修补补来实现。

（4）Challenge（应对挑战的解决方案）

• 设计全新的网站，提升品牌形象
• 响应式设计，适配手机和电脑端
• 多语言版本的设计
• 语言版本的自动自动匹配，无需手动选择
• 优化谷歌、百度的搜索表现
• 访问加速处理，提升全球各地访问速度

2.SOW（Scope of Work）工作说明书

经过启动会议OIIC模型拆解和分析之后，我们的交付物是将网站项目开发会议中讨论的所有工作内容落实到标准文档之中。所使用的的文档命名为“SOW工作说明书”。SOW工作说明书包含以下的信息：

• 项目目标说明
• 项目设计要求和交付标准
• 项目工作明细分解到每一功能模块
• 功能模块详细描述
• 开发和功能测试要求
• 项目里程碑和关键节点等

除了上述内容以外，SOW工作说明书还可包含以下内容——

• 工作方法：项目实施的方式以及技术架构的描述
• 验收标准：明确产品或服务验收的标准
• 变更管理：主要明确变更处理流程
• 保密说明：对于有保密要求的项目需要明确记录，一般还附有保密合同文档

在明确了SOW工作说明书以后，我们随即成立项目工作小组。项目工作小组成员包括：项目负责人、产品经理、设计师、前后端开发工程师、测试工程师等。

3.项目开始

项目团队成立以后，将会是一轮比较集中的文档筹备工作。并非是我们痴迷于文档工作。规范的文档工作，目的是让网站项目的每项工作尽可能可视化，从口头落于纸面，确保相关责任人对于项目的理解能够同步，在双方责任人签字确认后再进入下一个工作环节。我们力求做到：事前理解同步，事中责任到人，事后有据可查。在项目开始初期，我们会准备的文档包括：

• 项目思维导图（描述网站的框架结构）
• 网站线框图 （描绘网站的页面布局）
• 网站高保真原型图 （呈现网站的页面设计）
• 项目时间管理甘特图 （管理网站的时间进度）

以下是前述的牧星智能的网站项目为例，我们为客户准备的项目文档（涉及客户商业机密的信息已隐藏或删除）： 

(项目思维导图)

(网站线框图 )

(网站高保真原型图)

(项目时间管理甘特图)

4.网站设计

设计的需求分析是一个对于客户的企业品牌、形象和产品定位深入学习和了解的一个过程。除了通过与客户的项目启动会议中，除了通过OIIC模型所获得的需求以外，我们还会借鉴客户品牌识别手册（Brand  Guidlines）中所规定的使用指南，确保公司官网设计与品牌形象保持一致，实现有机统一。

(牧星智能品牌视觉识别手册)

此外，网站设计还需要考虑网站的栏目、布局、配色、字体、文字、图片及视频等等。

大多数B2B企业官网项目要求设计简约、层级清晰，交互效果简洁明快。

然而，关于什么是好的设计，每个人的定义都大相径庭。奥格威说：“Search the world and steal the best”——在全世界寻找，把最好的偷来。这里的“偷”并非是直接的剽窃和抄袭，而是通过借鉴优秀的案例，为自己提供设计和创意的灵感。

以牧星智能的官网案例为例，客户的业务处在智能制造、物联网、智能仓储的行业，我们在充分理解了客户品牌视觉手册的内容以后，根据客户的喜好和所在行业，选择了特斯拉、蔚来汽车和戴森作为参考对象。

(蔚来)

(特斯拉)

(戴森)

研究显示，读者在一个网页上会先花3秒确认网站内容的相关性，再花6秒看介绍内容做进一步的确认。也就是说在一个网页的停留时间不会超过10秒。在思考交互设计的时候，我们会加入这10秒的时间要素。在客户旅程规划方面，我们尽可能的让内容和元素在这10秒钟以内能够抓住用户眼球，控制每一屏展现的内容的密度，提升图片、动图和视频的屏占比，让内容更容易抓住用户眼球。

页面顺序方面，我们从首页开始，透过沟通及需求汇整后，提供提案稿给客户进行讨论，确认后再进行设计稿。首页是整个网站设计风格与样式的基准，首页定稿，也就代表网站的整体风格已经确定了。

完成首页设计后，再往下进行各内页的设计，并确保设计风格与主页一致。完成各内页版面设计并经双方确认后，即可进行下一阶段的工作。

任何设计，要一次找准客户的需求基本属于不可能的任务。为了能够在循序渐进理解客户需求的情况下找到呈现效果上佳的设计方案，在聚加互动，我们会将设计任务分解成为几个不同的阶段，并适时地呈现相关的交付物，让客户对于设计进度心中有数，并且可以及时进行意见反馈。

过程中，按阶段交付的文档分别包含：

（1）原型图设计文档

(原型图设计文档)

（2）高保真原型图设计

(高保真原型图设计)

（3）墨刀动态原型图

即提供网站模拟交互体验的在线展示模型。

(墨刀动态原型图)

启动阶段，我们常用的项目管理系统和工具包括：

• Processon：用户项目思维导图和流程图的制作。
• 墨刀：用于制作项目原型图和Demo。
• Teambitions：是聚加互动用于公司项目管理的工具，贯穿于项目的始终。

(Teambitions)

• 企业微信和腾讯文档：聚加互动已经实现企业微信全面替代个人微信的升级过程，也借助腾讯文档实现了实时的文档版本管理。

5.网站开发（实现阶段）

网站开发的工作虽然被排在了设计工作的后面，然而不少的工作是在项目启动的过程中就已经开始筹备。

聚加互动的开发流程严格遵循敏捷开发的管理思路。

借助敏捷方法，软件开发人员和项目经理将一个繁重和冗长的开发项目分解成为多个开发小任务，将小任务的开发周期限定在最长不超过三周的时间内。在这个开发周期内（常称为Sprint）实现设计、开发、测试和内部交付的四个环节，使得开发工作便于追踪成果，并及时调整、优化开发方向。

同时，客户也可以及时看到阶段性的工作成果，及时反馈，不需要等待开发项目完结后再一次性看到交付物。

(Sprint)

使用敏捷开发的好处还包括：

（1）提升开发质量

项目团队每个短周期只需集中精力关注于一个小单元功能的开发。

（2）加强团队协作

有助于促进团队成员之间、团队与客户之间更好地协作。

（3）增加透明度

允许项目中的利益相关者进行迭代和协作，保持了良好的透明度。

（4）有效管理风险

通过小单元分割的敏捷性使整个项目可预测，降低风险。

由于选择了敏捷开发的管理模式，在每一个项目的里程碑节点（Milestone），客户都可以参与到项目的进度检查和意见反馈，也使客户感觉项目进程可把控，心里有底，提升对于项目成功实施的信心。开发阶段，我们常用的项目管理系统和工具包括：

• 禅道：这是我们的技术开发团队钟爱的开发项目管理工具，方便我们监控开发工作进程，而且对于敏捷开发模式十分友好。
  

  (禅道)

   

• Teambitions：这依然是我们项目管理团队与客户在整个项目生命周期内都会使用的管理系统。

6.测试和试运行

在完成敏捷开发所有的小单元以后，项目会进入全面测试联调和内部试运行的阶段。这个过程无论是对于客户还是我们聚加互动的团队，都是最具挑战和最煎熬的过程。

就像我们说“雪崩之时，没有一片雪花是无辜的”。试运行的时候，也没有一个程序是没有Bug的。

而试运行的目的就是在过程中将尽可能多的Bug发掘出来，并且逐个修复。

在试运行接近尾声的时候，我们也会邀请客户参与到测试的过程中。并非是我们想将测试的工作任务转嫁给客户，而是有些业务流程只有借助客户的专业能力才能够识别出潜在的Bug。

试运行的成果物是一个系统测试完成的企业官网，而过程中的规范文档则是Bug追踪文档，详细记录所有出现的Bug列表和Bug修复状态更新。这一文档的管理我们一般都在开发管理软件“禅道”中进行。

(Bug列表)

7.上线前准备

网站在正式上线之前，还需要进行一系列的准备工作。首先，需要完成网站的SEO优化。关于SEO的优化过程，我们曾经写过一篇十分详细的文章，介绍站内、站外搜索优化的步骤，以及每个步骤的工作明细，感兴趣的朋友们可以点击：《一篇文章说清楚SEO如何动手自己做》。简言之，网站建设阶段的SEO工作主要是站内的SEO，基本的工作内容包含：

• 关键词优化和TDK更新
• 网站代码的优化和内链的优化
• 网站地图的提交
• 监控搜索引擎收录状况

想要详细了解SEO的工作细节，请关注聚加互动，回复关键词“ SEO”。

其次，需要完成对于网站的ICP备案和PSD备案。

ICP备案的具体流程，我们为大家准备了一个详细的步骤简介。如有需要请添加聚加互动小助手微信号，回复“ICP备案”获取。

除此之外，服务器空间的租赁、域名的购买，以及代码的部署自不在话下。

8.项目上线

在完成网站的Bug修复、SEO站内优化和ICP备案以后，网站项目即可进入正式的上线准备。在此之前，需要完成网站初始内容的上传。由于现在的网站基本上都提供内容管理系统（CMS），因此，这项工作基本上可以由客户的市场部同事自行完成。

此时，我们会交付一个详尽的网站使用说明书，包含各个功能模块使用指引，对于一些比较复杂的功能模块，我们也会制作操作指引视频，方便客户快速上手。

在此之后，我们也会与客户签署一份项目交付书，将正式网站交给客户。交付后，网站项目的开发阶段即告办结。

9.持续维护

聚加互动为每一个客户提供12个月免费的项目维护服务。项目完成后，我们仍然需要对系统进行持续维护，维护工作包含技术及内容两方面。

(1)技术维护

这一部分包含监控网站、系统故障排除、网站数据库备份、网站服务器升级维护、域名解析、域名ICP备案、安全管理措施和紧急情况恢复正常。

若数据中含有会员的个人资料或是其他重要信息的话，需要特别注意数据安全的监测。同时，为了满足客户公司对于用户个人数据保护法的合规要求，我们还会协助客户对于用户数据进行及时的审计和管理。

(2)内容维护

即更新和发布网站的文章等内容。除了客户能够通过后台内容管理系统进行自行更新以外，我们的项目团队也会配合客户进行一些复杂内容的批量管理。

(官网内容展示)

写在最后

企业官网的设计和开发是一个中等量级的数字化项目，时间跨度从一个月到数个月不等。想要实现网站项目的成功管理，除了需要选择经验丰富和能力出众的供应商以外，做为甲方市场部的项目负责人，也需要使用一套科学的管理方法把控项目的进程。

聚加互动的项目管理的四个规范、四大原则、OIIC需求分析模型和敏捷开发方式帮助我们成功交付了一个个定制数字化软件开发项目。

我们通过本篇文章，将聚加互动的网站项目管理方法论和流程规范倾囊相授，除了分享我们的成功经验以外，也希望能够与我们的客户同步项目管理知识，让大家共同实现更加科学的项目管理。

我们也欢迎大家与我们分享项目管理过程中的经验和教训，实现共同进步。欢迎聚加互动微信小助手参与我们的讨论。

原文链接：https://mp.weixin.qq.com/s/EqE_TrAYabq65lMzEhG4bw