《车展SVG交互图文案例合集》
如何将传统的车展转化为引人入胜的线上体验?
SVG交互图文让车展在屏幕上跃然而出,每一个细节都让你仿佛置身现场,感受汽车带来的震撼!
北京车展举行在即,今天为大家精心挑选了8篇车展SVG图文案例,分别来自长安汽车、玛莎拉蒂中国、梅赛德斯-AMG、林肯汽车、上汽通用汽车、路虎中国、雷克萨斯中国、别克。
往年整理案例:
《上海车展进行时,来看英菲尼迪、雪佛兰等8篇图文如何吸引车粉目光?》
01
长安汽车
《Hey,长安汽车请你看冬天的第一场车展》
▲GIF演示
「点击左移切换」接收长安汽车的邀请函,然后根据提示依次「输入密码」解锁展开长安汽车的绝密情报,「左滑」查看更多产品亮点与品牌魅力,从而吸引大家前往广州国际汽车展览会。
该交互需定制
02
玛莎拉蒂中国
《你和玛莎拉蒂发布会,只有一个Chat的距离》
▲GIF演示
结合最近大火的ChatGPT热点,玛莎拉蒂通过「点击展开」的交互依次向大家介绍玛莎拉蒂中国汽车各个细节,提供逐层深入探索的阅读体验,吸引大家购买。
该交互需定制
03
梅赛德斯-AMG
《点击接受这项特殊任务》
▲GIF演示
「点击消失后展开」梅赛德斯-AMG的信息和特殊任务,「背景左滑」展示上海车展,从而宣传梅赛德斯-AMG汽车,吸引大家观展。
交互对应编辑器组件/组合
组合:点击消失+展开(设置触发区域)
编号:11186(组合)
组件:夹层滑动-左滑
编号:10239(组件)
04
林肯汽车
《不好意思,展台也卷王了》
▲GIF演示
林肯汽车通过「点击展开」的SVG交互设计提供创新的观展体验,「前景左滑」或「悬浮弹窗」查看林肯展台,提升品牌形象与信息传达效率,从而吸引大家预约试驾。
交互对应编辑器组件/组合
组合:点击切换图片+展开(有触发区)
编号:10057(组合)
组件:点击-悬浮弹窗(无限次弹出,相同关闭位置)
编号:11114(组件)
组件:双层滑动-前景左滑点此免费领取
编号:10018(组件)
05
上汽通用汽车
《上汽通用汽车想要共享一组车展大片》
▲GIF演示
上汽通用汽车运用「点击展开」的SVG交互效果展示车展大片,提供沉浸式观赏体验,突显品牌创新精神。
交互对应编辑器组件/组合
组合:点击展开(可嵌套展开,固宽)
编号:10875(组合)
组件:双层滑动-前景左滑(自动对齐)
编号:10270(组件)
组件:自动-扑克牌切换,向左
编号:10576(组件)
06
路虎中国
《路虎全新车型登陆2023上海车展》
▲GIF演示
通过将手机锁屏后逆时针旋转90度来浏览横屏内容,「背景左滑」查看路虎全新车型,打造沉浸式观展体验。
交互对应编辑器组件/组合
组件:双层滑动-背景左滑(自动对齐)
编号:10273(组件)
组件:视频号-图片点此免费领取编号:10228(组件)
07
雷克萨斯中国
《巴适!成都国际车展耍起》
「点击弹出」揭秘盲盒对应的雷克萨斯新车型,激发大家的探索欲,吸引更多客户观展并购买。
交互对应编辑器组件/组合
组件:点击弹出-弹出图片(设置多个触发区)点此免费领取编号:10100(组件)
08
别克
《哆啦A梦与你贴贴,快来广州车展别克展台围观!》
「左滑」查看车身侧面,「右滑」解锁车机壁纸,最后「点击切换」查看哆啦A梦的菜单,借此宣传别克展台以及与哆啦A梦联名款的主题展车,从而吸引大家预约试驾。
交互对应编辑器组件/组合
组件:双层滑动-前景左滑(自动对齐)
编号:10270(组件)组件:双层滑动-前景右滑(自动对齐)
编号:10271(组件)
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)