今天是七夕情人节
大家要怎么过呢
作为一只母胎solo的单身汪
今天只不过是一个普通的周五
早上起床打开朋友圈就已经开始
散发出一股恋爱的酸臭味
还好今晚要加班，不用出去被虐
各位单身汪们还是好好在家呆着
看看今天的H5案例分析吧
简豆：我想和你领个证
创意分析：
创意定位，在七夕节到来前，以广大单身为主要受众人群，以结婚证为主题，生生成各种角度的仿真结婚证，可以在七夕节时晒出，跟朋友开个玩笑，“迷惑”一下好友，告诉朋友七夕并不孤单，已“结束”单身。
技术分析：
策划上，结婚证生成器一共三个步骤：① 露出主题；② 选择结婚证展示样式，共6种，每种需要用户录入、上传的信息不同；录入信息后，上传照片后，点击“生成结婚证”即可生成；③ 生成结果页，可以长按保存；点击“分享结婚证”，弹出分享蒙层。交互上，主要包含：点选、输入、上传照片、长按保存等。
视觉分析：
色调是以红色跟白色调为主，贴合主题。体验上，如果非用户正面照片，合成图片环节会比较慢，甚至合成不出来。
英语流利说：职场版延禧攻略
创意分析：
创意定位，在宫斗大剧《延禧攻略》大火的时候，做出相关的产品,借助IP流量，根据相关的剧情设置问题，更加有代入感，剧中人物手绘图片加上清宫风格，还是很生动的！
技术分析：
策划上，通过测试题的形式，8道题，测出用户是电视剧里的哪个角色、可以活几集。设计上，使用古风与漫画结合的形式，设计以正红色为主，黄色、蓝色为辅，宫廷感十足。
视觉分析：
以红色为主的莫兰迪色调，贴切剧中主色调，配图以剧中人物手绘图，配以相关的人物代入问题，体验上，衔接剧情剧情，更加有趣生动，最后生成的海报，也会容易引发转发欲！
新浪：旅行治愈馆
创意分析：
创意定位，以旅行治愈馆为名，帮用户测算哪个旅游地是ta的治愈地，以此引出宣传主题。
技术分析：
策划上，本质上还是测试题的形式，但是采取了模拟电脑测试的形式，选项也被模拟成了按键的形式。一共有六道题，测完后“机器”便会打印出测试结果。设计上，使用插画风格，以黑蓝色为背景，不论是页面设计还是背景音乐都充满了神秘感。
视觉分析：
色调上以深色为主，贴切深夜主题。体验上，整个页面的设计都很精致吸睛，测试题目的形式也很新颖，就是选择选项后的音效略有延迟~
LEVI’S:这好像是我第一次把声音交给别人
创意分析：
创意定位，以录制声音生成声活单曲的方式，让用户通过H5平台进行单曲录制，符合当下流行的“全民制作人”模式。
技术分析：
策划上，进入H5便会有三段走心的场景文案描写引入主题，之后便让用户开始录制“声活”，点击录音键便有十五秒的时间录制，录制完成后可以选择试听或者上传，上传后可以给自己的录音配一段文字说明，再选择一位制作人，通过授权便可以生成海报。
视觉分析：
设计上，简洁的设计风格，黑红的配色，很有现代感。体验上，操作很流畅，但是手机录制的效果并不是很好。中间穿插的视频非常具有个性，每一个场景会让人对号入座，最后陈粒的歌声瞬间就起了鸡皮疙瘩。
网易新闻：龙猫线上扭蛋今日营业
创意分析：
创意定位，以纪念龙猫30周年，龙猫送你礼物为创意点，让用户参与“龙猫线上扭蛋机”活动，点击扭蛋机可以生成各种日本动画卡通人物玩偶3D形象，最后生成一张海报，形成分享和回流。
技术分析：
策划逻辑，大致分四个步骤：① 视频动画，20秒勾起用户对龙猫的回忆；② 参与扭蛋机活动，点击金币，旋转开关，点击金蛋，会出现一个卡通玩偶3D形象，用户可以旋转观玩偶形象，画面底部有3个按钮：再玩一次、拍照、收藏的玩具；③ 点击拍照图标，会以当前卡通玩偶效果合成一张海报，带人物台词及品牌、回流二维码；④ 点击“收藏的玩具”，会显示用户已经收藏的卡通玩偶形象。技术分析，其中3D部分用到了ThreeJS框架，海报部分用了画布合成框架html2canvas，交互手势部分则用到了很小的手势库AlloyFinger。
视觉分析：
体验上，看到龙猫，想到的不是动画片，而是自己的青春。想想龙猫都30岁了，看龙猫的小朋友们，是不是也都成为了大朋友。
情人节送她什么礼物？
最好的礼物是
给她送一辈子的情人节礼物！
更多创意H5解析
请关注H5创意汇
每周为你解析最热门H5案例
