华为:我的灵魂职业
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要35秒
案例:我的灵魂职业
出品:华为
亮点:
- 策划上,测试类的H5,首先输入昵称,回答6个问题,每个问题有4个答案,6个问题是关于幻想和工作,例如去月球工作,你会怎么样?被困在小岛如何求生?拍卖自己的一部分,你会拍卖什么?等等;根据回答,会从8种图片种类中分配1个;根据你填写的昵称,和分配的图片种类,生成的海报。
- 设计上,颗粒度漫画。
- 体验上,前三个问题是正常形式;第四个问题是点击不同位置的工位;第五个问题采用水平滑动,选择问题;第六个问题,是音频的问题,首先要听音乐,而后再选择。
技术实现: jQuery + animateJs
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号