
每年双 11,公众号营销推文铺天盖地,同质化内容极易被一键划走。
想要抓住用户眼球,SVG 交互图文是打造差异化内容、助力推文出圈的优质方案。
今天为大家整理了8篇双11主题的SVG交互图文案例,它们别来分别来自i排版编辑器、SKECHERS斯凯奇、CASETiFY、麦吉丽Mageline、小米公司、KATO-KATO、都市丽人,一起看看吧。
往期双11案例合集:
《双11 SVG交互图文案例合集》
同样是打折、降价,双11图文怎么才能让人注意啊?
01
i排版编辑器
《找找找找找找找找找找红包🧧》
▲GIF演示

点此查看原文
在枫叶落下的神秘入口处,西天取经的唐僧三人请大家「上滑」解锁内容秘境,点击不同卡通人物手中的礼盒会「弹出」相应内容,在抽中红包后展开SVG编辑器的超大补贴和双11福利活动,吸引大家互动。
该交互需定制
定制联系玉兔微信(ID:playhudong15)。
02
SKECHERS斯凯奇
《双11|和成毅一起,温暖冬日Go不停》
▲GIF演示

点此查看原文
「点击消失后下拉展开」模拟打印图片吸引大家点击开箱看明星换装:绗缝棉服/羊羔绒外套/银翼鞋,购同款随单送暖Yi明信片,借此宣传斯凯奇双11舒适穿搭。
类似效果可使用i排版SVG编辑器(SVG.iPaiban.com)组件/组合实现
组合:点击消失+下拉展开(有触发区)
编号:10406(组合)
组合:自动-序列帧动效(视频号,永远,限300张)
编号:11785(组合)
03
CASETiFY
《双11攻略速领|C愿都能实现!》
▲GIF演示

点此查看原文
「点击伸缩式展开」模拟邂逅熊猫萌兰/MBTI小恐龙/TAEYEON/敦煌喵喵队,加购享1件85折、3件7折,借此宣传 CASETiFY 双11手机壳。
类似效果可使用i排版SVG编辑器(SVG.iPaiban.com)组件/组合实现
组合:点击伸缩式展开(有触发区)
编号:10470(组合)
组合:左滑组合(自动对齐)
编号:10249(组合)
组件:自动-Apple式交替切换(小程序)
编号:10467(组件)
04
麦吉丽Mageline
《[点击查收] 您的双11“焕肤补贴”已到账!》
▲GIF演示

点此查看原文
「点击消失后展开」模拟解锁TOP榜:时光三部曲/素颜三部曲/小银管/美白精华/眼霜/面膜,借此宣传麦吉丽双11典藏榜单。
类似效果可使用i排版SVG编辑器(SVG.iPaiban.com)组件/组合实现
组合:点击消失+展开(可嵌套展开,有触发区)
编号:11848(组合)
05
i排版编辑器
《一起倒计时!5!4!3……》
▲GIF演示

点此查看原文
「时光穿梭式自动切换」模拟倒计时,接着图文自动展开显示会员日活动,借此宣传i排版编辑器。
类似效果可使用i排版SVG编辑器(SVG.iPaiban.com)组件/组合实现
组合:时光穿梭式自动切换+展开
编号:11939(组合)
06
小米公司
《今晚,小米人的秘密,被看光了!》
▲GIF演示

点此查看原文
「点击弹窗」引导大家依次点击工位橙色线索猜小米人要买啥,借此宣传小米产品分期免息、20亿补贴等活动,吸引大家双11趁活动购入。
类似效果可使用i排版SVG编辑器(SVG.iPaiban.com)组件/组合实现
组件:点击-悬浮弹窗(无限次弹出,不同关闭位置)
编号:11118(组件)
07
KATO-KATO
《双 11 哪 有 不 疯 的》
▲GIF演示

点此查看原文
「无限选择切换图片」模拟查看不同产品的选购指南,方便客户在双11期间根据攻略购入KATO美妆产品。
类似效果可使用i排版SVG编辑器(SVG.iPaiban.com)组件/组合实现
组件:点击-无限选择切换图片
编号:11765(组件)
08
都市丽人
《接好运!限时抽1111元,开运红品买三送一!》
▲GIF演示

点此查看原文
「点击翻转切换后自动展开」模拟隔空投送收娜扎福签,评论写心愿抽武当山祈福卡+红品,借此宣传都市丽人双11内衣红品。
类似效果可使用i排版SVG编辑器(SVG.iPaiban.com)组件/组合实现
组合:点击-翻转切换+自动展开
编号:11557(组合)
更多双11图文案例(超40篇)点击小程序查看:
制作SVG交互图文认准i排版SVG编辑器,网址:SVG.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可注册,编辑器组件/组合现已全部支持免费试用了。











