《车展SVG交互图文案例合集》

原创 收藏 评论
举报 2024-04-10



如何将传统的车展转化为引人入胜的线上体验?


SVG交互图文让车展在屏幕上跃然而出,每一个细节都让你仿佛置身现场,感受汽车带来的震撼!


北京车展举行在即,今天为大家精心挑选了8篇车展SVG图文案例,分别来自长安汽车、玛莎拉蒂中国、梅赛德斯-AMG、林肯汽车、上汽通用汽车、路虎中国、雷克萨斯中国、别克

往年整理案例:

《上海车展进行时,来看英菲尼迪、雪佛兰等8篇图文如何吸引车粉目光?》


01

长安汽车

《Hey,长安汽车请你看冬天的第一场车展》

▲GIF演示

点此查看原文

「点击左移切换」接收长安汽车的邀请函,然后根据提示依次「输入密码」解锁展开长安汽车的绝密情报,「左滑」查看更多产品亮点与品牌魅力,从而吸引大家前往广州国际汽车展览会。

该交互需定制


02

玛莎拉蒂中国

《你和玛莎拉蒂发布会,只有一个Chat的距离》

3.gif

▲GIF演示

点此查看原文

结合最近大火的ChatGPT热点,玛莎拉蒂通过「点击展开」的交互依次向大家介绍玛莎拉蒂中国汽车各个细节,提供逐层深入探索的阅读体验,吸引大家购买。

该交互需定制


03

梅赛德斯-AMG

《点击接受这项特殊任务》

▲GIF演示

点此查看原文

「点击消失后展开」梅赛德斯-AMG的信息和特殊任务,「背景左滑」展示上海车展,从而宣传梅赛德斯-AMG汽车,吸引大家观展。

交互对应编辑器组件/组合

组合:点击消失+展开(设置触发区域)
编号:11186(组合)
组件:夹层滑动-左滑
编号:10239(组件)

04

林肯汽车

《不好意思,展台也卷王了》

4.gif

▲GIF演示

点此查看原文

林肯汽车通过「点击展开」的SVG交互设计提供创新的观展体验,「前景左滑」或「悬浮弹窗」查看林肯展台,提升品牌形象与信息传达效率,从而吸引大家预约试驾。

交互对应编辑器组件/组合

组合:点击切换图片+展开(有触发区)

编号:10057(组合)

组件:点击-悬浮弹窗(无限次弹出,相同关闭位置)

编号:11114(组件)

组件:双层滑动-前景左滑点此免费领取

编号:10018(组件)

05

上汽通用汽车

《上汽通用汽车想要共享一组车展大片》

5.gif

▲GIF演示

点此查看原文

上汽通用汽车运用「点击展开」的SVG交互效果展示车展大片,提供沉浸式观赏体验,突显品牌创新精神。

交互对应编辑器组件/组合

组合:点击展开(可嵌套展开,固宽)

编号:10875(组合)
组件:双层滑动-前景左滑(自动对齐)
编号:10270(组件)

组件:自动-扑克牌切换,向左
编号:10576(组件)

06

路虎中国

《路虎全新车型登陆2023上海车展》

▲GIF演示

点此查看原文

通过将手机锁屏后逆时针旋转90度来浏览横屏内容,「背景左滑」查看路虎全新车型,打造沉浸式观展体验。

交互对应编辑器组件/组合

组件:双层滑动-背景左滑(自动对齐)
编号:10273(组件)
组件:视频号-图片点此免费领取编号:10228(组件)

07

雷克萨斯中国

《巴适!成都国际车展耍起》 

1.gif

 点此查看原文

「点击弹出」揭秘盲盒对应的雷克萨斯新车型,激发大家的探索欲,吸引更多客户观展并购买。

交互对应编辑器组件/组合

组件:点击弹出-弹出图片(设置多个触发区)点此免费领取编号:10100(组件)

08

别克

《哆啦A梦与你贴贴,快来广州车展别克展台围观!》

2.gif

点此查看原文

「左滑」查看车身侧面,「右滑」解锁车机壁纸,最后「点击切换」查看哆啦A梦的菜单,借此宣传别克展台以及与哆啦A梦联名款的主题展车,从而吸引大家预约试驾。

交互对应编辑器组件/组合

组件:双层滑动-前景左滑(自动对齐)
编号:10270(组件)组件:双层滑动-前景右滑(自动对齐)
编号:10271(组件)

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)