2024 08-26
评论
(0)

万博思图xG7丨什么样的大屏能用4年?

August 26th, 2024

在数字化浪潮席卷全球的今天,物联网技术正以前所未有的速度改变着世界。

在当下不断趋于正规化、品牌化的市场,也有越来越多的物联网品牌在思考

  • 怎么有效地传达公司的核心技术和价值主张?
  • 如何将品牌价值最大化地展现给世界?
  • 品牌展现是否具有前瞻性,能够伴随公司成长并适应未来的变化?

这一次,我们和G7一起,直面并解决这些问题。

G7物联

品牌叙事,情怀与业务并重

G7物联成立于2010年,是一家前沿的物联网科技公司,致力于将传统的“血汗物流”转变为“智慧物流”,开拓了物流行业车队管理平台、主动安全服务、数字能源结算、智能挂车租赁、金融保险、卡车后市场等一系列业务,先后服务了7万家货主和物流公司。

作为一家本身具有技术能力和品牌要求的公司,G7在品牌宣传方面却面临着多重挑战,高科技感技术与数据美学如何完美结合?如何叙述品牌才不负创始人十年物流梦的热枕?

这一次他们选择以可视化大屏为载体,体现公司深厚的历史、势如破竹的发展势头以及对全国物流脉络的精细化感知能力。要将这些抽象的概念转化为具象的视觉语言,考验着设计团队匠心独运的设计与创新。

创意规划

以极简视觉,聚焦业务实质

大屏设计,看似最重要的是美学设计能力,实际上,框架搭建和逻辑策划也是重中之重。数据框架就是骨,只有骨架正了,设计这副皮相才能更加出彩。

在项目开始时,我们仅收到了大体的功能需求,既要实时监测140万辆在网车辆,又要体现10年发展的速度、规模,但对于数据应该如何展现,使用何种图表,客户并没有明确指示。

面对如此庞大的数据量,如何平衡数据的真实呈现与视觉效果?在四大指标业务同屏展现的情况下,又该如何保持界面的清晰和震撼效果?我们的答案是“少即是多”

经过多次实验和颜色测试,我们将最初规划的历史、总览、结算、安全保险、智能装备5屏内容精简为2屏——实时感知屏和历史回顾屏,既做到了宏观层面的整体业务趋势展示,又能微观到单个车辆、设备的实时情况。

实时感知屏,实现对全国实时车辆及设备总数监测和动态感知,赋能业务发展。为帮助客户精细化洞察车辆情况,设计了省-市-车三级信息下钻,同时实时弹跳安全、结算、装备等重大事件,如支付运费事件、加油事件、ETC事件等。

历史回顾屏,动画演绎十年发展过程和业务变化,以此重现G7的辉煌历程。将四大业务的发展变化以指标形式还原在地图上,渐渐覆盖全国,体现出茁壮成长感。为方便客户查看特定时间段、特定业务的发展情况,我们采用“时间控制空间”的设计理念,在屏幕底部设置了时间轴,与地图联动,可以通过拖动时间轴来查看不同时间段内的业务发展情况。

视觉风格

微光成炬,生生不息

考虑到G7这个品牌,主打的是B端市场,当然离不开可靠、前沿这些标签。因此在这套大屏的设计制作中,我们启用了简约、大气、质感的设计思路。

要体现G7在物流领域的耕耘成果和G7连接万物的业务特性,我们的设计师将设计视线投向了地图主题。

壮观的地图既象征着G7稳固的江山,又代表着品牌在汇聚各种优质资源,为用户提供高品质的感知产品,助其跨越山海安全抵达。

然而我们常规用到的地图视觉,一方面风格千篇一律,让人审美疲劳,另一方面构图过于扁平无趣,与客户简约不简单的需求背道而驰。

基于这些考虑,实时屏我们选用了比较罕见的GIS发光轮廓地图,车辆、油气站点、安全装备、智能装备类比夜间城市灯光,宛如一张越织越密的网,将万家灯火都网罗其中,突出“守护”之意,搭配以光感线条,随时间变化地图逐渐变得璀璨夺目,带来强烈视觉震撼。

在当时,G7处于井喷式发展的阶段,安全设备、数字货舱、油气站点业务突飞猛进。我们根据实际发展速度调节柱子生长的快慢,在视觉上精准复现业务势如破竹的气势,更直观地感受G7时代东风下发展势头之迅猛,给人以深刻印象。

功能留白

让好设计,长出生命力

市面上大多数大屏都是一次性工程,设计过程耗时耗力,却极容易过时,沦为一次性工具。有时候是跟不上技术变更的速度,维护困难,有时候是设计语言过于追求当下潮流,难逃落伍的宿命。

万博思图一直致力于规避这些问题。我们认为,真正有价值的大屏应该像品牌本身一样,具有生命力,能够自由生长。因此,在设计过程中,我们采取了适当留白的策略。

为给未来的业务延伸留下足够的空间,我们选择使用柱状图而非粒子来表示数据。柱状图的优势在于其结构简单,易于理解和扩展,这为未来可能的业务变化提供了便利。

为了避免未来业务体量增加导致主视觉中的柱状图高度失控,我们在设计之初就对最大值进行了限制,并按照一定的比例倒推出各个柱状图的高度。这样一来,无论业务如何增长,柱状图的高度都能保持在合理的范围内。

面对客户潜在的业务类型增减可能性,我们也预留了两个额外的业务空间,并选择了以个性化色彩区分的方式来处理这些新业务。这样做的好处在于,即使将来需要添加新的业务类型,也不需要重新设计整个大屏,只需在现有的基础上进行调整即可。

开发落地

大体量数据,也能轻量化表达

整套大屏采用WebGL技术进行地图主视觉开发,让传统的2D平面场景转化为3D立体场景,在空间上承载更多数据信息,交互体验也更加宏大灵活,还可大幅提升项目性能,从而打造场景更酷炫、数据体量更大的3D可视化效果。

大屏开发面临的最大挑战,是如何处理庞大的数据量。实时屏需要展示140万车辆的实时位置,我们对车辆位置进行了网格化取样,运用WebGL和glsl技术让数据形成巨量的地图光点,再对车辆位置进行行政区域区分,最终实现地图省、市、车三级下钻的车辆实时位置粒子效果。

实时屏上车辆数量众多,车辆的细微变动在地图上不明显,但又会占用后台大量的计算资源,导致系统卡顿。

为了解决这一问题,我们对每辆车的打点进行了优化,为其增加了两个虚影,产生了闪烁移动的效果。当车辆移动了一定的距离之后,其位置才会实时更新。这种方法不仅保证了系统的流畅度,还确保了信息的完整性。

而历史屏需要将2010-2020年的所有数据进行线性呈现,以月为粒度,每月平均数据量为10万,10年的总数据量超过1200万。经过多次尝试,我们将1200万的数据线性排列好之后,置入GPU中,既保证了每帧十余万的图元渲染的性能问题,也解决了历史数据流程播放的问题。

项目价值

发掘品牌名片的长期主义

整套大屏,从架构到风格,从细节到策划,都收获了客户的高度认可。更重要的是,G7自身也成为了该方案的长期受益者。

  • 品牌深入身心:通过独特的视觉元素以及精心设计的时间轴和交互方式,完美展现G7的技术实力,还传达了其品牌故事和文化内涵。大屏在连续四年使用中频频出现在各大主流媒体的报道中,成为G7品牌形象的靓丽名片,成为品牌宣传的重要工具。
  • 业务蓬勃发展:大屏不仅仅是一个展示平台,更成为了连接G7与客户之间信任与合作的桥梁。特别是对于宁夏和内蒙古的物流企业来说,在参观G7的“山河图”大屏后,被其强大的数据感知能力、庞大的业务网络所吸引,进而促成了更多的商业合作机会。

结语

这次合作对于我们来说是一次挑战十足又成就满满的经历。团队需要在5个月时间里,将G7 10年多时间里沉淀出来的成果和理念进行快速学习,然后对知识进行体系化结构化梳理,最后将枯燥的商业数据转化为具象化的视觉图景。

从一开始对客户品牌的不了解、不熟悉,到深入了解产品并创作出山河图方案,获得行业认可。正是这份艰辛让我们发现,品牌演示深入人心背后蕴藏的的巨大商业价值,我们相信,通过不断创新与努力,能够帮助更多像G7这样的企业,让品牌的力量看得见,让连接触手可及。

2024 08-16
评论
(0)

董宇辉和俞敏洪到底拉扯了个啥?这样看太直观了

August 16th, 2024

纠缠已久的董宇辉和东方甄选事件终于画上句号。7月25日,东方甄选发布公告,正式宣布和董宇辉分手,董宇辉以7658万元收购“与辉同行”。社交网络上就争论了多年的“董宇辉和东方甄选谁造就了谁”,是否有了定论?

要回答这个问题,还需要回顾一下双方“分手”的前因后果:

关键时间线

2015年,在大四实习期间,董宇辉入职新东方

2019年,受疫情的影响,新东方从线下转战线上,董宇辉成为新东方在线的一名网课教师,并担任高三英语名师和学科负责人,以其独特的教学风格和深厚的专业知识赢得好评。

2021年,新东方全面停止K9的地面和在线培训,创立东方甄选,转型为以农产品筛选和销售为核心的电商平台,同年12月,俞敏洪、孙东旭、董宇辉、Yoyo等人开始直播带货。

2022年6月,董宇辉讲解英语单词,边介绍带货产品,双语直播的方式无意间解锁流量密码,火爆全网,粉丝一度达到3000万之众。

2023年12月小作文事件爆发,董宇辉“小作文”到底由谁撰写这件事引发网络舆论,原执行董事“东方小孙”孙东旭推波助澜,董宇辉请假停播。期间,200多万粉丝取关东方甄选,60万粉丝转向高途佳品直播间。

2023年12月,俞敏洪免去“东方小孙”孙东旭东方甄选执行董事、CEO一职,与董宇辉“合体直播”,将董宇辉提升为公司高级合伙人。

2023年12月,董宇辉成立个人工作室“与辉同行”,由东方甄选100%控股,GMV计入东方甄选财报。

2024年7月,董宇辉正式离开东方甄选,全资持股与辉同行。

还是乱?没关系,看看图清醒一下:

回到开篇的问题,董宇辉与东方甄选到底谁成就了谁?其实可以说两者相互成就。起初,董宇辉成为了直播带货团队的一员,背靠公司的人脉和资源,他凭借个人独特双语直播方式迅速走红,为东方甄选带来了巨大的流量和销售额,同时也进一步提升了他个人的知名度,让他进一步建立庞大的粉丝基础,最终演化为超级IP。

董宇辉的价值

从产生龃龉到分道扬镳,临危救主的当代职场佳话走向破灭,也引发了激烈的互联网舆论,主要分为两派,一派认为东方甄选把打工人董宇辉吃抹干净后弃之若履,而另一派则对董宇辉飞升资本家拿走3.4个亿冷嘲热讽。

小孩子才分好坏,大人只看利弊,直播带货的本质上是一出商业游戏,让我们把目光穿过嘈杂的舆论场、炫目的直播间,我们回到最根本的利益问题上,看看董宇辉这个IP值多少钱?机构估值是10亿美金,但结合新东方的股价波动来看,你会发现,董宇辉的价值其实远超这个数。

双方商业布局

在离开董宇辉这个超级IP之后,东方甄选能否抵御更为复杂的商业竞争?从商业布局来看,东方甄选是两条腿走路策略,一方面早早就布局了产业链上下游,开设农产品加工厂,目标是做成中国的山姆,另一方面继续培育带货主播扩大与抖音的合作,稳住流量。

董宇辉作为带货主播,在离开东方甄选的平台、人脉和商业资源之后,路又会怎么走?

目前,与辉同行主要业务涉及生鲜、粮油调味、书籍杂志、零食特产、个人护理、文旅等品类,与东方甄选业务重合度较高,但他的优势是有一群80后中产女稳稳支撑带货成绩,他们年龄主要分布在31-40岁,女性占比64%,一二线占比59%,手机大多用苹果,价位都在5000元以上,有钱有闲,实力满满。

尽管董宇辉成为直播公司老板后,打工人的标签一去不复返,但只要小心维护个人形象这个核心资产,避免偶像失格,稳扎稳打的继续做下去,董宇辉的未来依然是一片光明。

由此可见,即使是在“分手”之后,拥有巨大流量的与辉同行,与实力雄厚的东方甄选,孰胜孰负,依然是个未知数,让我们拭目以待。

不得不说,用图表展示这类事件的数据,真的不要太直观。想要制作同款可视化图表?本文所有图表都打包完成,赶紧登录万博维思获取吧~

2024 08-02
评论
(0)

当数据开始走“花路”,这些可视化也太懂浪漫了吧

August 2nd, 2024

在设计师眼中,色彩斑斓形态各异的花象征着自然之美,更是一种深刻的文化符号和艺术表现形式,它常常与着生命、美丽、再生与情感表达连接,这些特质让花成为了情感叙事和传达信息的理想意象。

通过巧妙地运用花朵的形状、色彩和纹理,设计师们创造出了大量美感十足又易理解的可视化作品,今天,我们精心挑选了9幅以花为意象的可视化作品,一起来欣赏下,花与数据相遇之后的一万种开法。

蜂花奇遇,美好共生

花的根部以两圈圆形图标展示了其需水量(外圈),和它们带给人们的情绪价值(内圈),右侧花瓣处体现了授粉者类型,并以蓝色圆圈大小反应其对授粉活动的依赖程度,当蜜蜂飞近向花传粉时,背景由白色转黑,斑斓的花朵也变为深邃的蓝绿色,通过这种色彩的变化,蜜蜂眼中那独特而神奇的世界跃然屏上。

千年樱花季变迁

作品以一朵独特的蓝色蝶形花朵作为核心意象,给人以宁静、深邃的感觉,其不规则的蝶瓣代表了不同的梦境领域搜索频次,在不同的年份和语言之间切换交互,不同语言环境下人们对梦的关注与好奇一目了然。

生命绽放进行时

此外,通过花茎的方向来表示首发阵容的变化频次,两场比赛间阵容变化越频繁(>2次),花径越偏右,用户可以轻松识别出哪些教练更倾向于稳定阵容,而哪些教练则偏好频繁轮换。结合联赛等级、得分情况以及首发阵容变化的排名功能。

黑暗中的荣耀之花

通过将巴西环保者的死亡情况具象化为一片片红色的菱形花瓣,花瓣的数量和下方延伸出的花丝,分别代表该城市的环保主义者年均死亡占比及数量,黑色背景与血红花瓣形成了鲜明对比,通过其几何特征传递出一种坚定和不可动摇的力量感,利用形状和颜色的心理暗示,强化了视觉冲击力,不仅强调了死亡的悲剧性,也是对牺牲者的一种致敬。

贫瘠土地里开出的勋章

Joti Gautam利用花朵创造性地可视化了黑人在各个领域取得的珍贵“第一次”,体现了成就的美好与重要。整体采用类似黑人肤色的深咖为主色调,玫瑰代表了教育、法律、文化等各个领域,通过其高度和内部的小花数量展示在该领域内取得的成就数量。小花以黑白两色代表男性和女性,不仅增添了视觉层次,也强调了性别平等的重要性,鼠标悬浮在小花上,就能查看每项成就的详细信息。

危险又迷人的台风

凶猛十足台风竟然能变成唯美的樱花树?在这片樱花盛开的画面中,我们看到了自然的力量、生命的脆弱,台风的强度和走向被设计为一幅盛开的樱花图,每个花朵代表着台风在特定地点的强度,其大小与颜色相互映衬——颜色越鲜亮,表明台风当时的威力越大,路径则通过樱花枝条来表现。这与日本文化中的“物哀”不谋而合,即对世间万物之美及其消逝的感伤之情,不仅揭示了台风破坏性的力量,同时也赋予了这一灾难性的事件一种奇异的美感。

安全之花,凌寒自开

在万博思图设计的信息安全拓扑可视化作品中,花团锦簇的线状图像背后,是万级数据及IP地址定位信息,这些IP地址通过一对一、一对多、多对多的关系展示出来,花蕊部分代表了黑客用来发起攻击的“肉鸡”,花瓣则代表被攻击的目标,花瓣越大表示攻击行为越频繁,花朵之间的线条清晰展现了黑客如何通过伪装不同的“肉鸡”跳转到目标系统。

通过选择花瓣的颜色即可清晰看到不同的信息资产受攻击的情况,抽象的信息安全概念被具象视觉化,花朵既代表着珍贵脆弱的信息资产,也象征着勇敢应对复杂网络世界的威胁,凌寒自开。

今天的分享就到这里,你最喜欢哪幅作品?欢迎来评论区留言讨论~