ELLOWORLD:为了纪念

2020-04-21 H5案例分享 H5案例分享
ELLOWORLD:为了纪念


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

识别图中二维码

为了纪念-查阅二维码

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


案例:为了纪念

品牌:ELLOWORLD

技术实现: html5

制作:1分20秒

亮点:

  1. 创意定位

ELLOWORLD(艾洛互动)出品,纪念在2020年抗击冠状病毒战役中牺牲的那些同胞的作品,用户在作品中为沿途的墓碑献上鲜花,让墓碑旁开出花朵,以此缅怀同胞,牢记他们的无私付出,珍惜眼前的生活。

 

  1. 策划逻辑

加载完毕后,在星星零落分布的蓝色天空上出现导语,大意是传说离开的人会变成星星,我们要牢记离开的珍惜眼前的。进入动画,一个身穿黑色西装的男人缓缓走在路上,两旁分布着墓碑,右上角是本次战“疫”牺牲的同胞数字“169927”,用户随意点击墓碑进入献花页面,点击手中的花朵后,墓碑旁缓缓长出嫩芽并开出三朵小花,点击“返回”后,刚才献花的墓碑在界面上也会变成带花的,用户可继续点击其他墓碑献花,或点击左上角的“TOP”查看另一则总结语。

 

  1. 交互上

用户给墓碑献花后,路边刚才那个光秃秃的墓碑就带着小花矗立了,用户可以献花的墓碑数量不限,献花越多路边带花的墓碑就越多,男人是在一个环形上升的路上行走,用户可点击屏幕左侧让路加速在男人脚下掠过,男人走一段后会从白色的路进入绿色的草坪路。

 

  1. 体验上

用数字和走不完的墓碑分布的路显示此次为国捐躯的同胞数量之多,还是很震撼人心的,男人的缓缓脚步也代表了我们的沉痛悼念。





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

标签

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

相关推荐:

网易新闻X哒哒X华润:TA好不容易找到我,只为了跟我说

天猫:看,你的宠物开直播了!

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~