H5创意汇：新浪H5，LEVI'S H5,网易新闻H5

新浪：旅行治愈馆

创意分析：

创意定位，以旅行治愈馆为名，帮用户测算哪个旅游地是ta的治愈地，以此引出宣传主题。

技术分析：

策划上，本质上还是测试题的形式，但是采取了模拟电脑测试的形式，选项也被模拟成了按键的形式。一共有六道题，测完后“机器”便会打印出测试结果。设计上，使用插画风格，以黑蓝色为背景，不论是页面设计还是背景音乐都充满了神秘感。

视觉分析：

色调上以深色为主，贴切深夜主题。体验上，整个页面的设计都很精致吸睛，测试题目的形式也很新颖，就是选择选项后的音效略有延迟~

LEVI’S:这好像是我第一次把声音交给别人

创意分析：

创意定位，以录制声音生成声活单曲的方式，让用户通过H5平台进行单曲录制，符合当下流行的“全民制作人”模式。

技术分析：

策划上，进入H5便会有三段走心的场景文案描写引入主题，之后便让用户开始录制“声活”，点击录音键便有十五秒的时间录制，录制完成后可以选择试听或者上传，上传后可以给自己的录音配一段文字说明，再选择一位制作人，通过授权便可以生成海报。

视觉分析：

设计上，简洁的设计风格，黑红的配色，很有现代感。体验上，操作很流畅，但是手机录制的效果并不是很好。中间穿插的视频非常具有个性，每一个场景会让人对号入座，最后陈粒的歌声瞬间就起了鸡皮疙瘩。

网易新闻：龙猫线上扭蛋今日营业

创意分析：

创意定位，以纪念龙猫30周年，龙猫送你礼物为创意点，让用户参与“龙猫线上扭蛋机”活动，点击扭蛋机可以生成各种日本动画卡通人物玩偶3D形象，最后生成一张海报，形成分享和回流。

技术分析：

策划逻辑，大致分四个步骤：① 视频动画，20秒勾起用户对龙猫的回忆；② 参与扭蛋机活动，点击金币，旋转开关，点击金蛋，会出现一个卡通玩偶3D形象，用户可以旋转观玩偶形象，画面底部有3个按钮：再玩一次、拍照、收藏的玩具；③ 点击拍照图标，会以当前卡通玩偶效果合成一张海报，带人物台词及品牌、回流二维码；④ 点击“收藏的玩具”，会显示用户已经收藏的卡通玩偶形象。技术分析，其中3D部分用到了ThreeJS框架，海报部分用了画布合成框架html2canvas，交互手势部分则用到了很小的手势库AlloyFinger。

视觉分析：

体验上，看到龙猫，想到的不是动画片，而是自己的青春。想想龙猫都30岁了，看龙猫的小朋友们，是不是也都成为了大朋友。

情人节送她什么礼物？

最好的礼物是

给她送一辈子的情人节礼物！

更多创意H5解析

请关注H5创意汇

每周为你解析最热门H5案例

人人秀原创文章，如若转载请注明出处：https://rrx.cn/content-jugbfr