《City Walk漫游指南(图文版)》
「City Walk」意为「城市漫步」,约上两三好友,漫步城市街头,看看老建筑,逛逛特色小店,点一杯咖啡,或是品尝地道的当地小吃……用双脚探索,深入城的肌理,越来越多人着迷于城市漫步,也有很多品牌结合该热点用到图文中。
01
自然堂
《懂颜究|来一场喜马拉雅City Walk》
▲GIF演示
「点击展开」查看自然风光,点击地标弹出喜马拉雅风光和相应的产品推荐,借此宣传自然堂产品。
交互对应编辑器组件/组合
组合:点击消失+展开(设置触发区域)
编号:11186(组合)
组件:点击-悬浮弹窗(无限次弹出,相同关闭位置)
编号:11114(组件)
02
雅诗兰黛
《起猛了!快来接受你的Citywalk邀请函!》
▲GIF演示
「点击展开」查看DW不假妆街区的介绍,「左滑」查看更多演员模特对DW粉底液的介绍,吸引大家购买。
交互对应编辑器组件/组合
组合:点击切换图片+展开(有触发区)
编号:10057(组合)
组件:Apple-双层滑动-前景左滑
编号:10376(组件)
03
广汽本田发布
《发起City Drive位置共享》
▲GIF演示
「点击切换」查看CITY DRIVE的目的地,吸引大家线上选择目的地并互动。
交互对应编辑器组件/组合
组合:点击-抽屉切换图片(无限次往返,有触发区,左)
编号:11123(组件)
04
屈臣氏官方种草君
《不想上班,只想citywalk》
▲GIF演示
「点击展开」模拟来一场城市漫步,在城市场景下推荐超萌小刘鸭系列产品的介绍,吸引大家购买。
交互对应编辑器组件/组合
组合:点击切换图片+展开(有触发区)
编号:10057(组合)
05
健力宝活动
《惊!这届年轻人偷偷爱上了City Walk?》
▲GIF演示
「点击展开」夏日城市漫游指南的介绍,「左滑」查看饮品介绍,吸引大家互动分享周末放松计划。
交互对应编辑器组件/组合
组合:点击展开(有触发区)
编号:10051(组合)
组件:双层滑动-前景左滑
编号:10018(组件)
06
润百颜
《加入夏日CITY WALK,走来走去找快乐!》
▲GIF演示
「点击自动层层展开」各个城市的行走贴士和护肤建议,吸引大家购买相应产品。
交互对应编辑器组件/组合
组件:点击+自动层层展开
编号:11369(组件)
组件:自动-序列帧动效(永远)
编号:10873(组件)
07
Clarks
《穿上复古德训,出发CityWalk!》
▲GIF演示
「点击切换选择」标签,查看相应的服装,借此宣传Clarks艺动系列服饰,吸引大家探索更多。
交互对应编辑器组件/组合
组件:无限选择切换图片(两组)
编号:11274(组件)
08
摩登人类
《City walk怎么就成了00后社交密码?》
「点击开启」不同景点的AR视角,依次体验支付宝AR扫和重庆联动的效果,吸引大家打开支付宝AR扫参与专属优惠活动。
交互对应编辑器组件/组合
组件:点击-移入移出同时切换图片(左入右出、有触发区)
编号:11590(组件)
如果以上案例还没有看够,可以到「品牌时光机」SVG案例库(网址:brandtime.cn)搜索「City Walk」查看更多相关案例。