UC浏览器:重启手机里的青春回忆

案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:重启手机里的青春回忆
品牌:UC浏览器
技术实现: html5
亮点:
- 创意定位
- 策划逻辑
大致逻辑:主题页 → 手机选择页 → 标签选择页 → 生成海报页。
主题页:直接露出主题“还记得那些年你用过的旧手机吗?”,一款按键老款手机屏幕发着亮光,点击“去寻回”按钮,进入“手机选择页”。
手机选择页:一共六款手机:按键款、翻盖款、全键盘款、滑盖款、触屏款、全面屏款。可以点选2-6款,但至少选2款。点击“下一步”,进入“标签选择页”。
标签选择页:设置了几十个与所选旧手机相关的回忆事件,一个事件一个图标和几个字介绍,点击后即为选中。事件列表自动向左漂移,用户也可以手动左右滑动,选中若干标签后,点击“生成回忆”按钮,即进入“生成海报页”。点击“上一步”即可进入上一步,重新选择或继续选择。
生成海报页:根据用户选择的机型和标签事件,生成青春人设海报。点击“回到现实”,完成跳转至官方落地页。点击“分享回忆”,即生成带有回忆事件的精美海报图片,可以保存到手机相册。
- 视觉上
校园内的课桌,树影斑驳的操场,昏黄光影映衬出的氛围感下,用户仿佛回到过去,想起自己人生第一台手机,沉浸式的带领用户进入互动选择。
4.感受上
体验完这个作品,明显感觉对现在卡顿的手机更爱了,也悄悄发现,原来UC浏览器已经18年了,时间过的真快啊。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号