黄金15'是如何着手项目落地——机械工业网站解决方案

Recommand
上海/UI设计师/2年前/677浏览
黄金15'是如何着手项目落地——机械工业网站解决方案Recommand

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

正文:


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

一、三大思维

1. 时间思维

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


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

2. 品牌思维

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

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

3. 商业思维

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

二、黄金15秒落地方案

1. 机械工业的网站特征

立足于同样的市场环境与目标群体,我们聚焦于“tob企业”,网站需求上都有一定的共性。
主要是以下四个方面:


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


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


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


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

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,来达到最大化的输入输出。

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
免责声明
此文章展示信息目的在于传达项目开展的思维方式及归纳出的方法论。文章所提供的数据及网站,均归原所有人及品牌方所有。若存在任何权益争议,可直接联系hf@mfstory.cn,我们将及时做删除处理。

(作者:关哲、资料:芋头、发布:绿萝)

8
Report
|
12
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
网站
网站
网站
网站
作品收藏夹
网站
网站
网站
网站
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
一些小动物
一些小动物
一些小动物
一些小动物
精选收藏夹
作品收藏夹
大家都在看
Log in