百度:同学,还在等什么?快上车!
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分10秒
案例:同学,还在等什么?快上车!
品牌:百度
技术实现: jQuery
亮点:
1、创意定位
百度校园招聘H5,DIY定制属于自己的个性简历,通过与校园学生的互动,引导投递简历。
2、策划上
① 加载完毕后,画面显示终点站:百度大厦,下面有“定制属于你的个性简历”按钮,进入性别选择界面,可以选择而“GIRL”或者“BOY”,选择性别后,输入昵称;
② 进入个性简历背景选择界面,点击屏幕左右两侧箭头按钮进行选择切换,一共7个背景,点击“确认”按钮;
③ 我的入职态度界面中,5个类别选择“我的表情”“我的服饰”“我的发型”“我的饰品”“我的标签”;点击类别后,出现带滚动的下拉滚动条可供选择,点击选择,选择好后,点击下拉滚动条右上角的关闭按钮,返回我的入职态度界面;
我的表情:GIRL(8个表情可供选择,最多选择1个);BOY(7个表情可供选择,最多选择1个);
我的服饰:GIRL(5款服饰可供选择,最多选择1款);BOY(7款服饰可供选择,最多选择1款);
我的发型:GIRL/BOY(6个发型可供选择,最多选择1个),发型不同;
我的饰品:GIRL/BOY(13款饰品可供选择,最多选择1款),饰品相同;
我的标签:GIRL/BOY(20个表情可供选择,最多选择4个),大部分标签相同;
选择好后,点击“出发”按钮;
④ 生成海报,左上角为“投递简历”按钮,进入招聘界面;右上角为“呼朋唤友”按钮,提示用户分享。
3、设计上
像素画,卡通人物,细节上融入百度产品,例如:Apollo自动驾驶汽车、百度大厦等。
4、体验上
无论如何互动,针对的用户群喜欢就好。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号