項目背景
上海證券交易所(以下簡稱“上交所”)作為中國兩大證券交易所之一,在面對經濟全球化、社會信息化、用戶多樣化帶來的機遇和挑戰時,如何充分利用互聯網和企業網站,堅持“以用戶為中心”,構建好網上金融服務主窗口和上市公司信息披露的主平臺,充分發揮其“以客為本”的特點,全面深化上海證券交易門戶網站的應用和發展水平,提高民眾關注度,提升用戶使用便捷度,并擴大其網絡影響力,是當前迫切需要解決的問題
研究與策略

這是國內二大證券交易所之一,首次突破傳統架構與界面呈現規則的嘗試,也是一個創新有趣,充滿碰撞的設計過程。

内蒙古快三结果走势图 www.gnnfjr.com.cn 通過2015年改版,對上交所網上服務資源進行系統性梳理,從各類用戶視角對服務資源進行重構,實現上交所業務在網絡平臺上的再整合與集約化;從用戶角度出發,對網站內容進行梳理與重構,優化欄目結構和導航體系,提升瀏覽體驗;對網站整體視覺風格進行定制化改造,打造世界一流證券交易所的互聯網形象;大幅優化網站功能,重點推出智能搜索、響應式設計、移動APP功能,打造“交易日歷”、“上市儀式直播”等若干投資者關心的功能。

原型定義
設計探索

中文版/PC

針對原中文網站欄目層級過深、四五級欄目過多、用戶訪問體驗不佳的現狀,本次改版重點對網站欄目體系進行了扁平化處理。整合內容交叉重疊的欄目,淘汰長期未更新欄目,減低冗余度,并對各級欄目名稱進行了排查和調整。

在設計探索階段,根據網站建設不同側重點,我們給新版網站視覺設計制定三套方案(中英文):方案一側重本所官網信息披露內容功能,采用F模型(指用戶打開某個網頁后的視覺瀏覽順序)來整理和排序不同???、內容的優先級。方案二側重本所業務及企業形象宣傳。方案三則根據交易所國際化定位,側重面向國際的全球化品牌形象展示,設計風格相對較前衛。

英文版/PC

根據國際用戶需求,對原欄目體系進行增、刪、改,增設“產品”、“法律規則”、“指數與數據”等一級欄目,弱化展示上市等國際用戶相對不關心的。

APP開發

上交所移動端app,風格上與新版網站、wap版保持一致,而且采用混合模式,直接復用部分移動版欄目。其英文版欄目結構則將限定于本所形象宣傳相關內容及其它國外用戶比較關注的內容。

創新技術
上交所開發將摒棄原有的div+css+table前端混合編碼模式,全面采用Html5及Css3技術,除了能提供更多網頁特效,提升用戶體驗,增加網站的可訪問性、可用性,使網站能適配更多的設備外,還可以加強網頁編碼效率,減少開發與維護成本,提升網站性能。其次由于目前移動終端中IOS系統的日益普及,將進行網站行情前端展示系統的Html5升級改造,以滿足IOS系統訪問需求。擴展網站的通用性。

Bootstrap框架開發

Bootstrap是基于HTML5和CSS3開發的,它在jQuery的基礎上進行了更為個性化和人性化的完善.

制作元件

企業版設計稿以及內容元件(表格元件,列表元件,查詢元件,其他元件,文章詳情頁面)。

項目總結
上海證券交易所官方網站改版視覺設計項目從2015年6月15號至2016年01月23號經過7個月的努力正式上線

12

人參與

5854

個小時

300

多張設計稿

18

G文件大小

400-021-8655
在線咨詢
在線留言