Ooops!好像您正在使用古老的浏览器
为了得到我们网站最好的体验效果,我们建议您升级到最新版本的Internet Explorer,或选择其它推荐浏览器

项目难点

1. 梳理用户在移动场景下CBG官网的需求所在。
2. 根据移动场景下用户需求与使用方式对信息架构与交互流程进行优化。
3. 作为Global版本,需考虑后期其他语言版本功能与内容上的扩展与兼容性。

项目亮点

1. 针对潜在消费者与华为产品用户两个关键目标构建使用场景,优化·突出用户浏览产品与寻求服务的流程。
2. 针对移动场景的具体条件,优化确定内容与功能需求的实现形式。

项目心得

1. 移动产品的设计需要寻找到主要的用户场景与需求,从而构建核心的交互流程。
2. 平台性移动产品由于软硬件特性,整个产品包括架构·流程·视觉上的扁平化是比较优秀的解决方案,突出内容,弱化形式。

Showcase

成果展示

Icon System

图标系统

主要图标使用识别性更高的长投影,来突出图标,让用户更容易使用。
其他图标在保持PC web的基础上优化,简约的扁平风让画面干净舒服。视觉更加统一,给用户打造一个舒适浏览体验。

Strategies And Concepts

策略与概念

华为是全球领先的信息与通信解决方案供应商。随着信息时代的迅速发展,界面更倾向于简洁。不仅视觉上扁平,交互更是如此。因此官网在保持华为原有的 风格和色调上优化。使用了主流的扁平化设计,突出信息本身,弱化其他干扰元素。

Interactive Design

交互设计

导航栏“搜索”与“服务”快捷按钮

根据用户浏览产品与寻求服务的主要场景需求,“搜索”便于潜在消费者迅速查找自己感兴趣的产品;而“服务”则帮助用户快捷的获得自身产品的相关服务内容。

侧边抽屉导航:(导航图)

华为CBG官网架构主要有3个层级:首页-列表页-详情页,用户主要在不同详情页中切换,列表页层级的切换可能性较低,因此把导航放进侧边抽屉里,让主内容区域有了更多展示空间符合用户需求。

“COMPARE”样式的抉择

产品列表页中,为方便用户进行产品对比。使用了底部悬浮栏,面积小巧不会干扰用户,这是比较友善的交互体验。用户选中后可进行列表式的信息对比。可再编辑使操作更加方便灵活。

←   返回列表 相关案例推荐  ∨
Get In Contact
400 049 0028

深圳

(86) 0755-83990028 (86) 0755-83990035 / szmarket@toprand.com

Add: 深圳市福田区商报路2号商报大厦印务楼6楼东

Close

输入您的电话,我们即刻给您回电

!接通客服

您也可以咨询我们的客服总监

立即咨询