官網(wǎng)，可以理解成企業(yè)的IP，或者企業(yè)的另一張“臉”，記載企業(yè)的概況和發(fā)展歷程。好的官網(wǎng)，能夠充分展現(xiàn)其內(nèi)涵，給人以美的感受；而糟糕的官網(wǎng)，不僅不能有效表達企業(yè)的愿景，更有可能將合作和發(fā)展機會拒之門外；至于沒有官網(wǎng)，那就真的是“我XX還能說什么？你是有多懶??！”。

1、需求分析

官網(wǎng)，是企業(yè)面向大眾的窗口，能夠傳達給閱讀者企業(yè)的形象，展現(xiàn)自身實力，以及解決用戶疑問。 不過，在規(guī)劃官網(wǎng)的時候，需要了解企業(yè)所處階段和官網(wǎng)改版的目的：

? 對于初創(chuàng)公司新上線的官網(wǎng)，需要以最小最優(yōu)產(chǎn)品（MVP）方式呈現(xiàn)公司的核心業(yè)務(wù)，和其他公司差異化；

? 對于成長中的公司，需要添加新業(yè)務(wù)或者做適當轉(zhuǎn)型，頁面內(nèi)容和當前業(yè)務(wù)進度對齊；

? 對于較為成熟的公司，需要細化單個產(chǎn)品線的內(nèi)容，將各個垂直產(chǎn)品線做到精致，例如針對一個產(chǎn)品就可以擁有一個官網(wǎng)。

2、目標人群

? 最終使用產(chǎn)品的用戶（包括企業(yè)客戶和大眾用戶），這一類人群重視產(chǎn)品的使用感受；

? 投資方和業(yè)務(wù)相關(guān)人群，可能有進一步進行企業(yè)合作洽談的機會；

? 面試人群，會瀏覽官網(wǎng)形成產(chǎn)品印象，也就是說官網(wǎng)是吸納人才的第一道門。

3、總體定位

雖然各家企業(yè)的發(fā)展業(yè)務(wù)不同，但官網(wǎng)總離不開以下信息：slogan口號，核心業(yè)務(wù)，優(yōu)勢，產(chǎn)品簡介，公司簡介等基礎(chǔ)信息。

1、產(chǎn)品風(fēng)格確定

首先，需要根據(jù)產(chǎn)品或品牌的調(diào)性確定產(chǎn)品風(fēng)格，強化產(chǎn)品優(yōu)勢。例如Adobe作為一家全球性的設(shè)計公司，官網(wǎng)采用黑色封底和圖片拼接方式，低調(diào)而有逼格，吸引眼球。蘋果官網(wǎng)則秉承著“l(fā)ess is more”的簡約風(fēng)，旗下系列產(chǎn)品就像精致的工藝品，黑白灰的色調(diào)搭配寬屏高清主圖，傳遞優(yōu)雅、極致、禪式的理念，營造極佳的用戶體驗。而某家傳統(tǒng)的食品公司，官網(wǎng)則重在宣傳獲獎活動，比較傳統(tǒng)保守，紅配綠的蜜汁審美，顯得有點特別（吃藕）了。

Adobe官網(wǎng)

蘋果官網(wǎng)

某官網(wǎng)

2、產(chǎn)品框架

產(chǎn)品框架建立的流程分為：

拆解功能 → 確定功能優(yōu)先級 → 聚合重組

將官網(wǎng)所有的功能平鋪成以下關(guān)鍵詞：index（首頁）marketing（營銷）DSP（廣告管理平臺）DMP（數(shù)據(jù)管理平臺）SSP（供應(yīng)方平臺） ADX（廣告交易平臺） Software（軟件產(chǎn)品） solution（解決方案）Labs（實驗室）intro（公司介紹）case（優(yōu)秀案例）News（公司新聞）。boss大大說盡量把功能都展示在菜單上，菜單多不怕，一行放的下，做出來了就要讓世界看見！ Orz 向大佬低頭。

在產(chǎn)品設(shè)計中，每個功能都突出，其實就等于沒重點 。在MUJI無印良品的設(shè)計中，學(xué)會“克制”，不過分邀功，而是用體驗和細節(jié)去打動用戶。也就是說，不能一昧橫向擴充，還需要縱向加深，增強層次感。

回歸到我們的官網(wǎng)本身，需要對功能進行優(yōu)先級劃分。綜合此次改版目標：突出營銷和豐滿產(chǎn)品線，因此把營銷單獨作為一個菜單板塊，放置在首頁之后，把公司介紹放在最后。其次，根據(jù)關(guān)鍵詞的屬性聚合出分類，把DSP，DMP，ADX，SSP聚合成數(shù)字營銷產(chǎn)品；把Labs歸入到軟件產(chǎn)品同樣有技術(shù)研究屬性的功能下；把案例歸入到營銷推廣服務(wù)下。最后提煉出來的產(chǎn)品框架如下：

3、核心頁面設(shè)計

? 重點展現(xiàn)企業(yè)的愿景、產(chǎn)品的定位、實力

? 公司的業(yè)務(wù)介紹，使用戶有頂層的感受

? 把首頁當成整個官網(wǎng)各個菜單功能的概述，并提供便捷入口，即目錄式的指引

首頁布局草稿：

? 作為核心業(yè)務(wù)模塊，通過概述頁展示營銷推廣服務(wù)涵蓋的范圍和優(yōu)勢。

? 將廣告營銷涉及的對象分頁面進行闡述，分為媒體、人群、運營、案例頁面，以便能深入闡述每個對象的優(yōu)勢。

? 確保頁面統(tǒng)一性，各個功能模塊盡量采取標題及簡單文案解釋、附帶圖片的方式。

每次上線前驗證時，都是一臉懵逼，內(nèi)心OS：無fuck說，這真的是我當時設(shè)計的嗎?。?！不過還是乖乖去測試bug和提意見，死磕功能和體驗，Orz 向研發(fā)大大低頭。整個驗證過程就是不斷提問題的過程：

文 / 分享來自于人人都是產(chǎn)品經(jīng)理  christy_ma

如果你對我們的任何產(chǎn)品感興趣

快戳上方按鈕聯(lián)系我們

拓展閱讀

干貨 | 如何查詢世界各國公司工商注冊信息，查詢網(wǎng)址全收錄啦

詢盤 | 看完C業(yè)務(wù)員的實例分享，相信你能學(xué)會如何應(yīng)對客戶的議價

營銷 | 企業(yè)營銷問題得不到解決，往往是因為沒有準確界定問題！

中國制造網(wǎng) | 【內(nèi)貿(mào)分享】堅持學(xué)習(xí)，是我取得訂單的秘訣

網(wǎng)站 | 如何降低網(wǎng)站跳出率，提高網(wǎng)站粘度。

干貨 | 怎么用英文專業(yè)準確的介紹公司？

郵箱 | 互聯(lián)網(wǎng)百強企業(yè)到底使用什么郵件系統(tǒng)？

Google | 做了谷歌競價卻沒有詢盤？

SNS | 玩社交？營銷最佳時間點你都選對了嗎？

SEO | 外貿(mào)營銷型網(wǎng)站建站的關(guān)鍵詞布置技巧

數(shù)據(jù) | 影響企業(yè)網(wǎng)站轉(zhuǎn)化率的四個因素

設(shè)計 | 10大網(wǎng)站設(shè)計錯誤，足以毀掉你的網(wǎng)站

廣告 | 電商平臺推廣關(guān)于廣告法的一些問答

百度 | 2017年開始做百度競價四個階段，進來看看你屬于哪個階段？

如果您想對我們了解更多

歡迎關(guān)注

▼