腾讯新闻:2019断舍离-腾讯新闻

2019-12-24 H5案例分享 H5案例分享
腾讯新闻:2019断舍离-腾讯新闻


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

识别图中二维码

2019断舍离-腾讯新闻-查阅二维码

完整欣赏此案例大约需要1分30秒


案例:2019断舍离-腾讯新闻

品牌:腾讯新闻

技术实现: EaselJS + TweenJS + SoundJS

亮点:

  1. 创意定位

腾讯出品,通过清理房间生成性格海报。

 

  1. 策划逻辑

加载界面是一个不断打开合上的纸箱子,加载完毕后,选择性别,进入手绘的房间,在房间中点击物品查看介绍,选择“扔掉”或“留下”,右上角会显示丢弃和剩余物品的数量,最多可剩余15件物品,最少可全部扔掉(猫除外),点击“我后悔了”,可召回被扔掉的物品,清理完毕后点击“完成“生成海报,点击左上角切换查看被扔掉物品和被留下物品的海报,海报上有物品百分比和用户性格描述,用户可保存海报或点击“回去接着扔”。

 

  1. 设计上

男生女生房间的物品大致相同,除了男生衣橱中是运动鞋和秋衣,女生衣橱是汉服和玩偶,男生书桌是机械键盘,蛋白粉和无线充电器,女生书桌是加湿器,瘦脸器和护肤品,其余物品,台灯,旧衣服,杂志,瑜伽垫等等,都是相同的,很符合当下年轻人的房间摆设及常用整理习惯。

 

  1. 体验上

点击“扔掉时”会有塑料袋打包的声音,增加整理房间的真实感觉,对物品的描述也很有趣,吊灯扔掉后房间会忽然黑暗,只有猫咪的眼睛时亮的,很搞笑,猫咪的“扔掉”键是灰色的,描述是“李诞is watching you”,结合了当下热点,增加用户与作品之间的共鸣。





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

标签

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

相关推荐:

腾讯新闻:2020朋友圈默契大考验

京东:你妈来你家

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~