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

2022-06-10 H5案例分享 H5案例分享
加多寶:你有一份准考证领取


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

识别图中二维码

你有一份准考证领取-查阅二维码

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


案例:你有一份准考证领取

品牌:加多寶

技术实现: HTML5

亮点:

1.创意定位

加多宝在高考季推出的生成“高考准考证”的创意H5案例,以此唤醒用户的高考记忆,达成品牌曝光。

 

2.策划逻辑

Loading → 主题页 → 信息填写 → 过渡页 → 海报页。

 

Loading部分:一张教室背景图,百分百动态加载,到100%,背景不换,直接露出主题页。

 

主题页:你有一份准考证待领取,高考在即,你有什么话想对自己说吗?点击“领取准考证”按钮,即进入“信息填写”部分。

 

信息填写:四项信息需要录入,一是姓名,二是年份,三是照片,四是你想对自己说的话。其中,一、四项是输入,二是选择,三是上传照片,且有人脸识别功能。四项填写完毕,点击“确认”按钮,进入过渡页。

 

过渡页:一个牛皮纸档案袋背景,显示准考证发放中倒计时321,此处有品牌Logo和文案的植入。

 

海报页:即生成的准考证,很仿真。底部有访问该H5的二维码,以及注意事情:模拟准考证,非真实证件。长按保存海报,分享好友,好友可以通过海报上的二维码,进入H5体验。

 

3.设计交互

仿真设计,带阳光的教室、牛皮纸档案袋、高考准考证,还有红章,不仔细看都会误以为是真的准考证呢。交互方式简洁,输入、点选、上传照片、长按,虽然交互种类很多,但都很清晰。

 

4.用户体验

让小五立即想到了高考前的味道,炎热、 紧张,跃跃欲试,全力以赴,又满心期待。那是青春的记忆,那是风华正好的年纪,经历过的人,都会铭记一辈子。





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

标签

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

相关推荐:

加多宝:退后一步是青春,往前一步是金彩。

百事可乐X小鹅拼拼:摇可乐挑战

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~