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

一、項目成功的關(guān)鍵

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

（1）流程規(guī)范

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

（2）文檔規(guī)范

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

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

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

（4）溝通規(guī)范

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

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

二、項目流程詳解

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

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

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

1.項目前

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

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

2.項目啟動會

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

（1）明確項目目標(biāo)

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

（3）提出解決方案

（4）確定項目的SOW（工作內(nèi)容明細(xì)）

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

(OIIC需求拆解模型)

（1）Objective（目標(biāo)）

首先要明確客戶的工作目標(biāo)是什么？

（2）Issue（問題和痛點）

為了達(dá)成這個目標(biāo)，目前面臨的阻礙是什么？

（3）Insight（洞察）

針對這個障礙，我們對消費者進(jìn)行洞察。

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

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

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

 三、客戶案例解析

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

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

1.OIIC 需求拆解模型

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

（1）Objective（目標(biāo)）

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

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

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

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

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

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

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

（3）Insight（洞察）

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

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

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

• 響應(yīng)式設(shè)計，適配手機和電腦端

• 多語言版本的設(shè)計

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

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

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

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

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

• 項目目標(biāo)說明

• 項目設(shè)計要求和交付標(biāo)準(zhǔn)

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

• 功能模塊詳細(xì)描述

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

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

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

• 工作方法：項目實施的方式以及技術(shù)架構(gòu)的描述

• 驗收標(biāo)準(zhǔn)：明確產(chǎn)品或服務(wù)驗收的標(biāo)準(zhǔn)

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

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

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

3.項目開始

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

• 項目思維導(dǎo)圖（描述網(wǎng)站的框架結(jié)構(gòu)）

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

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

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

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

(項目思維導(dǎo)圖)

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

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

(項目時間管理甘特圖)

4.網(wǎng)站設(shè)計

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

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

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

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

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

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

(蔚來)

(特斯拉)

(戴森)

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

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

完成首頁設(shè)計后，再往下進(jìn)行各內(nèi)頁的設(shè)計，并確保設(shè)計風(fēng)格與主頁一致。完成各內(nèi)頁版面設(shè)計并經(jīng)雙方確認(rèn)后，即可進(jìn)行下一階段的工作。

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

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

（1）原型圖設(shè)計文檔

(原型圖設(shè)計文檔)

（2）高保真原型圖設(shè)計

(高保真原型圖設(shè)計)

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

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

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

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

• Processon：用戶項目思維導(dǎo)圖和流程圖的制作。

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

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

(Teambitions)

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

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

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

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

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

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

(Sprint)

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

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

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

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

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

（3）增加透明度

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

（4）有效管理風(fēng)險

通過小單元分割的敏捷性使整個項目可預(yù)測，降低風(fēng)險。

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

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

  
  

(禪道)

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

6.測試和試運行

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

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

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

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

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

(Bug列表)

7.上線前準(zhǔn)備

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

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

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

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

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

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

8.項目上線

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

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

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

9.持續(xù)維護(hù)

聚加互動為每一個客戶提供12個月免費的項目維護(hù)服務(wù)。項目完成后，我們?nèi)匀恍枰獙ο到y(tǒng)進(jìn)行持續(xù)維護(hù)，維護(hù)工作包含技術(shù)及內(nèi)容兩方面。

(1)技術(shù)維護(hù)

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

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

(2)內(nèi)容維護(hù)

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

(官網(wǎng)內(nèi)容展示)

寫在最后

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

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

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

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