QQ:今年回不回?

2022-05-05 H5案例分享 H5案例分享
QQ:今年回不回?


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

今年回不回?-查阅二维码

完整欣赏此案例大约需要2分钟


案例:今年回不回?

品牌:QQ

技术实现: HTML5

亮点:

1.创意定位

腾讯QQ在2022新年时推出的“今年回不回?”创意H5,以过年回家和回忆QQ时光一语双关,引发用户共鸣和参与,最后还有一波QQ红包,刺激大家传播。

 

2.策划逻辑

Loading+主题 → 五个交互场景 → 选性别 → 过渡视频 → 落地海报。

 

Loading+主题:今年回不回?正在载入...加载百分比。

 

五个交互场景:每个场景都融入了QQ的IP和衍生IP形象,用户可以在各个可以唤起回忆的位置进行点击,会触发局部的小动画。点击“下一回”,进入下一场景,点击“上一回”回到上一个场景。

 

场景一:登陆新家园的游子,回老家仍是个孩子。

场景二:春节小窝新鲜故事,先从回忆开始收收。

场景三:贺岁频道看似新奇,回首都是熟悉面容。

场景四:私人空间往事翻新,多少年味值得回味。

场景五:小世界中新长一岁,回到现实仍是少年。

 

选性别:MM女生,GG男生,选定后,会出现MM或GG的IP形象,新年秀出原生模样,未来已来等你回来。点击“下一回”

 

过渡视频:一段绚烂的“欢迎回家”视频,播完自动跳转落地海报页。

 

落地海报:包含整体H5体验时的交互次数,荣誉称号,越回越新的图案,还有两个提示:长按生成分享海报,点击分享你的新年签。底部有两个按钮:QQ抢红包和新QQ抽年签。

 

3.视觉交互

新年红为主色,QQ各种IP植入。每个场景都可以有很多隐藏的交互点,点击后,会有局部交互动画,很精致。

 

4.用户体验

小五赶快登录QQ看看,照顾一下很久没有被“照顾”的好友,那里有小五的青春和回忆。





以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

QQ X 小世界:废话文学大赛全国统一考试2022

qq:qq新春护身符

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~