網(wǎng)站改版的背景和目的
 
1.1網(wǎng)站改版背景
隨著行業(yè)市場需求的發(fā)展，以及公司戰(zhàn)略業(yè)務(wù)的轉(zhuǎn)型，舊的網(wǎng)站頁面和功能不能支撐公司新型業(yè)務(wù)和企業(yè)戰(zhàn)略的對外宣傳。另外，由于舊網(wǎng)站建設(shè)時間較早，在設(shè)計和風(fēng)格上都給人陳舊、結(jié)構(gòu)混亂等不好的感覺，因此網(wǎng)站需要進行改版。
 
1.2網(wǎng)站改版的目的
此次網(wǎng)站改版的目的是為了更好的展示公司的實力和形象，豐富官網(wǎng)的功能，從而讓訪問者快捷方便獲取相關(guān)的信息。讓公司的產(chǎn)品和服務(wù)更好的展示在互聯(lián)網(wǎng)平臺，提升用戶對官網(wǎng)的瀏覽體驗。同時提高官網(wǎng)在網(wǎng)站搜索引擎的優(yōu)化，便于更好的收錄和SEO排名，提升網(wǎng)站的點擊率。
 
網(wǎng)站搭建規(guī)劃 
2.1網(wǎng)站的定位
企業(yè)官網(wǎng)的主要功能是展示公司企業(yè)形象和業(yè)務(wù)模式，向客戶傳遞公司核心文化理念、公司產(chǎn)品服務(wù)，告訴客戶我們的實力，可以解決什么問題、提供什么樣的客戶價值。
 
2.2網(wǎng)站搭建原則
①可靠性：提供穩(wěn)定可靠的官網(wǎng)及程序，實現(xiàn)用戶快速打開官網(wǎng)頁面
②靈活性與可擴展性：可以根據(jù)不斷增長的業(yè)務(wù)處理需要，很容易地進行系統(tǒng)處理能力、存儲容量和網(wǎng)絡(luò)規(guī)模的擴充；提供技術(shù)升級，方便官網(wǎng)更新，提升設(shè)備性能。
③易操作、維護性：網(wǎng)站在設(shè)計上將需提供智能用戶管理和使用界面，便于官網(wǎng)的管理維護。
④安全性：提供較強的管理機制和修復(fù)手段，具備事故監(jiān)控和網(wǎng)絡(luò)安全監(jiān)控等技術(shù)；嚴格的安全管理措施，確保官網(wǎng)持續(xù)安全運行。
⑤規(guī)范性：對官網(wǎng)展現(xiàn)進行統(tǒng)一規(guī)劃，統(tǒng)一的界面風(fēng)格、規(guī)劃設(shè)計標準、功能區(qū)劃分、統(tǒng)一的色調(diào)搭配等，體現(xiàn)企業(yè)標志形象。
⑥兼容性：網(wǎng)站在系統(tǒng)開發(fā)時將充分考慮與其它業(yè)務(wù)平臺與應(yīng)用系統(tǒng)兼容性，方便未來與其他業(yè)務(wù)系統(tǒng)的接入與整合，不需要進行大量二次開發(fā)。
 
網(wǎng)站的策劃與具體方案 
3.1網(wǎng)站的外觀風(fēng)格和視覺
企業(yè)官網(wǎng)風(fēng)格應(yīng)以“簡潔、大氣、專業(yè)”為主，視覺賦予用戶一種互聯(lián)網(wǎng)大數(shù)據(jù)的科技感。在網(wǎng)頁設(shè)計上配合行業(yè)的特色和公司的logo形象來開展，將設(shè)計融入到公司的企業(yè)文化理念中，尤其是重要信息需要重點突出，給用戶一種視覺沖擊感，讓用戶通過網(wǎng)頁快速獲得所需的信息。網(wǎng)站整體風(fēng)格統(tǒng)一，貫穿全站，包括背景顏色、字體、注腳、區(qū)分線等，使網(wǎng)站體現(xiàn)大氣和數(shù)據(jù)中心行業(yè)特色，給人以穩(wěn)重、誠信、專業(yè)、現(xiàn)代的感受。
欄目導(dǎo)航設(shè)計簡潔清晰、重點突出，以全面展示公司實力、數(shù)據(jù)中心服務(wù)等為主要目的，豐富而有實用性，方便訪問者瀏覽相關(guān)信息；
功能流程設(shè)置方面，遵循容易使用的原則，按照先進的“不要讓用戶思考”、“重要的內(nèi)容要放在三次點擊之內(nèi)”的原則來設(shè)計網(wǎng)站，方便用戶查找，避免復(fù)雜，追求簡單；
為受眾設(shè)置合理、人性化的信息瀏覽流程和信息瀏覽重點，使瀏覽者迅速獲得所需的信息。
通過適量運用Flash動畫等多媒體技術(shù)的運用增加網(wǎng)站活力，如充分運用Banner的形象宣傳功能
注重網(wǎng)站的服務(wù)和互動功能，通過網(wǎng)站實現(xiàn)部分目標客戶的服務(wù)。 
3.2網(wǎng)站的色調(diào)
結(jié)合公司logo形象和公司文化理念，建議官網(wǎng)整體色調(diào)定為藍色。藍色也給用戶一種舒適、大氣的感覺
 
3.3網(wǎng)站模塊的展示效果參考
 
· 導(dǎo)航條及下拉樣式（僅參考交互樣式，顏色風(fēng)格不予參考）

 

下滑網(wǎng)頁時導(dǎo)航條固定在頂部

 

 
 
· Banner樣式（僅參考交互樣式，顏色風(fēng)格不予參考）






 
 
 
· 數(shù)據(jù)+內(nèi)容樣式（僅參考交互樣式，顏色風(fēng)格不予參考）



 
 
· 圖文樣式（僅參考交互樣式，顏色風(fēng)格不予參考）
 

 

 
· 圖標樣式（僅參考交互樣式，顏色風(fēng)格不予參考）

 
· 新聞樣式（僅參考交互樣式，顏色風(fēng)格不予參考）