1、.江蘇省精創電氣股份有限公司網站改版方案目錄一、公司現有網站分析二、網站改版目的三、高新技術企業網站改版解決方案四、精創網站改版需求分析五、網站改版架構六、網站改版技術架構七、網站改版計劃推進表八、網站改版資料搜集分工九、國際站 .一、公司現有網站分析1. 公司形象與品牌實力展示不到位2. 目前的網站雖然有全面的業務介紹，但是瀏覽者不能夠領略到“公司”這樣一個實體的存在，單憑漂亮的外觀不能夠吸引瀏覽者，在公司主頁絢麗的動畫效果、圖片效果的影響之下導致對服務項目以及聯系電話產生視覺盲點，造成傳達信息失真。3. 目前網站業務介紹缺乏系統化規劃。4. 網站現已受到垃圾信息的攻擊。同時網站沒有數據庫，

2、多個版塊無法更新調整，初建時是使用asp編程，已跟不上現在技術的進步5. 網站建設的初衷是為經銷商服務，已不符合目前公司442的戰略方針二、網站改版目的1. 樹立企業品牌形象，展現公司實力2. 吸引更多的客戶，創造更大的利潤3. 貼近公司 442戰略方針4. 為客戶提供更有效的網上服務5. 建立完善的網絡服務系統6. 提高網站管理效率7. 建立完善的統計、跟蹤、分析系統8. 建立網上營銷系統配合傳統銷售9. 保持電子商務在行業內的領先地位三、高新技術企業網站改版解決方案1. 設計簡潔（不簡單）、大氣、富有創造性2. 技術架構統一，后繼易于維護與擴展3. 訪問瀏覽順暢，系統運行穩定。4. 適于搜

3、索引擎與用戶訪問5. 提供完善的解決方案及銷前、售后服務.四、精創網站改版需求分析1、精創電氣網站的定位與規劃：1) 、網站色調：精創電氣網站將基于品牌VI 色進行設計，即偏重于藍、橙、金屬色，一方面可以突出中國元素，另一方面也可突出產品的高檔定位。2) 、頁面布局：精創電氣原網站首頁略微有點繁瑣。但太過注重簡潔反而有些忽略欄目功能，例如站點新聞等，因此要進行一下折中。注：詳情參考網站架構里的效果圖。3) 、內容定位：作為精創電氣的定位方向可以用三詞來概括：產品、品牌、營銷。2、精創電氣產品展示方式需求：精創電氣產品的展示主要以突出產品賣點為主，分類按目標市場及產品類別進行，性能、尺寸、技術參

4、數等項目，主要在下載中心體現。展示方式： FLASH動畫展示、 360 度的產品外觀展示、視頻展示。3、精創電氣網站技術標準及運行環境使用 .net語言開發，數據庫采用SQLServer 2005，頁面采用HTML、 FLASH等表現形式。技術架構統一，后繼易于維護與擴展，適于搜索引擎與用戶訪問，訪問瀏覽順暢，系統運行穩定。經過安全漏洞掃描后保證無安全隱患可能。4、實用性欄目設計合理、人性化、導航明確 , 方便訪問者閱讀和使用，使訪問者隨時都能輕松找到要找的內容，輕松訪問。頁面上的所有元素，小到一個標題，一幅圖片，都按照預先制定的權限定義、創建審批流程以及發布規則；所有需要被共享的內容也同時被

5、建立起關聯。5、藝術性、新穎性.符合美學原理和排版原則，構圖新穎溫馨，自然和諧。對于主體和次要對象的處理符合排版原理- 導航區、產品區、搜索區、內容區、其他信息區合理排版。全站的設計作為一個整體，具有整體的一致性。整體視覺效果特點鮮明：高端、經典、高新技術企業的形象頁面版式結構合理；用色符合精創電氣品牌 VI 體系；線條和構圖精美；配圖精細、元素風格美觀；整體氣氛和諧；字體選用合理。6、性能要點說明： 通過對代碼的優化、圖片的優化、目錄結構的優化保證網頁的快速訪問；通過交互性優化、易用性優化等針對用戶使用方面的優化工作改善人機界面；通過針對搜索引擎的優化，使得網頁更有利于被全文搜索引擎收錄，從

6、而提高網站的自然排名。穩定性： 平均無錯運行時間 99.9%靈活開放性 ：具有一定的靈活性和開放性，以便以后網站系統的升級和系統模塊的擴展；易維護性： 可以方便地更新， 頁面能動態生成， 后臺有統一的、 強勁的管理系統方便頁面的更新和維護；網站內容分類較多，能根據需要隨意為各個欄目設置管理員；易操作性： 層次條理清晰，網站的板塊劃分合理；板塊的劃分容易理解；安全性： 確保系統正常無故障運行；可評估性： 可以針對網站的瀏覽按需生成動態的訪問量統計表一致性： 整體頁面布局和用圖用色風格前后一致。訪問速度： 首頁內容嚴格控制在 50KB 以內，保證 4 5 秒能完成下載，讓瀏覽者能快速進入到主頁；如

7、某些界面采用 FLASH動畫需要調出，調出時間嚴格控制在可接受范圍之內，并有提示進度的顯示。五、網站改版架構1. 網站改版整體架構基于高新技術企業的網站要求簡潔、大氣，首頁主模板分四大塊：關于精創、 產品中心、 研發技術、服務與支持。 通過 FLASH及圖片來突出展示公司產品及實力。人力資源、 新聞中心、 聯系我們等模塊出現在副導航，詳情見網站改版拓撲圖。.網站拓撲圖400 客服電話聯系我們FLSH關于精創研發技術服務支持產品展示精公發組企資產目產科研知檢顧營常資創司展織業質品標品研發識測客銷見料簡掠歷架文榮類市搜團流產中滿網問下介影程構化譽別場索隊程權心意絡題載分分i與度與類類創調防解投企經

8、員品新查偽答訴業營工牌查建愿理天釋詢議景念地義產品分類產品展示專區精創動態行業資訊典型客戶公司掠影資質榮譽購買產品產品搜索資料下載人力資源新聞中心郵箱登陸內部 OA友情鏈接人空簡精行視才缺歷創業頻理崗提動資中念位交態訊心.2. 首頁設計網站首頁是網站的第一內容頁，整個網站的最新、最值得推薦的內容將在這里展示?；谄放芕I色進行設計，即偏重于藍、橙、金屬色，以達到整個公司的企業形象的和諧統一；在制作上采用PHP頁面，系統可以調用最新的內容在首頁顯示。在內容上，首頁有公司的新聞動態，推薦產品等信息，并且管理員在后臺可以動態更新首頁的內容，使整個網站時時充滿生機和活力。通過首頁達到公司產品、品牌的有

9、力宣傳。附：網站改版首頁效果圖3. 關于內頁的設計主要從四大板塊著手，即關于精創、產品展示、研發技術、服務支持1）“關于精創”頁面包括：精創簡介、公司掠影、發展歷程、組織架構、企業文化、資質榮譽六個二級欄目，主要功能是宣傳企業， 通過對精創規模實力、文化理念、 服務支持及產品的了解，使精創為更多的客戶熟悉、.信賴。在頁面設計上， 采用小型網站形式，運用 FLASH動畫效果將精創的企業形象及實力予以最好的傳達。附：關于精創頁面效果圖2）“產品展示”頁面.精創電氣產品的展示主要以突出產品賣點為主，按目標市場及產品類別進行分類，導航按產品的目標市場分類，左側按產品類別進行分類，加入產品搜索功能、迎合

10、目標客戶的搜索瀏覽習慣。加入產品資訊發布，方便客戶及時了解精創產品的動態。展示方式： FLASH動畫展示、 360 度的產品外觀展示、視頻展示。重點呈現產品賣點，相關技術參數下載可加入鏈接，直接進入下載中心下載。附：產品展示頁面效果圖3）“研發技術”頁面包括：研發團隊、研發流程、檢測中心、知識產權及創新四個二級欄目，通過本欄目的展示，體現公司研發實力，體現技術沉淀，產品性能的優越及行業的領導者地位。附：頁面效果圖.4）“服務支持”頁面包括：營銷網絡、資料下載、常見問題及解答、客戶滿意度調查、防偽查詢、投訴與建議六個二級欄目。通過售前、售中、售后的服務支持，讓客戶更信賴精創，在線交流溝通，為客戶

11、提供更直接便利的解決方案，附件：服務支持頁面效果圖.六、網站技術方案1. 網站的內容要生動活潑，網站的整體風格創意設計，采用現今網絡上最流行的CSS， FLASH，Javascript等技術進行網站的靜態和動態頁面設計，動態的按鈕，活動的小圖標，優美協調的色彩配以悅耳的背景音樂2. 網站的某些適當的位置擺放一些動態的小圖案，在保證瀏覽速度的情況下，在網站各欄目之間加入適量的動態的連接，加強網站的互動性會。3. 根據我司 VI 及各種產品的特性，配合整個網站本身的設計風格對每個系列的產品進行網上的重新包裝設計，突出賣點，務求達到展現精創產品高檔次的品牌形象。4.FLASH 是現時網絡上最歡迎的網

12、絡技術，作為一種可以用在互聯網上動態的、可互動的SHOCKWAVE,.它的優點是體積小，可邊下載邊播放，這樣就避免了用戶長時間的等待。用 FLASH制作的動畫， 還可以加入很cool, 很有感染力的音樂。 這樣就能生成多媒體的圖形和界面，而且使文件的體積很小。5.3D 無級縮放產品圖象，令客戶進入一個真實的虛擬世界，客戶不用遠涉重洋，可以足不出戶，就能看到我司的新產品、新成果；6. 運用先進的后臺管理系統后臺管理系統(Netkey CMS 網站內容管理系統) 主要功能介紹1）內容管理系統包括：新聞發布更新系統2）文件管理視頻管理、訂購模塊、站內搜索功能、在線服務、論壇、網站訪問統計系統、系統權

13、限管理說明：主要管理和發布外部網站的各欄目內容1、能夠自定義發布審批流程2、可以采用WORD插件（或等同word 功能的編輯器）模式編輯3、能夠支持圖片、附件、視頻文件的管理4、能夠在此系統中自定義不同內容的發布員。能夠對發布的文章和產品進行排序、刪除、 轉移等。 通過關鍵字和類別組合搜索站內信息常見問題、在線技術支持、 資料下載專區等、 使用免費模塊提供網站的統計管理系統，可以對網站訪問情況、內容情況進行管理。系統權限管理和系統權限分配技術要求： 1、新聞欄目模塊可后臺自助增刪修改，新聞發布時可記錄操作員，根據操作員的權限對新聞狀態進行設定，有審核功能，最便捷的維護和搜索平臺。新聞內容管理和

14、在線編輯2、有權限管理，模塊管理，增加附件上傳。各權限的管理員管理自己權限對應的內容7. 技術指標1) 、新聞信息和分類可為多對多關系2) 、發布信息時可選擇預定義模板3) 、發布方式支持類Office格式，支持Word 文檔自動轉換4) 、支持發布信息靜態文件生成技術5) 、支持圖片新聞、熱點新聞、彈出新聞、專題新聞、高級搜索和過濾、多種排序、發表評論、推薦給朋友、新聞附件、相關新聞、新聞審核等功能6) 、提供日志功能，保留修改痕跡7) 、支持工作流：即信息共享、流轉、回饋、管理和挖掘8) 、支持不同語言的主流瀏覽器七、網站改版計劃推進表.計劃完成方式衡量標準完成時間相關責任人內部確定首頁網

15、召開會議形成會議決議，12月9日市場部：孫付站改版拓撲圖并會簽內部討論確定內召開會議形成會議決議，12月 15日市場部：孫付頁設計內容及形并會簽式內部確定網站整召開會議形成會議決議，12月 18日市場部：孫付體風格規劃（色并會簽調、布局等）聯系網絡公司商聯系、面談各設計公司對比12月 20日市場部：孫付談，比較結果上報確定設計公司及討論比較確定結果及最終12月 31日市場部：孫付最終方案方案上報現有網站備份備份備份成功1月 1日市場部：孫付網站建設相關資聯系相關部門準資料整理上報審3月 31日版塊涉及部門負料準備備核責人簽訂合同、付款簽單，上報，付開始設計1月 31日市場部：孫付開始設計款，設

16、計首頁設計及評審召開會議會簽確定首頁，2月 24日市場部：孫付修改確認開始設計內頁內頁設計及評審召開會議會簽確定內頁3月 14日市場部：孫付修改確認網站驗收評審修召開會議會簽確定網站設3月 28日市場部：孫付改確認計完成網站改版完成上傳至空間，域新網站開通運行4月 10日市場部：孫付名綁定八、網站改版資料搜集分工.網站改版資料收集序號資料提供內容相關責任人完成時間結果定義備注1網站名稱、 LOGO、市場部：孫付1月 31日整理存檔欄目名稱2精創簡介、發展歷市場部：馮興華1月 31日OA孫付，整理程、整體 VI存檔3精創掠影、產品圖市場部：馮興華3月 12日OA孫付，整理產品圖片指公司現有的所有

17、產品片、存檔重新拍照、 360 度的產品外觀4企業視頻市場部：馮興華3月 31日OA孫付，整理存檔5組織架構 、企業文總經辦：劉品一1月 31日OA孫付，整理企業文化包含：企業愿景、經營化存檔理念、員工天地、品牌釋義6資質榮譽總經辦：劉品一3月 5 日OA孫付，整理存檔產品分類 、常見問OA孫付，整理產品分類兩種： 1. 產品類別2. 目7市場部：劉立剛1月 20日存檔標市場，可參考新亞洲的產品分題與解答類OA孫付，整理賣點整理：不局限于參數說明，8所有產品賣點市場部：劉立剛3月 18日存檔要有精創的特點：可靠性、專業性等品牌特性的體現9所有產品說明書總經辦：陳沖3月 20日OA孫付，整理協助人：馮興華、劉立剛存檔10研發團隊介紹、研研發中心：鄭國華3月 9 日OA孫付，整理協助人：市場部馮興華發流程存檔測試室簡介、檢測OA孫付，整理可考慮加入說明：搶占技術最高存檔點、推動行業檢測標準的發展等11標準、檢測項目、質量中心：丁田方3月 9 日信息技術特點協助人：市場部馮興華12知識產權和創新總經辦