Huayang Website

产品概述

为什么设计

华洋公司是ERW和LSAW钢管制造商,产品销往全国并出口东南亚、中东、欧美等几十个国家和地区。业务的“走出去”的同时,需要让服务“走出去”,同时让商务信息更好的被海外客户所熟识。

设计目标

他们的⽬标是通过公司的官⽅⽹站提⾼海外客户对华洋产品的了解,其次是在不损害易⽤性的前提下建⽴易于阅读的⽹站。

功能总览

产品架构

官⽹信息架构分为⼋个导航部分,覆盖了不同的业务功能模块。

界面原型

在前期需求沟通时,谁都无法保证会不会出现错误。而进一步能确定这些需求是不是正确的方法就是原型图,然后给客户让他们进一步验证需求的正确性。

设计规范

颜色

色彩方面,以品牌色蓝色为主,页面区块背景部分用简单的“白-灰-白”进行区分,使主体内容突出的同时减少用户的阅读阻力,提供了更舒适的体验。

字体

Noto字体完美的支持全世界800种语言,使用同一系列字体可以让版面看起来整齐,以前显示不出来的文字,也都能够正常显示。

模块

保持输出一致性、提高设计效率。

栅格系统

栅格系统确保了设计结构的组织分明、结构明晰,同时利用栅格系统可以更好的驾驭内容,保持一致性。

⼤尺⼨⾼分辨率屏幕的普及,在设计上采⽤了宽度为1170像素的内容区域。在保证传统低分辨率屏幕依然适配的前 提下,将屏幕空间进⾏了最⼤限度的空间利⽤。

整体效果