UC浏览器:不正经人类鉴定中心

2022-03-28 H5案例分享 H5案例分享
UC浏览器:不正经人类鉴定中心


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

识别图中二维码

不正经人类鉴定中心-查阅二维码

完整欣赏此案例大约需要30秒


案例:不正经人类鉴定中心

品牌:UC浏览器

技术实现: HTML5

亮点:

1.创意定位

UC浏览器以“不正经人类鉴定中心”为主题,通过搞笑的测试问题,生成“不正经鉴定报告”,最后引导用户去UC正经部看爆笑段子。

 

2.策划逻辑

主要流程: ①主题页 → ②答题页 → ③过渡效果 → ④海报页。

 

① 主题页:露出主题——不正经人类鉴定中心,正不正经,一鉴便知,点击“开始鉴定”按钮,进入答题部分。

 

② 答题页。每题分题目、图片/视频、选项,用户点选选项后,弹出答题反馈,然后进入下一题,一共四题,答完后展示过渡效果。

 

③ 过渡效果。提示测试完毕,然后带出测试结果海报页。

 

④ 海报页。根据用户答题情况生成不正经指数百分比,配图、配文案,用户可以修改用户昵称。页面底部有“看段子”、“晒结果”两个按钮,点击“看段子”,跳转UC浏览器,点击“晒结果”,生成海报图片,长按可以保存到手机相册。

 

3.视觉交互

荒诞搞笑风格,每题一个梗,让大家选出自己认为最“不正经”的选项,没有对错,点击哪个选项都有反馈弹层。交互方式主要是点击、长按和输入。

 

4.用户体验

轻松愉快看爆笑梗,去UC浏览器试试,看爆笑段子。





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

标签

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

相关推荐:

UC浏览器:开工第一天的我,当场社死....结局看傻眼!

UC浏览器:夏日热辣行为大赏

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~