网易云课堂：测一测，你的隐藏职业
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分50秒
案例：测一测，你的隐藏职业
品牌：网易云课堂
技术实现： html5
亮点：
1.创意定位
根据用户所选择的绝活，生成一种令人向往或与众不同的「隐藏职业」，并在最后分享页中展示，激发用户晒圈欲望。罗列诸多有趣技能，让用户产生学习欲望，顺势推出网易云课堂，吸引用户参与。
2.策划逻辑
点击初始页鼓励语下的“GO”，进入选择页面，页面上有整齐的圆形图标和标签，图标开始时是被过滤颜色的状态，上面还有个锁形标志。用户选择自己会的图标内容进行点击，图标被翻牌后会旋转解锁，颜色变鲜亮。左滑翻页，四页选完后，输入名字，生成海报，包括用户的职业名称，主图，趣味解析语和图标合集。用户可点击加油包登录网易云课堂，和保存海报。
3.交互上
采用解锁的形式，灰色变彩色，体现出解锁技能的概念。
4.视觉上
颜色明亮，营造趣味氛围，各个隐藏职业都是手绘内容，生成一种理想的隐藏职业。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
