520不止于爱,更是创意狂欢。
各大品牌为了花式告白,营销案例层出不穷。
我们精心整理了8篇520 SVG交互图文案例,分别来自上汽MG、ORIBE、CC卡美珠宝、KATO-KATO、乐堡啤酒、Acne Studios、李佳琦Austin、上海来福士广场公众号,一起来看看吧。
往期520合集戳:

01
上汽MG

《[新消息通知]4个新用户like了你,是否解锁?》

▲GIF演示
模拟社交软件配对的形式,「左滑」展示不同的上汽MG车型,「点击横向展开」介绍不同汽车拟人化的资料,借此宣传品牌产品。
类似效果可使用iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合实现
组合:左滑组合
编号:10153(组合)
组件:自动-向左切出图片
编号:11503(组件)
组合:点击-横向展开
编号:11501(组合)
02
ORIBE

《520抽奖|以繁花释放爱意》

▲GIF演示
「点击展开」品牌以香氛叙事,重构解读爱,「点击镜头推进聚焦放大弹窗」模拟查看爱的灵感、气息、证据,对应不同的产品,引导大家互动并送福利。
类似效果可使用iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合实现
组合:点击展开
编号:10307(组合)
组件:点击-镜头推进+聚焦放大式弹窗
编号:11913(组件)
组件:Apple-双层滑动-前景左滑(不等尺寸图片、超链接)
编号:10377(组件)
03
CC卡美珠宝

《520打个结吧,我说》

▲GIF演示
「点击消失展开」以绳结串联全文,「双层滑动-前景上滑」解读联结的内涵,借此宣传CC卡美珠宝「结」系列产品。
类似效果可使用iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合实现
组合:点击消失+展开(设置触发区域)
编号:11186(组合)
组件:双层滑动-前景上滑(支持多张)
编号:10203(组件)
04
KATO-KATO

《Ring🤳张康乐520超合拍来电》

▲GIF演示
「连续点击切换展开」模拟电话接通,「双层滑动-前景左滑」与朋友、恋人、自己合拍,展示产品功效,「点击-无限选择切换图片」展示适合不同场景的产品,宣传Kato粉饼。
类似效果可使用iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合实现
组合:连续点击切换图片+消失展开(有触发区)
编号:10469(组合)
组件:双层滑动-前景左滑(自动对齐)
编号:10270(组件)
组件:点击-无限选择切换图片
编号:11765(组件)
05
乐堡啤酒

《不为取悦世界!520,和乐堡一起放声爱自己!》

▲GIF演示
以520自我取悦为切入,「点击切换图片展开」模拟粉碎标签,「点击切换GIF动图」展示单人畅饮的场景,将啤酒重新解读为自我取悦的媒介,引导读者互动。
类似效果可使用iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合实现
组合:点击切换图片+展开(有触发区)
编号:10057(组合)
组件:点击-切换GIF动图
编号:10086(组件)
06
Acne Studios

《爱的释义》

▲GIF演示
借520热点,「上滑」展示品牌520节日系列产品。
类似效果可使用iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合实现
组合:三层上滑组合(自动对齐)
编号:11756(组合)
07
李佳琦Austin

《实现浪漫的双向奔赴!》

▲GIF演示
「连续点击翻页」展示并介绍各种直播产品,宣传520直播间专场活动。
类似效果可使用iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合实现
组件:连续点击-开门切换图片(翻页、左上)
编号:11402(组件)
08
上海来福士广场

《正在放映:《爱情三部曲》》

▲GIF演示
「双层前景上滑」以相遇、相知、相恋串联起爱情三部曲,宣传适合不同阶段的各类品牌化妆品,引导刺激线下消费。
类似效果可使用iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合实现
组件:双层滑动-前景上滑(支持多张)
编号:10203(组件)
更多案例合集:人设|Chill|拍一拍|Passion| City不City|emoji|松弛感




夜雨聆风