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

將官網(wǎng)當(dāng)做一個(gè)產(chǎn)品，圍繞“目的、定位、人群和功能”要素進(jìn)行設(shè)計(jì)，并用迭代的思路不斷改進(jìn)。官網(wǎng)是最具性價(jià)比的長(zhǎng)期廣告。

產(chǎn)品規(guī)劃

1、需求分析

官網(wǎng)，是企業(yè)面向大眾的窗口，能夠傳達(dá)給閱讀者企業(yè)的形象，展現(xiàn)自身實(shí)力，以及解決用戶疑問(wèn)。

不過(guò)，在規(guī)劃官網(wǎng)的時(shí)候，需要了解企業(yè)所處階段和官網(wǎng)改版的目的：

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

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

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

2、目標(biāo)人群

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

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

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

3、總體定位

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

產(chǎn)品設(shè)計(jì)

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

首先，需要根據(jù)產(chǎn)品或品牌的調(diào)性確定產(chǎn)品風(fēng)格，強(qiáng)化產(chǎn)品優(yōu)勢(shì)。

2、產(chǎn)品框架

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

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

將官網(wǎng)所有的功能平鋪成以下關(guān)鍵詞：index（首頁(yè)）about（關(guān)于我們）product（產(chǎn)品）case（數(shù)據(jù)管理平臺(tái)）case（優(yōu)秀案例）News（公司新聞）。boss大大說(shuō)盡量把功能都展示在菜單上，菜單多不怕，一行放的下，做出來(lái)了就要讓世界看見(jiàn)！ 

在產(chǎn)品設(shè)計(jì)中，每個(gè)功能都突出，其實(shí)就等于沒(méi)重點(diǎn) 。

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

首頁(yè)設(shè)計(jì)：

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

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

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

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

將廣告營(yíng)銷涉及的對(duì)象分頁(yè)面進(jìn)行闡述，分為媒體、人群、運(yùn)營(yíng)、案例頁(yè)面，以便能深入闡述每個(gè)對(duì)象的優(yōu)勢(shì)

確保頁(yè)面統(tǒng)一性，各個(gè)功能模塊盡量采取標(biāo)題及簡(jiǎn)單文案解釋、附帶圖片的方式

功能路徑：功能是否有欠缺？跳轉(zhuǎn)路徑是否正確？

文案：語(yǔ)句是否通順，不存在歧義？

風(fēng)格UI：頁(yè)面主圖和配圖的風(fēng)格是否和模塊定位相對(duì)應(yīng)？布局和設(shè)計(jì)稿是否有出入？

兼容性：考慮移動(dòng)端的適配問(wèn)題，頁(yè)面是否會(huì)錯(cuò)亂？

性能：頁(yè)面跳轉(zhuǎn)時(shí)間、圖片加載時(shí)間是否太長(zhǎng)？