大客户专线

400-6065 301

24h在线售后

科学方法论

View More

navigation

机械工业 · 网站设计视觉设计解决方案

机械工业行业建站解决方案,并阐述机械工业相关设计思维散发的步骤,了解黄金15'是如何着手项目落地。

2024.03.08

正文:

 

改革开放以来,我们几乎是以每十来年完成一场工业革命的速度,第一次以纺织业等轻工业为代表,第二次以电力、内燃机、家用电器、石化工业和中高端基础设施为代表,第三次以信息化和通信产业为代表,目前大数据、人工智能、量子通信等为代表的第四次工业革命正极大地改变人类生活和运作的方式。我们耳熟能详的工业品牌充斥着我们的生活,这些企业也积极地利用互联网输出自己的实力,并获取更多的合作方。

 

一、三大思维

 

 

从上至下的建站核心思维,让企业在互联网平台的展示发挥最大效益。

 

 

1. 时间思维

 

 

用户在互联网中找到企业网站的时间、用户在网页的停留时间、在有限的时间传递用户有用的信息、在一定的时间之后实现用户转化。

 

 

机械工业,给用户的第一感觉是冰冷、专业,产品成为了这个企业的核心输出,如何利用网站展示出产品的专业、优质,展示出企业的权威、实力,获得更多的合作交流机会,“实力”肯定是这个行业最优先的词,而“留咨”是企业必要的版块。

 

在制作此类项目时,我们抓住这两个关键词,结合企业自身的产品进行规划,从网站第一屏开始,我们需要展示出我们产品的核心特点:实用性、多样化、定制化、高质量、高技术等,利用产品静态或动态场景+权威资质+留资构建一个能在15'内让用户留下信息的网站。

 

 

2. 品牌思维

 

 

围绕企业品牌推广运营为核心,打造品牌记忆点,通过专业的设计表达出行业的专业性,实现品牌网站高转化。

 

 

工业行业,概念上分为两大类,一类为重工业,钢铁、冶金、大型装备制造等提供生产资料的部门,例如:山河智能、徐工集团、三一重工等企业;一类为轻工业,例如家电、电池、陶瓷、五金、日化、造纸、印刷、玩具等生产消费资料的部门,例如:美的集团、海尔集团、珠海格力电器。机械工业品牌,实力、资金、供应量、劳动力、市场占有率、专利,都是合作的敲门砖,我们需要围绕这个行业关注的点,强调我们的实力,并加入我们的品牌精神、品牌理念、企业愿景价值观,在权威之余展示企业的温度、热情、未来发展的毅力与朝气。

 

(⬇️weima.com首页第一屏的机械动态结合线性演示,让人印象深刻)

 

 

3. 商业思维

 

 

我们需要应对大环境的瞬息万变,网站内容同步甚至需要先于企业发展,网站规划会结合企业目前乃至未来发展的全方位考虑,通过在互联网上的沉淀,获取足够体量的数据,来分析用户行为习惯及用户偏好,来迭代网站,甚至是迭代产品,从而获取持续转化。

 

 

掌握流量、转化、运营三大核心关键词,机械工业的目标群体绝大部份是toB,经销商版块是这类网站不可缺失的,一个精准表单是经销商信息获取的最佳渠道。在产品专业度及企业自身优势之后,联系我们的设计也做为考究的版面,除却表单,我们需要有完善的联系信息,不仅是电话,微信、邮箱、电话、在线咨询,都是必备的内容。我们需要知道,流量可以购买,转化需要技巧,运营需要头脑,我们希望网站发挥出它最大的价值。

 

 

二、黄金15秒落地方案

 

 

时间思维 - 用户着陆的快与慢、长与短

 

品牌思维 - 围绕核心内容的逻辑与版块

 

商业思维 - 数字量化的反馈与迭代

 

 

1. 机械工业的网站特征

 

立足于同样的市场环境与目标群体,我们聚焦于“tob企业”,网站需求上都有一定的共性。

 

主要是以下四个方面:

 

重视企业实力展示

 

机械工业需强大的企业实力与研发技术,我们需要结合版面设计,视觉的大气、科技、技术、产品高级化展示去体现我们企业的实力。

 

重视产品展示场景

 

机械工业的应用场景是企业的一大核心竞争力,我们需要结合产品与场景,给用户传递机械应用的可行性方案/场景。

 

着重合作与品牌

 

直白的产品与企业实力展示是为了大型交易更顺利的进行,我们在展示品牌的同时,需要考虑合作入口与意向客户的留言咨询。

 

差异化的体验感

 

我们看过过太多平淡叙述的网站设计方案,在技术严谨的大前提下,我们需要通过代码技术与设计能力去展示品牌的差异化,带给用户不一样的体验与记忆点。

 

2. 需求分析

 

2.1 项目背景

 

企业定位

 

我们所说的企业定位是指企业在行业里的规模,例如上市集团、业内知名企业,世界500强、中国500强,亦或是在某个圈子的竞争优势、初创企业等,有了企业定位,我们就可以得出目标群体及受众体量,及设计的可独特性空间,让网站呈现使得被更多人认可接受。

 

结合企业所提供的服务

 

 

重工业,钢铁、冶金、大型装备制造等;

轻工业,家电、电池、陶瓷、五金、日化、造纸、印刷、玩具等;

 

 

结合企业行业定位/期许

 

 

巨头行业、创新产业、经销商、分销商、合作方

 

 

我们强调企业的可发展性,互联网信息传递是可以优先展示企业未来发展的模样,打造知名品牌、聚焦商圈、大型定制、小型零售类线上销售网络,我们可以结合企业对未来的规划,预留版块位置及数据接口。

 

结合企业行业定位/期许:

 

目标群体分析

 

专业人士、定制需求、政府单位、供应商

 

2.2 网站目的

 

 

短期宣传/中期赋能/长期沉淀

 

 

机械工业的需求是最直接最直白的“展示产品与实力”,竞标网站或是上市网站或是宣传网站,我们需要突出企业实力,并且通过产品的优质展示及解决方案或者是案例,来叙述出企业在行业里的合作优势。

 

2.3 竞品调研

 

 

我们所做的竞品分析,不仅仅是对客户企业平行的竞品,更多是分析优质浏览量、高转化率的网站,我们会分析这些栏目存在的共性,得出用户行为习惯最佳阅读方式及版面呈现方法。例如对于大型工业产品呈现,更多的是定制化需求,场景的配套展示是必不可少。我们需要强调用户的行为习惯与最终目的,这能让用户落地的时候更快速产生转化,避免天马行空从而消耗用户停留时间。

 

 

3. 网站内容整理及栏目规划

 

 

原始数据➡️分类整理➡️主次结构与视觉优先级逻辑➡️版块呈现

 

 

在此类企业的版块规划中,一般以解决方案/产品、关于我们占首要位置,结合企业实际资料与资源,我们补充完成例如投资者信息、案例等栏目。

 

 

4. 黄金15秒设计点

 

提炼和整理需求分析及竞品分析的结论,从而高效抓取设计点并通过发散思维打造品牌视觉点。

 

4.1 启发点

 

通过整合竞品的优点及带来的启发,我们需要取其精华,结合自身产品通过设计进行进一步品牌加持。

 

4.2 机会点

 

通过描述竞品的缺点和己方产品的机会,尽可能避免犯一些“常识性”错误,例如在多品类的导航设计中使用简单的按钮导航。

 

4.3 目标点

 

我们会结合黄金15‘设计关键点来帮您确定好网站整体视觉目标、行为目标、交互目标、品牌目标,从而让用户快速落地,在浏览网页的有限时间内产生活跃的用户信息。我们会通过便捷的在线会话及方便的表单留言实时获取客户,并通过打造私域流量,为客户产生黏性创造空间。

 

例如:以某精工制造为例,我们头脑风暴出尽可能多的关于的关于企业、行业、产品、用户相关的词汇(这些关键词是有要求的,详见注释1),3D、主侧俯视图、未来的期许、品牌调性、产品爆炸图、产品拆解、黑色、蓝色、企业宣传视频、线性、建模、工业、机器人、大数据、机床、大型、石油、天然气、矿山等,通过覆盖、叠加筛选出最终视觉呈现的词汇作为此项目的设计基准与创意散发起点,这可能只有一个关键词,也可能多个,但原则是他们不重复、无交集,例如德恩精工的关键词为空间感、3D旋转、黑色、高级、体验。

 

进而通过用户的“心智模型”分析出用户行为心理,权威、信任、领域、长期合作方,来完善设计版块。

 

5. 疯狂灵感

 

我们设计从来不是埋头苦干,网站设计需要商业性,商业需要市场验证,我们需要整理大量网站快速获得启发,遵循几个找灵感的原则,按照我们上面确定的“定位”“目标词”“心智模型”为基础进行海量搜索,并通过① 收集;② 提取;重复1与2,来达到最大化的输入输出。

 

 

ps:之前遇到一位客户,感觉没什么要改,但是就是要改,我们可以肯定极简慕枫设计灵感不比客户的少,相信我们会采用合适企业也合适目标用户的设计形式。

 

 

 

6. 设计落地

 

6.1 配色方案

 

接触到的很多企业是没有完整的VI手册的,只有一个logo,我们需要根据已有的Vi手册或者单纯的logo,去延续并拓展网站使用的色彩比重,黑色调的logo并不是指网页仅使用黑、白、灰,而是需要通过辅助色的搭配,设计出一个具有活跃生命力的可以形成品牌第一感受的视觉效果。

 

 

6.2 品牌元素

 

元素是指我们视觉系统设计出的一套视觉展示搭配标准,就拿图标来讲,有线形、填充、2.5d、静态、动态等表现形式。

 

6.3 精致布局

 

考虑响应式+符合用户阅读习惯,从左到右,上到下,从大到小

 

6.4 细节把控

 

图标设计、按钮设计、开屏设计、比例应用

 

6.5 交互设计

 

动态交互、触发交互、反馈交互、路径引导交互

 

6.6 黄金15秒再次赋能-记忆点打造

 

 

转化、复购、发挥网站最大价值及最佳转化,让用户记住

 

 

一个优秀的品牌需要有品牌第一印象,可以是颜色、形状、感觉,苹果高级,拼多多便宜,极简慕枫极简,中国风中国红,集团大气等等,对于网站来讲我们需要打造网站的第一印象,高级、大气、留白、超大的文字、c4d配图、有趣的按钮等等。一定是能带出品牌感受的,一个网站仅做一个优秀的亮点即可,聚焦亮点,让用户快速记忆品牌的特性。

 

6.7 原型确认及效果图

 

 

原型是策划落地及用户体验梳理的重要步骤,通过原型可以快速地规划页面内容、网站页面之间的关系,模拟用户旅程。需要注意的是所有的策划要基于可以提供的真实内容,原型一定是可以落地的内容,这样才能保证后续实施的一致性 。

 

 

 

 

三、极简慕枫优秀案例赏析

 

德恩精工

 

上千款产品的快速入口

 

3D动态产品展示

 

http://dawn.cpt-world.com/

 

 

安及义

 

首屏大字设计

 

蒙版logo触发移动,强化品牌视觉记忆

 

https://andgele.com/

 

 

飞卓科技

 

产品筛选定制

 

解决方案场景的完美融合

 

https://www.feejoy.com

 

 

派格

 

https://pgtec.cn/

 

 

宁纺仪器

 

http://www.nb-fy.com/

 

 

亚鼎光学

 

https://aetina.cn/

 

 

维控科技

 

https://www.we-con.com.cn/en/

 

 

弗卡斯仪器

 

http://focucy.com/

 

 

四、灵感分享

 

AEROTECH

 

以logo为banner

 

布局简洁明快干练

 

https://www.aerotech.com/

 

 

Weima

 

动静结合的碎纸机模拟动态

 

一个半banner引导点击设计

 

丰富干练的产品布局

 

https://weima.com/en/

 

 

立达信

 

高质量视频

 

简洁布局

 

https://www.leedarson.com/

 

 

Hyphen

 

大版块视觉冲击

 

高质量流程交互动态

 

https://usehyphen.com/

 

 

丸京染色

 

动态变色banner

 

https://www.marukyou-mk.co.jp/

 

 

KMZ INDUSTRIES

 

斜向视觉引导

 

产品轮廓线性svg动画

 

https://kmzindustries.ua/en

 

 

AKT Oil Services

 

大文字加高质量实际场景

 

错落布局却有秩序

 

https://www.aktoilservices.com/

 

 

Chemours

 

充分使用视觉体系,进行交互设计

 

https://www.chemours.com/en

 

 

idstr.jp

 

https://idstr.jp/en/

 

 

MatangiRubbr

 

http://matangirubber.com/

 

 

SBD AUTOMOTIVE

 

https://www.sbdautomotive.com/

 

 

FRAIN INDUSTRIES

 

https://www.fraingroup.com/

 

 

BREEO

 

https://breeo.co/

 

 

MITSUI E&S POWER SYSTEMS INC.

 

https://www.mesps.co.jp/recruit/index.html

 

 

THE INDUSTRY 4.0 AWAR

 

https://www.industrie40award.com/

 

 

WeCargo

 

https://www.wecargo.be/

 

 

GOOGLE NEST DOORBELL (BATTERY)

 

https://www.hyperframe.com/

 

 

BALMUDA(巴儿缪达家电)

 

https://www.balmuda.com/jp/

 

 

浙江鼎力


https://www.cndingli.com/

 

 

Siemens


https://www.siemens.com/global/en.html

 

 

Dürr


https://www.durr-group.com/en/

 

 

Methodology

 

极简慕枫-定义商业品牌官网,更多方法论请查看:

 

《官网设计必看的用户心理思维/指南》

 

《官网设计必看的品牌思维/指南》

 

《官网设计必看的头脑风暴思维/指南》

 

《官网设计必看的配色思维/指南》

 

《官网设计必看的灵感思维/指南》

 

DISCLAIMERS

back to list