大族激光 HANSLASER

下滑查看建站过程↓（网站已上线，网址在文章底部）

大族激光业务领域涵盖之广且均实现较大突破，有如此强大的技术研发基础但其官网已不符合企业运转的实际需求，正面临这些问题：

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

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

历史数据分析

基于对大族激光旧版官网的历史数据的深度采集及分析，并得出关键优化结论：

1.首页开场动画

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

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

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

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

新官网的开屏动画采取左右同步向两端打开的设计，轻量化的视觉风格来营造沉浸式视觉体验。在画面「材质」上运用3D模型、描线纹路融合品牌颜色体系，强化大族激光重工科技感的品牌风格记忆。

2.版式设计

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

我们从页面整体出发，通过对信息优先级划分及合理布局，精简了官网首页展示版块，提高「新闻资讯」及「关于大族」版块权重，充分展现集团整体形象风貌，信息易读且避免紧凑也促使了提升访客阅读效率。

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

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

「关于大族」

大族激光于1996年崛起于改革开放开放的前沿——深圳，它在这里一步步成为中国激光装备行业的领军企业。

在「关于大族」的首屏用一句话概括大族的民族工业性质，虚实结合的背景图突出大族办公大厦，宣传片播放按钮设计简约的微动画，引导访客点击观看，向下滑动一段介绍文案映入眼帘，给访客们做一次基础的「自我介绍」。

「大族族迹」 

深入大族激光的发展历程，这是一部民族企业与时俱进的成长史。我们打破常规横向时间轴的展示形式，将四大时代背景与大族发展相结合进行阐述，营造出大族作为民族企业更强的故事性。

1.导航优化

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

导航经过优化后，栏目名称清晰且二级导航展现形式更直观。

▲大族新官网导航展示

▲大族旧官网导航展示

2.搜索栏优化

搜索栏不是一次性的设计元素，合理的搜索栏设计能节省访客搜寻信息的时间，可让官网更有价值。访客产生搜索行为有这两种场景：

1.访客对所需信息十分清晰，通过搜索来精准定位到自己的所需信息

2.访客对所需信息不够清晰，通过搜索相关信息寻找自己的所需信息

大族激光原先旧官网搜索栏形同虚设，搜索结果内容不全面、分类不清晰。例如搜索「切割机」，其搜索结果有产品、产品系列、解决方案、技术报道等，无法满足用户快速获取精准结果的目的，且总体视觉体验感较差。

▲大族旧官网搜索结果页面

可与新官网搜索结果页作对比：

集团网站面向的访客群体之多，不同人群带着不同需求需得到不同结果，例如以下「采购员」的搜索路径：

针对上述第一种场景的优化方向即是为访客节省操作时间，引导他们快速跳转至所需信息详情页，二是为访客提供高质量信息协助他们快速选择。

因此，我们设计的热门搜索就能很好地优化这两种场景：

1.当访客从其他渠道了解到大致信息后，十分明确要进入这个详情页，热门搜索可让访客快速到达，无需输入信息；

2.当访客点开搜索栏，看到热门关键词因好奇而进入这个详情页，进而实现高效引流。

▲大族新官网搜索栏展示

3.「产品中心」

作为集团官网，「产品中心」集合了大族各子公司的产品，为提高整体营销效率，设计了信息分配自动化，访客点击「了解更多」可直接在新页面打开大族子公司官网该产品相对应的详情页。

总结

让企业官网实现「品效合一」需要产品框架和数据来说话。支撑大族激光新官网实现「品效合一」正需要这两种思维：

产品思维是网站建设中即重要又基础的思维，从全局思维、需求分析和迭代思维中的思考，能够解决大多数问题，能够帮助我们更好地去建设一个网站

数据思维的细分和如何应用于网站建设，其最大的优势在于以数据为依据，推动的决策更为科学有效，而非主观意识判断，因为这种判断往往出错率较高。

以上仅展示了部分亮点，到大族官网浏览你会有更好地体验

增长超人为客户做的从来都不仅仅是一个网站，而是为企业提供从营销策划到落地的一整套互联网解决方案。网站只是一个载体，我们真正的价值在于能够帮助企业找到正确的竞争优势，扭转高成本低转化的现状，实现营收增长。

如果你认可我们的理念并且刚好也有网站升级改版相关的需求，不妨和我聊一聊，相信我们彼此都会感到相识恨晚。

点击打开案例网站：www.hanslaser.com

如果您也想与大族激光一样，欢迎咨询我们：点击在线咨询