中国棉花网门户网站改版设计

发表于:

交互设计 | 网站设计

01

项目背景

项目背景:数据中心监控大屏,大屏可视化设计,大屏ui设计

中国棉花网是中储棉花信息中心直属网站,作为中国棉花行业最具影响力的垂直门户网站之一,中国棉花网始终秉承准确、及时、全面、权威的服务宗旨,以服务国家宏观调控、服务广大会员、服务涉棉企业为指导思想,开拓创新,迅猛发展,提供有效的,专业权威的棉花相关讯息。 鉴于原网站界面老化,关键信息呈递杂乱无章,致使用户读取困难,决定改版网站www.cncotton.com。

项目背景:数据中心监控大屏,大屏可视化设计,大屏ui设计

兰亭妙微团队负责网站设计部分,开启深度沟通,深入剖析竞品,精准把握网站内容业务,全面规划交互与视觉呈现策略,呈递三种布局与风格多元迥异的主页方案,充分彰显设计巧思。经三个月不懈努力,成功完稿中英文版本的主要典型页面设计,实现了视觉美感、交互流畅性与信息传达有效性的有机融合,重塑棉花网崭新形象,以契合用户需求与市场期待,助力提升网站核心竞争力与用户体验。

02

方案展示

方案1:蓝色,更加国际化,创新的报告布局动效,内容更加条理清晰

中国棉花网设计方案

方案2,绿色,优化资讯层级,布局稳重且展示信息易读

中国棉花网设计方案中国棉花网设计方案

03

最终方案

中国棉花网设计方案

04

优化要点资讯层级,使内容分类更加清晰

中国棉花网设计方案

设计后

设计亮点:数据中心监控大屏,大屏可视化设计,大屏ui设计

设计前

优化资讯层级,使内容分类更加清晰

通过改版后层级结构分明,便于用户快速定位查看,文字标题分为置顶/推荐/往期内容三个等级


过程

此模块经过多种尝试与展示,参考各类信息类相关竞品分析,与客户沟通需求最终确定此方案,得到客户极度认可,此模块主次分类清晰,在首屏位置展示不同重要推荐内容

优化资讯层级,使内容分类更加清晰

通过改版后层级结构分明,便于用户快速定位查看,文字标题分为置顶/推荐/往期内容三个等级


过程

此模块经过多种尝试与展示,参考各类信息类相关竞品分析,与客户沟通需求最终确定此方案,得到客户极度认可,此模块主次分类清晰,在首屏位置展示不同重要推荐内容

设计后

设计亮点:数据中心监控大屏,大屏可视化设计,大屏ui设计

设计前

设计亮点:数据中心监控大屏,大屏可视化设计,大屏ui设计

05

检测报告动效的展示,增加了趣味与互动性

旧版:列表的方式很难快速定位到某一特定报告内容;

优化:进行模块分类整理,快速定位某一类别报告;鼠标移入后动效的展示,增加了趣味与互动性;详情状态下显示此类报告的最新信息与简要描述,通过往期可查看此类

其它报告,极大的优化了用户体验

设计前后对比

设计亮点:数据中心监控大屏,大屏可视化设计,大屏ui设计 设计亮点:数据中心监控大屏,大屏可视化设计,大屏ui设计
中国棉花网报告设计中国棉花网设计方案

06

在地图上直观的反映出供求公司,并能快速获取信息

棉花网地图设计

地图筛选

通过筛选快速得到某一地区的棉花相关信息,方便快捷


供求信息

在地图上直观的反映出供求公司,并能快速获取信息


棉花产业

清晰查看棉花产业总数据信息与各地占比


兰亭妙微UI设计官方微信二维码:大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计

快速咨询

欢迎进群每天推

送国际优秀设计

立即咨询

将您的信息告诉我们,我们将尽快与您联系!或发需求至邮箱weihua@lanlanwork.com