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

發(fā)表于:

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

01

項(xiàng)目背景

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

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

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

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

02

方案展示

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

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

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

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

03

最終方案

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

04

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

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

設(shè)計(jì)后

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

設(shè)計(jì)前

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

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


過程

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

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

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


過程

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

設(shè)計(jì)后

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

設(shè)計(jì)前

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

05

檢測報(bào)告動(dòng)效的展示,增加了趣味與互動(dòng)性

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

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

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

設(shè)計(jì)前后對(duì)比

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

06

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

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

地圖篩選

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


供求信息

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


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

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


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

快速咨詢

歡迎進(jìn)群每天推

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

立即咨詢

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