中國棉花網(wǎng)門戶網(wǎng)站改版設(shè)計

發(fā)表于:

交互設(shè)計 | 網(wǎng)站設(shè)計

01

項目背景

項目背景:數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計,大屏ui設(shè)計

中國棉花網(wǎng)是中儲棉花信息中心直屬網(wǎng)站,作為中國棉花行業(yè)最具影響力的垂直門戶網(wǎng)站之一,中國棉花網(wǎng)始終秉承準確、及時、全面、權(quán)威的服務(wù)宗旨,以服務(wù)國家宏觀調(diào)控、服務(wù)廣大會員、服務(wù)涉棉企業(yè)為指導思想,開拓創(chuàng)新,迅猛發(fā)展,提供有效的,專業(yè)權(quán)威的棉花相關(guān)訊息。 鑒于原網(wǎng)站界面老化,關(guān)鍵信息呈遞雜亂無章,致使用戶讀取困難,決定改版網(wǎng)站www.cncotton.com。

項目背景:數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計,大屏ui設(shè)計

蘭亭妙微團隊負責網(wǎng)站設(shè)計部分,開啟深度溝通,深入剖析競品,精準把握網(wǎng)站內(nèi)容業(yè)務(wù),全面規(guī)劃交互與視覺呈現(xiàn)策略,呈遞三種布局與風格多元迥異的主頁方案,充分彰顯設(shè)計巧思。經(jīng)三個月不懈努力,成功完稿中英文版本的主要典型頁面設(shè)計,實現(xiàn)了視覺美感、交互流暢性與信息傳達有效性的有機融合,重塑棉花網(wǎng)嶄新形象,以契合用戶需求與市場期待,助力提升網(wǎng)站核心競爭力與用戶體驗。

02

方案展示

方案1:藍色,更加國際化,創(chuàng)新的報告布局動效,內(nèi)容更加條理清晰

中國棉花網(wǎng)設(shè)計方案

方案2,綠色,優(yōu)化資訊層級,布局穩(wěn)重且展示信息易讀

中國棉花網(wǎng)設(shè)計方案中國棉花網(wǎng)設(shè)計方案

03

最終方案

中國棉花網(wǎng)設(shè)計方案

04

優(yōu)化要點資訊層級,使內(nèi)容分類更加清晰

中國棉花網(wǎng)設(shè)計方案

設(shè)計后

設(shè)計亮點:數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計,大屏ui設(shè)計

設(shè)計前

優(yōu)化資訊層級,使內(nèi)容分類更加清晰

通過改版后層級結(jié)構(gòu)分明,便于用戶快速定位查看,文字標題分為置頂/推薦/往期內(nèi)容三個等級


過程

此模塊經(jīng)過多種嘗試與展示,參考各類信息類相關(guān)競品分析,與客戶溝通需求最終確定此方案,得到客戶極度認可,此模塊主次分類清晰,在首屏位置展示不同重要推薦內(nèi)容

優(yōu)化資訊層級,使內(nèi)容分類更加清晰

通過改版后層級結(jié)構(gòu)分明,便于用戶快速定位查看,文字標題分為置頂/推薦/往期內(nèi)容三個等級


過程

此模塊經(jīng)過多種嘗試與展示,參考各類信息類相關(guān)競品分析,與客戶溝通需求最終確定此方案,得到客戶極度認可,此模塊主次分類清晰,在首屏位置展示不同重要推薦內(nèi)容

設(shè)計后

設(shè)計亮點:數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計,大屏ui設(shè)計

設(shè)計前

設(shè)計亮點:數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計,大屏ui設(shè)計

05

檢測報告動效的展示,增加了趣味與互動性

舊版:列表的方式很難快速定位到某一特定報告內(nèi)容;

優(yōu)化:進行模塊分類整理,快速定位某一類別報告;鼠標移入后動效的展示,增加了趣味與互動性;詳情狀態(tài)下顯示此類報告的最新信息與簡要描述,通過往期可查看此類

其它報告,極大的優(yōu)化了用戶體驗

設(shè)計前后對比

設(shè)計亮點:數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計,大屏ui設(shè)計 設(shè)計亮點:數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計,大屏ui設(shè)計
中國棉花網(wǎng)報告設(shè)計中國棉花網(wǎng)設(shè)計方案

06

在地圖上直觀的反映出供求公司,并能快速獲取信息

棉花網(wǎng)地圖設(shè)計

地圖篩選

通過篩選快速得到某一地區(qū)的棉花相關(guān)信息,方便快捷


供求信息

在地圖上直觀的反映出供求公司,并能快速獲取信息


棉花產(chǎn)業(yè)

清晰查看棉花產(chǎn)業(yè)總數(shù)據(jù)信息與各地占比


蘭亭妙微UI設(shè)計官方微信二維碼:大數(shù)據(jù)可視化、B端UI設(shè)計、系統(tǒng)UI設(shè)計、移動端UI設(shè)計、圖標設(shè)計、軟件開發(fā)、高端網(wǎng)站設(shè)計、logo設(shè)計、平面設(shè)計

快速咨詢

歡迎進群每天推

送國際優(yōu)秀設(shè)計

立即咨詢

將您的信息告訴我們,我們將盡快與您聯(lián)系!或發(fā)需求至郵箱weihua@lanlanwork.com