腾讯新闻:2019断舍离-腾讯新闻
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分30秒
案例:2019断舍离-腾讯新闻
品牌:腾讯新闻
技术实现: EaselJS + TweenJS + SoundJS
亮点:
- 创意定位
腾讯出品,通过清理房间生成性格海报。
- 策划逻辑
加载界面是一个不断打开合上的纸箱子,加载完毕后,选择性别,进入手绘的房间,在房间中点击物品查看介绍,选择“扔掉”或“留下”,右上角会显示丢弃和剩余物品的数量,最多可剩余15件物品,最少可全部扔掉(猫除外),点击“我后悔了”,可召回被扔掉的物品,清理完毕后点击“完成“生成海报,点击左上角切换查看被扔掉物品和被留下物品的海报,海报上有物品百分比和用户性格描述,用户可保存海报或点击“回去接着扔”。
- 设计上
男生女生房间的物品大致相同,除了男生衣橱中是运动鞋和秋衣,女生衣橱是汉服和玩偶,男生书桌是机械键盘,蛋白粉和无线充电器,女生书桌是加湿器,瘦脸器和护肤品,其余物品,台灯,旧衣服,杂志,瑜伽垫等等,都是相同的,很符合当下年轻人的房间摆设及常用整理习惯。
- 体验上
点击“扔掉时”会有塑料袋打包的声音,增加整理房间的真实感觉,对物品的描述也很有趣,吊灯扔掉后房间会忽然黑暗,只有猫咪的眼睛时亮的,很搞笑,猫咪的“扔掉”键是灰色的,描述是“李诞is watching you”,结合了当下热点,增加用户与作品之间的共鸣。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号