在移動互聯(lián)網(wǎng)時代的當下，雖然人們信息獲取的渠道已經(jīng)越來越多地轉移到社交媒體和短視頻平臺，然而對于B2B企業(yè)來說，企業(yè)官網(wǎng)仍然是十分重要的一個品牌展示和營銷獲客渠道。

官網(wǎng)是企業(yè)的一張名片，是企業(yè)在互聯(lián)網(wǎng)上的門頭，是與線上訪客建立信任的重要橋梁。官網(wǎng)能夠直觀展示企業(yè)的品牌形象，介紹公司的產(chǎn)品和服務，提供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ī)范

為了能夠確保項目的成功交付，不過分依賴于個人經(jīng)驗，我們通過實踐建立了一套完善的項目流程規(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ī)范流程。我們標準化產(chǎn)品的研發(fā)和定制化軟件項目的開發(fā)也沿用類似的項目管理流程。

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

1.項目前

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

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

2.項目啟動會

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

（1）明確項目目標

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

（3）提出解決方案

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

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

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

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

 三、客戶案例解析

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

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

1.OIIC 需求拆解模型

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

（1）Objective（目標）

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

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

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

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

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

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

• 網(wǎng)站訪問速度慢：服務器放在國內(nèi)導致國外瀏覽網(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）工作說明書

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

• 項目目標說明；

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

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

• 功能模塊詳細描述；

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

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

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

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

• 驗收標準：明確產(chǎn)品或服務驗收的標準；

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

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

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

3.項目開始

• 項目思維導圖（描述網(wǎng)站的框架結構）
• 網(wǎng)站線框圖 （描繪網(wǎng)站的頁面布局）
• 網(wǎng)站高保真原型圖 （呈現(xiàn)網(wǎng)站的頁面設計）
• 項目時間管理甘特圖 （管理網(wǎng)站的時間進度）

(項目思維導圖)

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

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

(項目時間管理甘特圖)

4.網(wǎng)站設計

設計的需求分析是一個對于客戶的企業(yè)品牌、形象和產(chǎn)品定位深入學習和了解的一個過程。除了通過與客戶的項目啟動會議中，除了通過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è)，我們在充分理解了客戶品牌視覺手冊的內(nèi)容以后，根據(jù)客戶的喜好和所在行業(yè)，選擇了特斯拉、蔚來汽車和戴森作為參考對象。

(蔚來)

(特斯拉)

(戴森)

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

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

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

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

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

（1）原型圖設計文檔

(原型圖設計文檔)

（2）高保真原型圖設計

(高保真原型圖設計)

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

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

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

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

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

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

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

(Teambitions)

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

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

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

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

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

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

(Sprint)

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

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

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

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

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

（3）增加透明度

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

（4）有效管理風險

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

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

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

  

  (禪道)

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

6.測試和試運行

在完成敏捷開發(fā)所有的小單元以后，項目會進入全面測試聯(lián)調(diào)和內(nèi)部試運行的階段。這個過程無論是對于客戶還是我們聚加互動的團隊，都是最具挑戰(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工作主要是站內(nèi)的SEO，基本的工作內(nèi)容包含：

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

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

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

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