博乐虎签约MAC玻璃工厂搭建国际化的品牌官网，为海外营销助力

关于MAC

MAC GLASTECH(优耐克斯)是玻璃前加工机械的专业供应商，随着玻璃加工技术的飞速发展和对自动化的高要求，免人工玻璃厂应运而生，将取代传统的繁重、危险、脏污的玻璃加工。最终将通过数据流使玻璃加工全自动化。MAC GLASTECH与智能双面磨边机的先驱和领先制造商合作。这一步使 MAC GLASTECH 成为最大和最强的全自动预处理解决方案供应商。产品涵盖自动仓储系统、CNC玻璃切割线、各种智能磨边解决方案、CNC加工中心、各种钻孔解决方案、清洗机等

除了这些处理机器，MAC 强调其在全系统自动化和与 MES/ERP 的数据流连接方面的领先地位。我们的自动存储、自动装卸和分拣系统的定制能力使玻璃工业4.0成为现实。

凭借丰富的全球品牌处理器经验，MAC将始终致力于根据不同的客户情况提供最专业的解决方案。我们的全球服务和咨询系统也将使沟通变得轻松和及时。

下滑查看建站过程↓

企业官网是访客多维度了解企业的重要媒介，企业要在互联网营销中夯实地基，就要品牌声量与效果销量并行，当强大的品牌让人们建立了丰富联想，也就等于进入人们的潜意识中。

接下来，我们收集整体声音并进行逐一细分，开始对MAC旧版官网各项历史数据进行采集，从中寻求改版数据支撑。

项目展示

1.首页开场动画

开屏动画如何让用户体验更好？设计师们带着产品思维分别从三个层次维度得出了设计原则：

● 结构层：梳理需传达的感受或信息架构、是否需要关联交互行为、停留时长多久；

● 框架层：信息架构决定画面元素构成和布局，以「用户体验为中心」确定元素优先级，从而符合可用性原则；

● 表现层：分析品牌并从中提取色、形与构、质结合思考，进而定义设计风格，使画面契合品牌调性且生动有趣。

新官网的开屏动画采取左右滑屏的形式设计，轻量化的视觉风格来营造沉浸式视觉体验。在画面「材质」上运用场景图及细节图融合品牌颜色体系，强化MAC科技感的品牌风格记忆。

2.版式设计

版式设计是视觉设计的核心也是基础，从整体到局部再回归到整体的顺序很重要。依据MAC的企业性质，新官网面向的目标人群不外乎于采购员、供应商、投资合作者以及公众媒体等。

我们从页面整体出发，通过对信息优先级划分及合理布局，精简了官网首页展示版块，提高「产品」及「方案」版块权重，非常直观的呈现给浏览者。

VI是品牌的视觉符号化，包含了品牌核心价值与个性，能让品牌极具传播力和感染力。页面整体视觉设计通过结合、延用MAC品牌VI，在整体风格化设计的基础上提取品牌符号细节加以应用，有助于品牌辨识度提升。

设计可以以多项数据分析结果作为支撑，我们在设计过程中，数据分析结果可有效指导设计决策。因此，不仅仅是产品经理需要关注数据指标，作为设计师同样需要掌握这方面的技能来帮助我们产出更贴近用户行为的设计。

交互创意动效展示

网站的每一个交互动效都经过了我们的前端工程师上百次的调校，只为了呈现出流畅度和美观度满分的动效，最终给客户一个精致满意的作品。

细节把控      

作为一群完美主义者，我们要么不做，要做就将每件事都做到最好。博乐虎的出品，首先要过得了自己这一关。我们的设计师以像素级的要求死磕细节，保证了网站上每个字符、每张图片、每个图标都极致清晰明亮。

1.导航展现

对信息进行分类是导航的本质，回归最初导航的定义，协助用户快速完成任务是导航的本职工作，大多时候不必拘泥于它要多么有趣，以用户为中心，如何将各项信息合理整合、栏目合理分类，可让我们的网站具备高实用性。

导航采用下拉交互方式，栏目名称清晰且二级导航展现形式更直观。

2.「产品中心」

作为国际品牌官网，「产品中心」是整站的核心，本页集合了MAC全品类产品信息，采用视觉感更强的设计手法，以场景底图+分类信息方式接合展示，从而不失体面及更高的使用体验，为整体营销奠定基础，访客可直接进入大类或小类打开新页面。

3.「解决方案」

「解决方案」是MAC针对不同服务客户提供的方案，也是本企业的重点之中，此页采有大图+介绍的形式展示，交互采用光感的效果，与玻璃产品相得益彰，设计手法简约大方。

响应式开发      

我们在新版国际站上采用了响应式技术（9个尺寸兼容调试），其强大的兼容性，可以保证全球访客在不同设备上优秀的浏览体验。

项目总结 

品牌官网作为外贸用户多维度了解本企业的开始，因此要想建设好国际品牌官网，在前期的行业调研分析到内容策划、架构设计、视觉设计等，都需要一步一步做到极致，我们帮助MAC打造国际站，成功地为MAC在海外推广打下了坚实的基础。  

博乐虎为客户做的从来都不仅仅是一个网站，而是为企业提供从设计、开发到营销策划一站式互联网落地实施解决方案。