在移動互聯(lián)網(wǎng)時代的當下，雖然人們信息獲取的渠道已經越來越多地轉移到社交媒體和短視頻平臺，然而對于B2B企業(yè)來說，企業(yè)官網(wǎng)仍然是十分重要的一個品牌展示和營銷獲客渠道。官網(wǎng)是企業(yè)的一張名片，是企業(yè)在互聯(lián)網(wǎng)上的門頭，是與線上訪客建立信任的重要橋梁。官網(wǎng)能夠直觀展示企業(yè)的品牌形象，介紹公司的產品和服務，提供7×24不間斷的數(shù)字化服務，甚至提供永不歇業(yè)的交易渠道。對于大多數(shù)B2B企業(yè)的潛在客戶來說，搜索引擎仍然是他們最為重要的信息來源渠道之一。而企業(yè)承接搜索引擎流量最主要的載體之一也仍然是企業(yè)官網(wǎng)。如果企業(yè)有來自海外的潛在客戶，那么企業(yè)官網(wǎng)的重要性還會更進一步。一言以蔽之，企業(yè)官網(wǎng)對于B2B企業(yè)依然十分重要，是企業(yè)市場營銷推廣的重要載體。因此，企業(yè)官網(wǎng)建設項目對于B2B來說，向來都是企業(yè)市場營銷工作的重中之重。而不少網(wǎng)站項目由于功能復雜、工期較長，有些項目承接方又缺乏科學的項目管理流程和開發(fā)規(guī)范，導致網(wǎng)站開發(fā)項目狀況頻發(fā)，交付成果差強人意。那么，B2B企業(yè)官網(wǎng)如何才能做好，作為甲方市場部的負責人，應該如何管理網(wǎng)站開發(fā)項目？本期，小編就與大家詳細介紹一個完整的網(wǎng)站開發(fā)項目工作流程和管理規(guī)范。

一、項目成功的關鍵

在聚加互動，我們認為一個成功的官網(wǎng)建設項目需要做到四個規(guī)范，分別是：

（1）流程規(guī)范

為了能夠確保項目的成功交付，不過分依賴于個人經驗，我們通過實踐建立了一套完善的項目流程規(guī)范，對于項目過程中什么時間節(jié)點，做什么事情，準備什么文檔，交付什么成果物，由誰負責，截止日期是什么時候，都做了明確的規(guī)定。

（2）文檔規(guī)范

我們主張所有的項目溝通都不可以停留在口頭，需要落實到紙面和文檔。每一個項目環(huán)節(jié)都會使用對應的規(guī)范文檔進行記錄，由雙方項目負責人進行簽收和確認，并且進行實時共享，及時歸檔和留存，做到有據(jù)可依。

（3）系統(tǒng)規(guī)范

項目進行過程中，我們會在項目全周期使用項目管理系統(tǒng)對于項目的每個進程進行精細化的管理。在項目過程中，我們還會有針對性地追加使用專門的流程管理軟件，提升項目管理的科學性。

（4）溝通規(guī)范

與客戶溝通過程的規(guī)范，直接決定項目組是否能夠準確理解甲方對于項目的要求，確保交付物滿足客戶需求。我們對于項目的溝通規(guī)范也做了明確的規(guī)定，例如，通過什么工具召開項目會議，與客戶私下溝通后信息及時匯報和同步，包括項目會議筆記的制作方法等都做了一一的規(guī)范要求。

項目過程中，我們秉承著流程優(yōu)先、文檔為符、系統(tǒng)為輔、高效溝通的四大原則。也就是說，一切以遵照標準的項目開發(fā)流程為優(yōu)先考慮；將簽收確認的規(guī)范文檔視作兵符，不見“兵符”，“按兵不動”；將項目管理系統(tǒng)作為輔助工具，記錄和管理所有細枝末節(jié)，實現(xiàn)流程和進度可追溯；凡事口說無憑，以記錄為準，規(guī)避以訛傳訛導致的項目風險。

二、項目流程詳解

接下來，我們來介紹一下聚加互動網(wǎng)站開發(fā)項目所使用的開發(fā)規(guī)范流程。我們標準化產品的研發(fā)和定制化軟件項目的開發(fā)也沿用類似的項目管理流程。

(聚加互動網(wǎng)站建設項目流程圖)

接下來，我們來詳細介紹一下項目進程的每一個步驟，我們所使用的標準文檔、輔助的項目管理工具和軟件、項目的階段交付物和成果等信息。

1.項目前

項目開始前，往往都是銷售和售前團隊負責與客戶進行商務溝通，提交項目方案書，以及中標后的商務談判等相關工作。由于本篇文章目的在于介紹聚加項目管理的方法論，在此，我們就不追溯商務流程的具體內容明細了。

這個過程的交付物是項目需求文檔、報價與合同，部分甲方公司可能會使用財務系統(tǒng)管理合同和供應商入庫，而對于聚加互動，這個工作都是在Office軟件中完成。

2.項目啟動會

在項目確認執(zhí)行以后，我們的首要工作是與客戶確認時間，召開項目啟動會議。在聚加互動，我們將這次會議命名為項目的“遵義會議”， 把它視作網(wǎng)站承上啟下的重要轉折點，會議的目的是：

（1）明確項目目標

（2）明確痛點與挑戰(zhàn)

（3）提出解決方案

（4）確定項目的SOW（工作內容明細）

會議中涉及的大多數(shù)問題，在項目提案的過程中多少有所提及，而項目啟動會議的目的是將內容進一步細化，最終落實到聚加互動的SOW項目文檔之中去。在需求和痛點分析的過程中，我們會使用OIIC需求拆解模型。

(OIIC需求拆解模型)

（1）Objective（目標）

首先要明確客戶的工作目標是什么？

（2）Issue（問題和痛點）

為了達成這個目標，目前面臨的阻礙是什么？

（3）Insight（洞察）

針對這個障礙，我們對消費者進行洞察。

（4）Challenge（應對挑戰(zhàn)的解決方案）

尋找如何應對挑戰(zhàn)的障礙的解決方案。

接下來，我們通過一個客戶案例來說明在項目啟動會議中會涉及的討論內容。

 三、客戶案例解析

牧星智能創(chuàng)立于2016年，是世界領先的物流機器人智能系統(tǒng)專家。業(yè)務遍及20多個發(fā)達國家和地區(qū)，海外市場份額占比70%。

牧星選擇了聚加互動團隊負責其官網(wǎng)項目的整體更新和升級。

1.OIIC 需求拆解模型

在項目啟動會議中，我們通過OIIC 需求拆解模型對于網(wǎng)站項目的需求進行了全面而深入的解剖。

（1）Objective（目標）

通過企業(yè)官網(wǎng)的重建，更好展示企業(yè)的品牌形象，提升公司在國內外線上的品牌呈現(xiàn)、產品展示和公司推廣。

（2）Issue（舊網(wǎng)站的問題和痛點）

• 設計陳舊、交互落伍：老版本的網(wǎng)站設計交互比較過時

• 手機端的兼容差：現(xiàn)有手機官網(wǎng)適配不甚理想，閱讀體驗不佳

• 不支持多語言版本：老版本中英文為兩個獨立網(wǎng)站，切換不便

• 搜索引擎表現(xiàn)欠佳：老網(wǎng)站在國內外搜索引擎上的排名不如人意

• 網(wǎng)站訪問速度慢：服務器放在國內導致國外瀏覽網(wǎng)站緩慢

（3）Insight（洞察）

為了徹底解決客戶遇到的問題和痛點，最佳的解決方案是對現(xiàn)有的官網(wǎng)進行重構，無法通過對現(xiàn)有網(wǎng)站的修修補補來實現(xiàn)。

（4）Challenge（應對挑戰(zhàn)的解決方案）

• 設計全新的網(wǎng)站，提升品牌形象

• 響應式設計，適配手機和電腦端

• 多語言版本的設計

• 語言版本的自動自動匹配，無需手動選擇

• 優(yōu)化谷歌、百度的搜索表現(xiàn)

• 訪問加速處理，提升全球各地訪問速度

2.SOW（Scope of Work）工作說明書

經過啟動會議OIIC模型拆解和分析之后，我們的交付物是將網(wǎng)站項目開發(fā)會議中討論的所有工作內容落實到標準文檔之中。所使用的的文檔命名為“SOW工作說明書”。SOW工作說明書包含以下的信息：

• 項目目標說明

• 項目設計要求和交付標準

• 項目工作明細分解到每一功能模塊

• 功能模塊詳細描述

• 開發(fā)和功能測試要求

• 項目里程碑和關鍵節(jié)點等

除了上述內容以外，SOW工作說明書還可包含以下內容——

• 工作方法：項目實施的方式以及技術架構的描述

• 驗收標準：明確產品或服務驗收的標準

• 變更管理：主要明確變更處理流程

• 保密說明：對于有保密要求的項目需要明確記錄，一般還附有保密合同文檔

在明確了SOW工作說明書以后，我們隨即成立項目工作小組。項目工作小組成員包括：項目負責人、產品經理、設計師、前后端開發(fā)工程師、測試工程師等。

3.項目開始

項目團隊成立以后，將會是一輪比較集中的文檔籌備工作。并非是我們癡迷于文檔工作。規(guī)范的文檔工作，目的是讓網(wǎng)站項目的每項工作盡可能可視化，從口頭落于紙面，確保相關責任人對于項目的理解能夠同步，在雙方責任人簽字確認后再進入下一個工作環(huán)節(jié)。我們力求做到：事前理解同步，事中責任到人，事后有據(jù)可查。在項目開始初期，我們會準備的文檔包括：

• 項目思維導圖（描述網(wǎng)站的框架結構）

• 網(wǎng)站線框圖 （描繪網(wǎng)站的頁面布局）

• 網(wǎng)站高保真原型圖 （呈現(xiàn)網(wǎng)站的頁面設計）

• 項目時間管理甘特圖 （管理網(wǎng)站的時間進度）

以下是前述的牧星智能的網(wǎng)站項目為例，我們?yōu)榭蛻魷蕚涞捻椖课臋n（涉及客戶商業(yè)機密的信息已隱藏或刪除）：

(項目思維導圖)

(網(wǎng)站線框圖 )

(網(wǎng)站高保真原型圖)

(項目時間管理甘特圖)

4.網(wǎng)站設計

設計的需求分析是一個對于客戶的企業(yè)品牌、形象和產品定位深入學習和了解的一個過程。除了通過與客戶的項目啟動會議中，除了通過OIIC模型所獲得的需求以外，我們還會借鑒客戶品牌識別手冊（Brand  Guidlines）中所規(guī)定的使用指南，確保公司官網(wǎng)設計與品牌形象保持一致，實現(xiàn)有機統(tǒng)一。

(牧星智能品牌視覺識別手冊)

此外，網(wǎng)站設計還需要考慮網(wǎng)站的欄目、布局、配色、字體、文字、圖片及視頻等等。

大多數(shù)B2B企業(yè)官網(wǎng)項目要求設計簡約、層級清晰，交互效果簡潔明快。

然而，關于什么是好的設計，每個人的定義都大相徑庭。奧格威說：“Search the world and steal the best”——在全世界尋找，把最好的偷來。這里的“偷”并非是直接的剽竊和抄襲，而是通過借鑒優(yōu)秀的案例，為自己提供設計和創(chuàng)意的靈感。

以牧星智能的官網(wǎng)案例為例，客戶的業(yè)務處在智能制造、物聯(lián)網(wǎng)、智能倉儲的行業(yè)，我們在充分理解了客戶品牌視覺手冊的內容以后，根據(jù)客戶的喜好和所在行業(yè)，選擇了特斯拉、蔚來汽車和戴森作為參考對象。

(蔚來)

(特斯拉)

(戴森)

研究顯示，讀者在一個網(wǎng)頁上會先花3秒確認網(wǎng)站內容的相關性，再花6秒看介紹內容做進一步的確認。也就是說在一個網(wǎng)頁的停留時間不會超過10秒。在思考交互設計的時候，我們會加入這10秒的時間要素。在客戶旅程規(guī)劃方面，我們盡可能的讓內容和元素在這10秒鐘以內能夠抓住用戶眼球，控制每一屏展現(xiàn)的內容的密度，提升圖片、動圖和視頻的屏占比，讓內容更容易抓住用戶眼球。

頁面順序方面，我們從首頁開始，透過溝通及需求匯整后，提供提案稿給客戶進行討論，確認后再進行設計稿。首頁是整個網(wǎng)站設計風格與樣式的基準，首頁定稿，也就代表網(wǎng)站的整體風格已經確定了。

完成首頁設計后，再往下進行各內頁的設計，并確保設計風格與主頁一致。完成各內頁版面設計并經雙方確認后，即可進行下一階段的工作。

任何設計，要一次找準客戶的需求基本屬于不可能的任務。為了能夠在循序漸進理解客戶需求的情況下找到呈現(xiàn)效果上佳的設計方案，在聚加互動，我們會將設計任務分解成為幾個不同的階段，并適時地呈現(xiàn)相關的交付物，讓客戶對于設計進度心中有數(shù)，并且可以及時進行意見反饋。

過程中，按階段交付的文檔分別包含：

（1）原型圖設計文檔

(原型圖設計文檔)

（2）高保真原型圖設計

(高保真原型圖設計)

（3）墨刀動態(tài)原型圖

即提供網(wǎng)站模擬交互體驗的在線展示模型。

(墨刀動態(tài)原型圖)

啟動階段，我們常用的項目管理系統(tǒng)和工具包括：

• Processon：用戶項目思維導圖和流程圖的制作。

• 墨刀：用于制作項目原型圖和Demo。

• Teambitions：是聚加互動用于公司項目管理的工具，貫穿于項目的始終。

(Teambitions)

• 企業(yè)微信和騰訊文檔：聚加互動已經實現(xiàn)企業(yè)微信全面替代個人微信的升級過程，也借助騰訊文檔實現(xiàn)了實時的文檔版本管理。

5.網(wǎng)站開發(fā)（實現(xiàn)階段）

網(wǎng)站開發(fā)的工作雖然被排在了設計工作的后面，然而不少的工作是在項目啟動的過程中就已經開始籌備。

聚加互動的開發(fā)流程嚴格遵循敏捷開發(fā)的管理思路。

借助敏捷方法，軟件開發(fā)人員和項目經理將一個繁重和冗長的開發(fā)項目分解成為多個開發(fā)小任務，將小任務的開發(fā)周期限定在最長不超過三周的時間內。在這個開發(fā)周期內（常稱為Sprint）實現(xiàn)設計、開發(fā)、測試和內部交付的四個環(huán)節(jié)，使得開發(fā)工作便于追蹤成果，并及時調整、優(yōu)化開發(fā)方向。

同時，客戶也可以及時看到階段性的工作成果，及時反饋，不需要等待開發(fā)項目完結后再一次性看到交付物。

(Sprint)

使用敏捷開發(fā)的好處還包括：

（1）提升開發(fā)質量

項目團隊每個短周期只需集中精力關注于一個小單元功能的開發(fā)。

（2）加強團隊協(xié)作

有助于促進團隊成員之間、團隊與客戶之間更好地協(xié)作。

（3）增加透明度

允許項目中的利益相關者進行迭代和協(xié)作，保持了良好的透明度。

（4）有效管理風險

通過小單元分割的敏捷性使整個項目可預測，降低風險。

由于選擇了敏捷開發(fā)的管理模式，在每一個項目的里程碑節(jié)點（Milestone），客戶都可以參與到項目的進度檢查和意見反饋，也使客戶感覺項目進程可把控，心里有底，提升對于項目成功實施的信心。開發(fā)階段，我們常用的項目管理系統(tǒng)和工具包括：

• 禪道：這是我們的技術開發(fā)團隊鐘愛的開發(fā)項目管理工具，方便我們監(jiān)控開發(fā)工作進程，而且對于敏捷開發(fā)模式十分友好。

  
  

(禪道)

• Teambitions：這依然是我們項目管理團隊與客戶在整個項目生命周期內都會使用的管理系統(tǒng)。

6.測試和試運行

在完成敏捷開發(fā)所有的小單元以后，項目會進入全面測試聯(lián)調和內部試運行的階段。這個過程無論是對于客戶還是我們聚加互動的團隊，都是最具挑戰(zhàn)和最煎熬的過程。

就像我們說“雪崩之時，沒有一片雪花是無辜的”。試運行的時候，也沒有一個程序是沒有Bug的。

而試運行的目的就是在過程中將盡可能多的Bug發(fā)掘出來，并且逐個修復。

在試運行接近尾聲的時候，我們也會邀請客戶參與到測試的過程中。并非是我們想將測試的工作任務轉嫁給客戶，而是有些業(yè)務流程只有借助客戶的專業(yè)能力才能夠識別出潛在的Bug。

試運行的成果物是一個系統(tǒng)測試完成的企業(yè)官網(wǎng)，而過程中的規(guī)范文檔則是Bug追蹤文檔，詳細記錄所有出現(xiàn)的Bug列表和Bug修復狀態(tài)更新。這一文檔的管理我們一般都在開發(fā)管理軟件“禪道”中進行。

(Bug列表)

7.上線前準備

網(wǎng)站在正式上線之前，還需要進行一系列的準備工作。首先，需要完成網(wǎng)站的SEO優(yōu)化。簡言之，網(wǎng)站建設階段的SEO工作主要是站內的SEO，基本的工作內容包含：

關鍵詞優(yōu)化和TDK更新

網(wǎng)站代碼的優(yōu)化和內鏈的優(yōu)化

網(wǎng)站地圖的提交

監(jiān)控搜索引擎收錄狀況

除此之外，服務器空間的租賃、域名的購買，以及代碼的部署自不在話下。

8.項目上線

在完成網(wǎng)站的Bug修復、SEO站內優(yōu)化和ICP備案以后，網(wǎng)站項目即可進入正式的上線準備。在此之前，需要完成網(wǎng)站初始內容的上傳。由于現(xiàn)在的網(wǎng)站基本上都提供內容管理系統(tǒng)（CMS），因此，這項工作基本上可以由客戶的市場部同事自行完成。

此時，我們會交付一個詳盡的網(wǎng)站使用說明書，包含各個功能模塊使用指引，對于一些比較復雜的功能模塊，我們也會制作操作指引視頻，方便客戶快速上手。

在此之后，我們也會與客戶簽署一份項目交付書，將正式網(wǎng)站交給客戶。交付后，網(wǎng)站項目的開發(fā)階段即告辦結。

9.持續(xù)維護

聚加互動為每一個客戶提供12個月免費的項目維護服務。項目完成后，我們仍然需要對系統(tǒng)進行持續(xù)維護，維護工作包含技術及內容兩方面。

(1)技術維護

這一部分包含監(jiān)控網(wǎng)站、系統(tǒng)故障排除、網(wǎng)站數(shù)據(jù)庫備份、網(wǎng)站服務器升級維護、域名解析、域名ICP備案、安全管理措施和緊急情況恢復正常。

若數(shù)據(jù)中含有會員的個人資料或是其他重要信息的話，需要特別注意數(shù)據(jù)安全的監(jiān)測。同時，為了滿足客戶公司對于用戶個人數(shù)據(jù)保護法的合規(guī)要求，我們還會協(xié)助客戶對于用戶數(shù)據(jù)進行及時的審計和管理。

(2)內容維護

即更新和發(fā)布網(wǎng)站的文章等內容。除了客戶能夠通過后臺內容管理系統(tǒng)進行自行更新以外，我們的項目團隊也會配合客戶進行一些復雜內容的批量管理。

(官網(wǎng)內容展示)

寫在最后

企業(yè)官網(wǎng)的設計和開發(fā)是一個中等量級的數(shù)字化項目，時間跨度從一個月到數(shù)個月不等。想要實現(xiàn)網(wǎng)站項目的成功管理，除了需要選擇經驗豐富和能力出眾的供應商以外，做為甲方市場部的項目負責人，也需要使用一套科學的管理方法把控項目的進程。

聚加互動的項目管理的四個規(guī)范、四大原則、OIIC需求分析模型和敏捷開發(fā)方式幫助我們成功交付了一個個定制數(shù)字化軟件開發(fā)項目。

我們通過本篇文章，將聚加互動的網(wǎng)站項目管理方法論和流程規(guī)范傾囊相授，除了分享我們的成功經驗以外，也希望能夠與我們的客戶同步項目管理知識，讓大家共同實現(xiàn)更加科學的項目管理。

我們也歡迎大家與我們分享項目管理過程中的經驗和教訓，實現(xiàn)共同進步。