蘑菇物联

全新呈现形式,打造深入人心的物联网企业官网
行业 物联网行业
服务类别 网页设计 / 数字营销推广
已上线,网址在文章底部
项目背景
随着公司发展与市场变化,作为国内颇具影响力、领先业内的工业互联网平台公司,蘑菇物联官网需以全新的形态向用户传递更具竞争力的一面,从而达到突出产品价值,提升品牌调性,提高获客转化率的目的。
旧版官网
调研会

旧版官网问题

分析调研结果

旧版官网截图
01.
体验一致性欠缺,缺少品牌调性, 用户难以建立统一心智;
02.
用户视角单一,协同流程有断点,端和端之间的互通性弱;
03.
交互设计不符合访客浏览习惯,文字过于专业化或描述不清。

我们要仅通过一个页面,
就能让用户了解企业能提供什么服务,
并且被深刻记忆。

增长超人 项目经理

在对蘑菇物联团队进行需求访谈后,我们重新梳理品牌核心价值,明确了此次项目的目标 :

01

品牌强化

提升视觉效果,让其官网形象吻合其行业地位
02

效率提升

优化访客体验,提升产品价值的传达效率

效率提升

触达、阅读体验升级

品牌强化

品牌重塑,基因渗透
可视化
布局
用户
习惯
数据
量化
易读性
图形
超级
符号
色彩

首页设计

01
要实现品牌易于记忆且保持高的一致性的目标,增强一个具备品牌感知、符合设计关键词的品牌符号尤为重要。

强化
品牌符号

融合蘑菇物联LOGO为创意基底, 构建一个贯穿三大业务线的3D场景。
LOGO基座
三大业务线具体应用场景搭建, 清晰还原不同应用领域特征。
场景布局草图
公司业务布局宏伟蓝图的真实呈现, 以品牌LOGO贯穿连接。
建模还原业务布局
[+]

01. 设备生产制造

[+]

02. 装备智能化

[+]

03. 设备出厂销售

蘑菇物联赋能 设备制造企业

还原业务场景

视觉升级

结合蘑菇物联的VI体系,为了更直观传达品牌特性,我们进行了取舍, 最终选择简约、科技、未来的色彩体系“蘑菇物联蓝”作为整体官网的基调, 并且贯穿运用到网页模块、内容排版中,形成了页面整体的统一。

统一色彩规范体系

  • #148FFA

    蘑菇物联蓝
  • #0072ce

  • #00a9e0

  • #FAFAFA

统一图形风格体系

在品牌基因基础上,延展出专属于蘑菇物联的品牌图形系统。

从应用环境出发,结合品牌色、品牌字体等,来呈现蘑菇物联的整体视觉感受,以保留行业特性,

实现整个网站的风格统一。

轻盈
精致
科技
轻盈
精致
科技
轻盈
精致
科技

统一图片氛围真实基调

我们从客户的角度来阐述产品价值,统一配合真实场景真实数据呈现,这种方式更具说服力。
03

效率提升

快速聚焦的信息阅读体验

引导访客获取信息是一个规律性、渐进式的过程,

综合前期调研、对历史访客数据分析,最终敲定本次改版的交互设计策略。

浏览体验
符合不同用户的使用习惯,高效、愉悦
信息获取
业务流程, 产品方案设计为 可视化图形
符合习惯
网页框架优化,加入微交互,每步操作都即时反馈, 提升体验感。

易读易懂

降低冗余

业务流程、产品设备图形可视化。 更快锁定重点内容信息。
信息降噪
信息逐层脱噪,增加留白和去色彩化, 保持页面简约和信息纯粹。
数据量化
量化数据,快速捕捉到显著线索。
快速触达
缩短访问路径,快速找到对应内容。

符合用户的点击习惯

我们以用户群体角度着手设计网站框架,优化了网站构架,将内页中的引导栏置顶。

设备分类的呈现模块中,加入了交互反馈,同时出现对应的设备模型,以辅助用户在短时间内理解到关键信息

产品信息易读易懂,让阅读更高效

蘑菇物联的用户群体为产业链三端客户,即设备制造企业、设备服务企业、制造工厂,涉及到20+项专业设备仪器。

设备分类的呈现模块中,加入了交互反馈,同时出现对应的设备模型,以辅助用户在短时间内理解到关键信息

mogulinker

简化留资通道,快速触达

在网站结构上做优化调整,缩短访问路径,使访客操作步骤减少,快速抵达目标页面。

“显著线索”

快速被捕捉

数据量化,提高传达效率

数据量化呈现,是让用户快速捕捉到显著线索的有效方式,更直观呈现企业实力,内容传达效率提升数倍。

视觉降噪

突出核心

减少用户对吸收信息的噪点,增加留白和去色彩化,

保持整体页面的风格统一同时,

以无干扰的形式突出核心,提高访客对信息的吸收程度。

项目

复盘会

整个项目下来,我们始终围绕改版两大目标:

提升信息传达效率以及强化品牌感知。

做到每一处细节设计都充分考虑了用户需求,

最终以全新的官网形态彰显出品牌竞争力,

达到了突出产品核心价值,提升品牌调性,提升获客转化率的目的。

我们为客户提供的不仅仅是一个网站,而是
一整套从营销策略到落地实施的数字营销解决方案。

我们的真正价值在于帮助企业找到正确的竞争优势,
改变高成本低转化的状况,实现营收增长。
如果你认可我们的理念并且刚好也有网站升级改版相关的需求,
不妨和我聊一聊,相信我们彼此都会感到相识恨晚。
下一个案例

设计公司官网如何做到真正的差异化?

想了解蘑菇物联的服务方案与价格?

您的称呼*
手机号码*
公司名称
立即获取

来一场关于你的项目讨论会?

获取
方案
咨询
微信扫码咨询
电话咨询 0755-8232 6831
复制成功

等一下!这里还有三份资料送你

3000+企业市场部都在用的工具书

企业官网建设实战指南

SEM提效之狙击战术

2023年数字营销白皮书

免费领取

仅剩5

等一下!这里还有三份资料送你

3000+企业市场部都在用的工具书

企业官网建设实战指南

SEM提效之狙击战术

2023年数字营销白皮书

免费领取

仅剩5

等一下~领完资料再走~
《企业官网建设实战指南》 《SEM提效之狙击战术》 《2023年数字营销白皮书》
免费领取

仅剩5

* 3000+企业市场部都在用的工具书