加多寶:你有一份准考证领取

案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:你有一份准考证领取
品牌:加多寶
技术实现: HTML5
亮点:
1.创意定位
加多宝在高考季推出的生成“高考准考证”的创意H5案例,以此唤醒用户的高考记忆,达成品牌曝光。
2.策划逻辑
Loading → 主题页 → 信息填写 → 过渡页 → 海报页。
Loading部分:一张教室背景图,百分百动态加载,到100%,背景不换,直接露出主题页。
主题页:你有一份准考证待领取,高考在即,你有什么话想对自己说吗?点击“领取准考证”按钮,即进入“信息填写”部分。
信息填写:四项信息需要录入,一是姓名,二是年份,三是照片,四是你想对自己说的话。其中,一、四项是输入,二是选择,三是上传照片,且有人脸识别功能。四项填写完毕,点击“确认”按钮,进入过渡页。
过渡页:一个牛皮纸档案袋背景,显示准考证发放中倒计时321,此处有品牌Logo和文案的植入。
海报页:即生成的准考证,很仿真。底部有访问该H5的二维码,以及注意事情:模拟准考证,非真实证件。长按保存海报,分享好友,好友可以通过海报上的二维码,进入H5体验。
3.设计交互
仿真设计,带阳光的教室、牛皮纸档案袋、高考准考证,还有红章,不仔细看都会误以为是真的准考证呢。交互方式简洁,输入、点选、上传照片、长按,虽然交互种类很多,但都很清晰。
4.用户体验
让小五立即想到了高考前的味道,炎热、 紧张,跃跃欲试,全力以赴,又满心期待。那是青春的记忆,那是风华正好的年纪,经历过的人,都会铭记一辈子。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号