QQ浏览器:QQ浏览器搜刷用看

2021-03-24 H5案例分享 H5案例分享
QQ浏览器:QQ浏览器搜刷用看


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

识别图中二维码

QQ浏览器搜刷用看-查阅二维码

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


案例:QQ浏览器搜刷用看

品牌:QQ浏览器

技术实现: reactjs + video

亮点:

  1. 创意定位

QQ浏览器功能介绍H5,一个好奇又调皮的粉色小人儿闯入了手机和电脑桌面,在里面“胡作非为”,听起来就很有趣,在小粉人儿的“冒险”过程中展现QQ浏览器在搜索内容,刷网页,处理文档,图画及看小说这四大方面的功能,吸引用户使用。

 

  1. 策划逻辑

整个作品主要有四部分内容

 

①初始界面

逐字出现两个有趣问题,用户点击下方触点开始观看视频,小粉人儿一脚踢飞手里的小花,开始“探险”。

 

②手机桌面

小粉人儿进入了手机桌面,逐层跳上APP图标,打开QQ浏览器,把搜索栏翻出问题,又在不断出现的许多搜索框上侧慌忙爬行。

 

③电脑桌面

小粉人儿打开图片骑上图中的小兔子,挥手更换画面效果,打开音乐播放器热舞,打开视频播放框,出现关键字“搜刷用看”,小人儿把一个对话框扯长,又脚踩“复制”图标复制出满屏对话框,接着脚踩秘密文件夹,踩出许多危险文件夹小界面,危险文件夹小界面组成猫咪追杀小粉人儿,小粉人儿跑到QQ浏览器小说中,用颜文字当机器人座驾打败了猫咪,也把小说页面框炸得破破烂烂。

 

④落地海报

小人儿来到了浏览器界面,搜索框显示浏览器全新品牌发布,最后是QQ浏览器浏览框和关键字海报,用户可点击分享作品。

 

  1. 设计上

小粉人儿就像一个好奇的熊孩子,闯入虚拟世界,肆无忌惮,什么都要看看摸摸,而且行为“粗鲁”,肢体语言夸张,看起来很滑稽,也让视频很吸引人。

 

  1. 视觉上

小粉人儿全身粉红,颜色上与背景(手机桌面和电脑桌面)分得很清楚,它奔跑跳跃踩踏伸头探脑到处捣乱,动作不断,抓住眼球,把浏览器的功能表现得很全面和详细。





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

标签

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

相关推荐:

QQ星:专属营养Q萌星年

QQ浏览器:阅过山川 益起读书

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~