1.1 建站目的
在近幾年發(fā)展中，公司產(chǎn)品體系發(fā)生了變化與更新，與官網(wǎng)現(xiàn)有的產(chǎn)品體系有較大差異；而 公司官網(wǎng)在上一次建設(shè)中有部分遺留問題，無(wú)法與現(xiàn)在的公司發(fā)展需求進(jìn)行匹配，因此需要對(duì)官 網(wǎng)重新進(jìn)行系統(tǒng)化的建設(shè)，以達(dá)到品牌宣傳、產(chǎn)品展示、實(shí)力認(rèn)證的作用。
 
1.2 網(wǎng)站定位
品牌型網(wǎng)站&展示型網(wǎng)站
A、按照公司VI 體系進(jìn)行設(shè)計(jì)，配色方案統(tǒng)一 ，字體使用規(guī)則統(tǒng)一，圖片素材風(fēng)格統(tǒng)一，突出 品牌特點(diǎn)；
B、突出展示公司實(shí)力及產(chǎn)品，在內(nèi)容版塊將突出產(chǎn)品、解決方案、案例等重點(diǎn)，并形成閉環(huán)，打通內(nèi)在連接；
C、扁平和垂直化的內(nèi)容架構(gòu)，便于企業(yè)品牌形象和有效信息傳達(dá)；
D、兼顧 SEO 優(yōu)化。
 
1.3 網(wǎng)站風(fēng)格
專業(yè)、大氣、品牌化

• 明晰網(wǎng)站設(shè)計(jì)，合理布局界面：用直觀方式展展示，讓瀏覽者一目了然了解所有內(nèi)容。

B、適當(dāng)交互體驗(yàn)，增強(qiáng)用戶體驗(yàn)：增加一些動(dòng)效，增強(qiáng)用戶的體驗(yàn)感及記憶力。
C、靈活使用新技術(shù)：采用響應(yīng)式自適應(yīng)技術(shù)，實(shí)現(xiàn) PC、移動(dòng)、第三方平臺(tái)三端數(shù)據(jù)同步。
 
2.1 受眾分析
網(wǎng)站瀏覽受眾群體：直接客戶、間接客戶、其他渠道客戶等。
A、直接客戶關(guān)心內(nèi)容：公司實(shí)力、公司品牌、公司資質(zhì)、公司產(chǎn)品及解決方案等；
B、間接客戶關(guān)心內(nèi)容：產(chǎn)品、解決方案、公司資質(zhì)、公司實(shí)力、公司品牌等；
C、其他渠道客戶：通過(guò)其他人介紹、網(wǎng)絡(luò)等渠道知曉，更關(guān)心公司實(shí)力、公司資質(zhì)、公司產(chǎn)品及解決方案等。
 
2.2 結(jié)構(gòu)規(guī)劃
 

首頁(yè)	產(chǎn)品中心	解決方案	支持與服務(wù)	新聞中心	關(guān)于惟新
Banner	指揮調(diào)度線產(chǎn)品	TOCC 多媒體綜合調(diào)度系統(tǒng)	技術(shù)支持	公司動(dòng)態(tài)	關(guān)于我們
核心能力	綜合執(zhí)法線產(chǎn)品	交通運(yùn)輸執(zhí)法一體化指揮平臺(tái)	售前咨詢	行業(yè)資訊	聯(lián)系我們
產(chǎn)品			售后服務(wù)		加入我們
解決方案			資料下載
公司實(shí)力數(shù)據(jù)化
成功案例
新聞動(dòng)態(tài)
底部導(dǎo)航

 
2.3 結(jié)構(gòu)詳情
A、根據(jù)一級(jí)欄目的設(shè)定，通過(guò)“首頁(yè)”“關(guān)于惟新”來(lái)突出展示公司實(shí)力及公司資質(zhì)；通過(guò)“產(chǎn)品中心”“解決方案”來(lái)展示公司的產(chǎn)品及解決方案；通過(guò)“支持與服務(wù)”“新聞中心”來(lái)展示公司的服務(wù)能力。
B、按照用戶思考邏輯和使用習(xí)慣，將每個(gè)欄目的具體內(nèi)容進(jìn)行重新規(guī)劃，清晰明了，用戶可有針對(duì)性地進(jìn)行瀏覽。
C、不同欄目與欄目之間將進(jìn)行連接，如查看解決方案時(shí)可通過(guò)按鈕點(diǎn)擊跳轉(zhuǎn)至關(guān)聯(lián)產(chǎn)品頁(yè)，也 可在查看首頁(yè)內(nèi)容時(shí)通過(guò)按鈕點(diǎn)擊跳轉(zhuǎn)至對(duì)應(yīng)的其他頁(yè)面。
 
3.1版式
采用導(dǎo)航欄＋Banner＋信息展示頁(yè)＋底部導(dǎo)航，進(jìn)行長(zhǎng)頁(yè)面展示，側(cè)邊欄設(shè)置浮窗。
 
3.2導(dǎo)航欄
1 、導(dǎo)航欄左側(cè)為惟新科技 LOGO。
2 、導(dǎo)航欄從左到右依次為：首頁(yè)、產(chǎn)品中心、解決方案、支持與服務(wù)、新聞中心、關(guān)于惟新。
3 、導(dǎo)航欄“首頁(yè)”“產(chǎn)品中心”“解決方案”均有鏈接，點(diǎn)擊可跳轉(zhuǎn)至對(duì)應(yīng)頁(yè)面，其他欄 目無(wú)跳轉(zhuǎn)。
4 、鼠標(biāo)移動(dòng)至欄目名稱會(huì)顯示下拉框。點(diǎn)擊下拉框中欄目，可跳轉(zhuǎn)至對(duì)應(yīng)頁(yè)面。
5 、導(dǎo)航欄為固定欄， 鼠標(biāo)拖動(dòng)時(shí)導(dǎo)航欄固定不變動(dòng)。
 
3.3 Banner
Banner 頁(yè)面采用設(shè)置 4 個(gè) Banner 位，可左右滑動(dòng)進(jìn)行切換。  (可隨時(shí)進(jìn)行更換)
 
3.4信息展示頁(yè)
信息展示頁(yè)面分 6 屏，從上至下排布，在頁(yè)面設(shè)計(jì)中采用交互動(dòng)效，讓首頁(yè)更具有互動(dòng)性。 頁(yè)面左邊設(shè)置上下滑動(dòng)條。
 
3.5底部導(dǎo)航
底部導(dǎo)航包含內(nèi)容：底部導(dǎo)航、聯(lián)系方式、友情鏈接、關(guān)注我們 (微信公眾號(hào)二維碼) 、版 權(quán)信息、法律申明。
 
3.6側(cè)邊懸浮框
A 、側(cè)邊懸浮框包含內(nèi)容：服務(wù)熱線、微信二維碼、回到頂部。
B 、服務(wù)熱線以文字內(nèi)容呈現(xiàn)，微信二維碼以圖片形式呈現(xiàn)。
 
3.7內(nèi)容
Banner 頁(yè)面 4 個(gè)內(nèi)容依次為：企業(yè)定位、精選產(chǎn)品、TOCC 多媒體綜合調(diào)度系統(tǒng)、交通運(yùn) 輸執(zhí)法一體化指揮平臺(tái)。
信息展示頁(yè)從上至下依次為：核心技術(shù)、產(chǎn)品、解決方案、公司實(shí)力數(shù)據(jù)化、成功案例、新聞動(dòng)態(tài)。
 
3.8企業(yè)定位
背景采用深思行遠(yuǎn)形象主畫面，去掉品牌 Logo及品牌口號(hào) (深思行遠(yuǎn)) 。主標(biāo)語(yǔ)為：惟新科技 中國(guó)多媒體指揮調(diào)度領(lǐng)軍企業(yè)。放置公司品牌愿景：構(gòu)建互聯(lián)互通的 全融合世界。
 
3.9精選產(chǎn)品
1 、圖片介紹產(chǎn)品 CDC310 的具體情況。
2 、可根據(jù)不同時(shí)期推出的重點(diǎn)產(chǎn)品來(lái)更換 Banner。
 
3.10 多媒體綜合調(diào)度系統(tǒng)
使用應(yīng)用場(chǎng)景的圖片作為背景。
文案內(nèi)容為：
廣泛應(yīng)用于聯(lián)網(wǎng)指揮、運(yùn)行監(jiān)測(cè)、應(yīng)急處置等業(yè)務(wù)，
“看得見、聽得清、喊得到、調(diào)得動(dòng)”的交通運(yùn)行管理和遠(yuǎn)程指揮調(diào)度。
參考圖示：

 
  
3.11交通運(yùn)輸執(zhí)法一體化指揮平臺(tái)
使用應(yīng)用場(chǎng)景的圖片作為背景。
文案內(nèi)容為:構(gòu)建互聯(lián)互通、信息共享、業(yè)務(wù)協(xié)同、智能便捷的解決方案。
實(shí)現(xiàn)“情報(bào)研判+指揮調(diào)度+勤務(wù)聯(lián)動(dòng)”于一體的協(xié)同執(zhí)法聯(lián)動(dòng)機(jī)制

 

3.12產(chǎn)品
A 、通過(guò)圖片+文字的方式進(jìn)行呈現(xiàn)。
B 、增加“查看更多”按鈕，點(diǎn)擊后可跳轉(zhuǎn)至產(chǎn)品中心頁(yè)面。
 
3.13解決方案
A 、采用左右布局的形式，呈現(xiàn)兩大解決方案。
B 、通過(guò)圖片+文字的方式進(jìn)行呈現(xiàn)。
C 、點(diǎn)擊圖片可跳轉(zhuǎn)至對(duì)應(yīng)解決方案頁(yè)面。
 
3.14公司實(shí)力數(shù)據(jù)化
參考圖示：
 

 
3.15新聞動(dòng)態(tài)
參考圖示：

 
4.1產(chǎn)品中心版式
鼠標(biāo)移至導(dǎo)航欄“產(chǎn)品中心”時(shí)，顯示下拉框。點(diǎn)擊“產(chǎn)品中心”可跳轉(zhuǎn)至產(chǎn)品中心總頁(yè)面， 點(diǎn)擊具體產(chǎn)品名稱可跳轉(zhuǎn)至對(duì)應(yīng)產(chǎn)品頁(yè)面。
 
4.2產(chǎn)品中心內(nèi)容
  產(chǎn)品中心的下拉框分為三大內(nèi)容：指揮調(diào)度線產(chǎn)品、綜合執(zhí)法線產(chǎn)品。分布如下：

指揮調(diào)度線產(chǎn)品	綜合執(zhí)法線產(chǎn)品
調(diào)度臺(tái)	4G 智能執(zhí)法記錄儀
專用手持多媒體終端 DTD960	移動(dòng)執(zhí)法終端
專用手持多媒體終端 DTD980	智能布控球
智能布控球	數(shù)據(jù)審批終端

 
 
4.3產(chǎn)品中心聚合頁(yè)
產(chǎn)品中心總頁(yè)面由上至下分為三部分：
1 、Banner：文案內(nèi)容為：產(chǎn)品中心。
2 、頁(yè)面分類導(dǎo)航：指揮調(diào)度、綜合執(zhí)法。
3 、產(chǎn)品陳列。
 
4.4產(chǎn)品詳情頁(yè)面
產(chǎn)品詳情頁(yè)面分 5 屏，從上至下排布，在頁(yè)面設(shè)計(jì)中采用交互動(dòng)效，頁(yè)面右側(cè)設(shè)計(jì)側(cè)邊導(dǎo)航
欄，點(diǎn)擊可跳轉(zhuǎn)至對(duì)應(yīng)分屏。內(nèi)容由上至下為：
A 、Banner：展示產(chǎn)品圖片及產(chǎn)品特征 icon 圖標(biāo)。
B 、產(chǎn)品概述及特點(diǎn)。
C 、產(chǎn)品功能圖解。
D 、產(chǎn)品參數(shù)。
E 、應(yīng)用場(chǎng)景或應(yīng)用案例。
 
4.5 解決方案
鼠標(biāo)移至導(dǎo)航欄“解決方案”時(shí)，顯示下拉框。點(diǎn)擊“解決方案”可跳轉(zhuǎn)至解決方案總頁(yè)面， 點(diǎn)擊下拉框二級(jí)菜單欄可跳轉(zhuǎn)至對(duì)應(yīng)頁(yè)面。解決方案下拉框?yàn)閮纱髢?nèi)容：TOCC 多媒體綜合調(diào)度系統(tǒng)、交通運(yùn)輸執(zhí)法一體化指揮平臺(tái)。
 
4.6解決方案聚合面
解決方案總頁(yè)面由上至下分為兩部分：
A 、Banner：文案內(nèi)容為：解決方案。
B 、方案分類：TOCC 多媒體綜合調(diào)度系統(tǒng)、交通運(yùn)輸執(zhí)法一體化指揮平臺(tái)。采用文字+圖標(biāo)的形式呈現(xiàn)。
 
4.7解決方案詳情頁(yè)面
該頁(yè)面分 7 屏，從上至下排布，在頁(yè)面設(shè)計(jì)中采用交互動(dòng)效，頁(yè)面右側(cè)設(shè)計(jì)側(cè)邊導(dǎo)航欄，點(diǎn)擊可跳轉(zhuǎn)至對(duì)應(yīng)分屏。內(nèi)容由上至下為：
A 、Banner 圖：場(chǎng)景圖作為背景，文案內(nèi)容為對(duì)應(yīng)解決方案的名稱。
B 、概述。
C 、部分業(yè)績(jī)案例。
D 、功能介紹。
E 、方案價(jià)值。
F 、主要產(chǎn)品。點(diǎn)擊產(chǎn)品可跳轉(zhuǎn)至對(duì)應(yīng)的產(chǎn)品頁(yè)面。
G 、應(yīng)用場(chǎng)景。
 
4.8 支持與服務(wù)
鼠標(biāo)移至導(dǎo)航欄“支持與服務(wù)”時(shí)，顯示下拉框。點(diǎn)擊“支持與服務(wù)”無(wú)跳轉(zhuǎn)，點(diǎn)擊下拉框 二級(jí)菜單欄可跳轉(zhuǎn)至對(duì)應(yīng)頁(yè)面。
“支持與服務(wù)”的下拉框分為三大內(nèi)容版塊，分別為：技術(shù)支持、售后服務(wù)、資料下載。
 
4.9技術(shù)支持
該頁(yè)面分為 2 屏，上方為 Banner 頁(yè)，下方為文字內(nèi)容頁(yè)。
A 、Banner 頁(yè)： 以場(chǎng)景圖片作為背景，主題文字為：技術(shù)支持。
B 、內(nèi)容：以文字的形式來(lái)闡述惟新科技在技術(shù)支持方面所提供的服務(wù)，分為三個(gè)版塊：售前支持、售中支持、售后支持。
 
4.10售后服務(wù)
該頁(yè)面分為 4 屏，分別為：Banner 頁(yè)、服務(wù)內(nèi)容頁(yè)、全國(guó)分公司及售后熱線、在線反饋表單。
A 、Banner 頁(yè)： 以場(chǎng)景圖片作為背景，主題文字為：售后服務(wù)。
B 、服務(wù)內(nèi)容頁(yè)：將惟新科技售后服務(wù)所包含的內(nèi)容以圖標(biāo)+文字的形式進(jìn)行羅列。
C 、全國(guó)分公司及售后熱線：
D 、在線反饋表單：客戶通過(guò)提交表單的形式來(lái)反饋問題。
 
4.11 新聞中心
鼠標(biāo)移至導(dǎo)航欄“新聞中心”時(shí)，顯示下拉框。點(diǎn)擊“新聞中心”無(wú)跳轉(zhuǎn)，點(diǎn)擊下拉框二級(jí) 菜單欄可跳轉(zhuǎn)至對(duì)應(yīng)頁(yè)面。新聞中心分為公司動(dòng)態(tài)和行業(yè)資訊兩大內(nèi)容版塊。
參考圖示：

 
5.1 關(guān)于惟新
鼠標(biāo)移至導(dǎo)航欄“關(guān)于惟新”時(shí)，顯示下拉框。點(diǎn)擊“關(guān)于惟新”無(wú)跳轉(zhuǎn)，點(diǎn)擊下拉框二級(jí) 菜單欄可跳轉(zhuǎn)至對(duì)應(yīng)頁(yè)面。分為三部分內(nèi)容：關(guān)于我們、聯(lián)系我們、加入我們。
 
5.2關(guān)于我們版式
共分為 5 屏，由上至下展示，在頁(yè)面設(shè)計(jì)中采用交互動(dòng)效，頁(yè)面右側(cè)設(shè)計(jì)側(cè)邊導(dǎo)航欄，點(diǎn)擊 可跳轉(zhuǎn)至對(duì)應(yīng)分屏。頁(yè)面從上至下的內(nèi)容為：惟新簡(jiǎn)介、發(fā)展歷程、愿景/使命、核心價(jià)值觀、榮譽(yù)資質(zhì)。
 
 
 
5.3聯(lián)系我們
該頁(yè)面共分為 3 屏，分別為：Banner 頁(yè)、分公司地址及聯(lián)系方式、在線留言表單。
A 、Banner 頁(yè)： 以場(chǎng)景圖片作為背景，主題文字為：聯(lián)系我們。
B 、分公司地址及聯(lián)系方式。
C 、在線留言表單。
 
5.4加入我們
該頁(yè)面共分為 4 屏，分別為：Banner 頁(yè)、招聘崗位、工作環(huán)境。內(nèi)容由上至下為：
A 、Banner 頁(yè)： 以場(chǎng)景圖片作為背景，主題文字為：加入惟新。
B 、招聘崗位： 崗位信息陳列，左右滑動(dòng)。
C 、工作環(huán)境：靜態(tài)圖片呈現(xiàn)辦公環(huán)境。