《星巴克SVG交互图文案例合集》
你是否想过，七夕的祝福可以不止于文字？
星巴克的 SVG 交互图文从来不止是 “好看” 那么简单 ——层出不穷的创意营销才是关键。
今天整理了8篇星巴克品牌SVG交互案例，一起来看看吧！
8篇案例来自星巴克中国公众号。
01
星巴克中国
《①层 | 春日上新 春咖满茶香》
▲GIF演示
「点击播放动画」模拟进馆，引导大家「视差左滑」查看星巴克春日限定新品，品味咖啡茶香，欣赏春之美，吸引大家购买，最后点击链接还可跳转同期推送的图文。
该交互需定制
02
星巴克中国
《@有星人：会员福利已是Next Level》
▲GIF演示
播放GIF后「自动收缩展开」介绍星巴克会员积攒星星兑换活动福利，吸引大家前往线下门店打卡。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：自动-跳舞展开
编号：11653（组合）
03
星巴克中国
《冬日草莓季|红颜草莓芝士拿铁的暖暖快乐》
▲GIF演示
「点击切换GIF消失展开」介绍星巴克刘宪华联名款红颜草莓芝士拿铁，突出其选用丹东红颜草莓、丹麦马斯卡彭芝士及搭配咖啡基底的美味特点，吸引读者前往门店购买。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：点击切换GIF+消失展开
编号：11775（组合）
组合：三层上滑组合
编号：11761（组合）
04
星巴克中国
《新品轻气泡拿铁|这杯会冒冒冒冒冒泡~》
▲GIF演示
「自动展开」介绍星巴克新品轻气泡拿铁，提及可通过小红书了解 “星鲜事”“星乐趣”“星玩法”，吸引读者前往门店购买。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：自动展开
编号：10863（组合）
组件：音频-隐藏式音频(需上传素材,防误触,不可转载)
编号：10103（组件）
05
星巴克中国
《口软绵绵雪绒绒!软雪星冰乐上新!》
▲GIF演示
「点击切换GIF动图后展开」介绍星巴克新品 “软雪星冰乐” 上线，其特点为 “软绵绵雪绒绒”，吸引读者前往线下门店购买。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：点击切换GIF动图+展开(有触发区)
编号：10075（组合）
组件：视频号-图片
编号：10228（组件）
06
星巴克中国
《一款好豆子，到底“图”什么？》
▲GIF演示
「点击消失展开」星巴克臻选本季上新巴西圣若昂庄园日晒咖啡豆，介绍其豆卡设计、背后承载的多元故事，以及该咖啡豆制成的巴西拿铁所具有的杏子酸甜、榛子巧克力风味等口感特点，吸引读者前往线下门店购买。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：点击消失+展开(设置触发区域)
编号：11186（组合）
组件：自由滑动(两列)
编号：11612（组件）
07
星巴克中国
《oh!my杯杯~被茶瓦纳系列惊艳了一夏!》
▲GIF演示
播放GIF后「自动收缩展开」宣传星巴克全新茶瓦纳系列随行保温杯，介绍其奶瓶造型、轻巧设计等特点，引导读者前往星巴克臻选门店。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：自动-跳舞展开
编号：11653（组合）
组件：自动-左右横向擦除切换
编号：11334（组件）
08
星巴克中国
《一年一度樱花上新| 美好收录完毕，请查收》
▲GIF演示
「左滑」星巴克臻选与 MOLESKINE 合作推出亚洲艺术家限定樱花特别款，由 Kosuke Tsumura 演绎樱花昼夜双面个性，分白天两款，引导通过滑动解锁，展现不同风格与配置，助力专属 ME TIME。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：长屏左滑组合(自动对齐)
编号：10868（组合）
如果以上案例还没有看够，可以到「品牌时光机」交互图文案例库（网址：brandtime.cn）在首页中搜索「星巴克」查看更多相关案例。
目前案例库总案例数已达80W+，其中8W+案例支持一键还原，制作同款效果非常方便。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）