国庆假期已过去好几天了
各位的假期综合征缓过来了嘛
笔者整个国庆都是躺尸状态
看着全国各地一路堵成狗
躺床上的我感到很欣慰
躺尸追如懿传不好嘛
为何要在高速上买炒面~
说到如懿传只想说句
男人都是大猪蹄子
今天以测试你是哪种大猪蹄子
开始今天的H5案例分析~

有得卖:测测你是哪种大猪蹄子

创意分析:
创意定位,蹭着宫斗剧的热点,以人生宫斗剧为切入点进行答题测试,最后引出宣传主题。

技术分析:
策划上,问答题的形式,答题之前需要先选择性别,但性别与题目的设置并无关系。一共7道题,回答完毕后会出现结果页,结果页列出了男友的求生值、耿直值、宠爱值等7个角度的评星,用户可以选择再测一次或一键回收大猪蹄子。

视觉分析:
设计上,采用小清新色调的手绘风格。体验上,画面清新,文案诙谐幽默,就是题目数量略多,并且从问答题答案的设置来看,男友没活路啊,怎么样回答都会沦为大猪蹄子呢~
QQ浏览器 + 电影《影》 :脱影而出,回归本我

创意分析:
策划上,以张艺谋最新作品电影《影》中“本我与替身”的故事内核,与普通人的生活相结合,表达每个人在日常中都是自己的影子。结构上从电影角色的自述,过渡到影子与每一个“你”的对话。最后通过陀螺仪以全景式的交互完成用户的“自我检测”,6种角色人物选择,输出个性化的“影子”结果。

技术分析:
开始的视频片段模范电影水墨画的视觉感,中间长按即可继续播放视频的技术,可以把每一帧的画面都暂停观看,增加用户参与感。最后通过陀螺仪以全景式移动手机选定心仪的角色人物,趣味性十足,用户体验感还是很好的。

视觉分析:
设计上,黑白色颗粒度插画形式,辅助色为深蓝色。体验上,开始视频部分,提供跳过视频功能;生成海报部分,也提供不输入昵称,快速生成海报。这样很不错的体验,方便用户快速看到最后一屏。
敦煌研究院XQQ音乐:敦煌数字供养人

创意分析:
创意定位,将敦煌壁画与音乐结合,展现了一种古曲与流行音乐碰撞出的火花,以让用户做“制作人”的方式加入互动,最后引出活动宣传。

技术分析:
策划上,这是一款邀请用户自己制作音乐的小游戏。进入H5后,没有任何引语,而是直接了当的告诉用户玩法:点击乐器就可加入相应的和音。页面有3个按钮,用户可以选择更换曲风、重置或者生成音乐。针对游戏中的这首曲子,一共有4种曲风:爵式风、金属风、中国风和电子风,不同的曲风页面供选择的乐器也不同。生成音乐后,会回放用户制作的音乐,用户可以长按保存海报,保存下来的海报印有二维码,扫码可收听用户生成的音乐。

视觉分析:
设计上,主体页面以敦煌壁画中的飞天为原型进行创作,页面是复古做旧的风格,画面虽然加入了很多现代的乐器,但处理的很好,不会有违和感。体验上,游戏体验很好,操作灵敏、流畅,页面设计也很精美。
名爵HS:老板,请不要泄露我的照片

创意分析:
创意定位,以荷尔蒙照相馆为引子,邀读者答题并上传照片,以此测试用户的荷尔蒙含量,并以此宣传品牌方的荷尔蒙SUV车型。

技术分析:
策划上,整体是将答题测试与上传照片结合,一并测试用户的荷尔蒙含量。测试一共5道题,题目设置比较中规中矩,类似常见的命运测试题。答题完毕后需要用户上传照片进行进一步的分析,最后会生成结果页并引出宣传内容。

视觉分析:
设计上,手绘美漫风格,以深咖色为主色调,突显神秘的风格。体验上,整体操作流畅,题目数量正好,页面设计的很有感觉,就是荷尔蒙照相馆的成片出来有点不美丽,可能会导致用户减少分享欲望。
九阳:都市日常迷信指南

创意分析:
创意定位,用流行的一周运势测试的小游戏,手绘动漫的效果,不正经的题目跟动漫,很有趣味性。

技术分析:
策划上,用五道题测出用户的“本周运势”,测试的结果关键词都是不太好的运势结果,由此引导用户点击“转运”的按钮,进入产品推广页面。①用户进入H5后,点击“预测运势”按钮,输入姓名后,就开始进入了答题测试页面。②答题测试一共有五道题,每道题有四个选项,配以相关图片,用户选择最符合自己意向的一项选择,来测试运势。③五道题结束后,进入结果页面。结果页面就是该用户本周的运势关键词。长按图片可以保存该运势页面。

视觉分析:
设计上,偏粉色的卡通设计风,配以搞怪十足的音乐,使整个H5产品趣味满满。体验上,每道题的选项都稀奇古怪,让人摸不到头脑,但也成功地挑起了用户的好奇心。
身边很多小伙伴纷纷想弃剧
说越看越窝火
的确如此,气炸~
如懿最终还是以悲剧结尾
各位大猪蹄子们
好好珍惜身边的人吧
更多创意H5解析
请关注H5创意汇
每周为你解析最热门H5案例


