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

• 明晰網站設計，合理布局界面：用直觀方式展展示，讓瀏覽者一目了然了解所有內容。

B、適當交互體驗，增強用戶體驗：增加一些動效，增強用戶的體驗感及記憶力。
C、靈活使用新技術：采用響應式自適應技術，實現 PC、移動、第三方平臺三端數據同步。
 
2.1 受眾分析
網站瀏覽受眾群體：直接客戶、間接客戶、其他渠道客戶等。
A、直接客戶關心內容：公司實力、公司品牌、公司資質、公司產品及解決方案等；
B、間接客戶關心內容：產品、解決方案、公司資質、公司實力、公司品牌等；
C、其他渠道客戶：通過其他人介紹、網絡等渠道知曉，更關心公司實力、公司資質、公司產品及解決方案等。
 
2.2 結構規劃
 

首頁	產品中心	解決方案	支持與服務	新聞中心	關于惟新
Banner	指揮調度線產品	TOCC 多媒體綜合調度系統	技術支持	公司動態	關于我們
核心能力	綜合執法線產品	交通運輸執法一體化指揮平臺	售前咨詢	行業資訊	聯系我們
產品			售后服務		加入我們
解決方案			資料下載
公司實力數據化
成功案例
新聞動態
底部導航

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

 
  
3.11交通運輸執法一體化指揮平臺
使用應用場景的圖片作為背景。
文案內容為:構建互聯互通、信息共享、業務協同、智能便捷的解決方案。
實現“情報研判+指揮調度+勤務聯動”于一體的協同執法聯動機制

 

3.12產品
A 、通過圖片+文字的方式進行呈現。
B 、增加“查看更多”按鈕，點擊后可跳轉至產品中心頁面。
 
3.13解決方案
A 、采用左右布局的形式，呈現兩大解決方案。
B 、通過圖片+文字的方式進行呈現。
C 、點擊圖片可跳轉至對應解決方案頁面。
 
3.14公司實力數據化
參考圖示：
 

 
3.15新聞動態
參考圖示：

 
4.1產品中心版式
鼠標移至導航欄“產品中心”時，顯示下拉框。點擊“產品中心”可跳轉至產品中心總頁面， 點擊具體產品名稱可跳轉至對應產品頁面。
 
4.2產品中心內容
  產品中心的下拉框分為三大內容：指揮調度線產品、綜合執法線產品。分布如下：

指揮調度線產品	綜合執法線產品
調度臺	4G 智能執法記錄儀
專用手持多媒體終端 DTD960	移動執法終端
專用手持多媒體終端 DTD980	智能布控球
智能布控球	數據審批終端

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

 
5.1 關于惟新
鼠標移至導航欄“關于惟新”時，顯示下拉框。點擊“關于惟新”無跳轉，點擊下拉框二級 菜單欄可跳轉至對應頁面。分為三部分內容：關于我們、聯系我們、加入我們。
 
5.2關于我們版式
共分為 5 屏，由上至下展示，在頁面設計中采用交互動效，頁面右側設計側邊導航欄，點擊 可跳轉至對應分屏。頁面從上至下的內容為：惟新簡介、發展歷程、愿景/使命、核心價值觀、榮譽資質。
 
 
 
5.3聯系我們
該頁面共分為 3 屏，分別為：Banner 頁、分公司地址及聯系方式、在線留言表單。
A 、Banner 頁： 以場景圖片作為背景，主題文字為：聯系我們。
B 、分公司地址及聯系方式。
C 、在線留言表單。
 
5.4加入我們
該頁面共分為 4 屏，分別為：Banner 頁、招聘崗位、工作環境。內容由上至下為：
A 、Banner 頁： 以場景圖片作為背景，主題文字為：加入惟新。
B 、招聘崗位： 崗位信息陳列，左右滑動。
C 、工作環境：靜態圖片呈現辦公環境。