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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号