咪咕:咪咕互娱2022年荣誉图鉴

2023-01-25 H5案例分享 H5案例分享
咪咕:咪咕互娱2022年荣誉图鉴


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

识别图中二维码

咪咕互娱2022年荣誉图鉴-查阅二维码

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


案例:咪咕互娱2022年荣誉图鉴

品牌:咪咕

技术实现: HTML5

亮点:

1.创意定位

中国移动旗下的咪咕互娱推出的2022年荣誉图鉴创意H5作品。用图鉴的方式把2022年一整年咪咕获得的荣誉、成就等展现出来,清晰直接,最后还有联系方式及官方公众号,吸引更多的用户关注。

 

2.策划逻辑

大致逻辑:Loading加载页 → 主题页 → 图鉴长图页。

 

Loading加载页:2022年到2023年,动态小飞机快速划过,加载完成进入主题页。

 

主题页:露出品牌Logo中国移动5G+|咪咕和主标题。2022踔厉奋发笃行不怠。2023致敬同行的你!咪咕互娱2022年荣誉图鉴。

 

图鉴长图页:上滑屏幕,图鉴长图页随滑动展开,竖向长图,按月份展现2022获得的各种荣誉证书以及相关介绍。最底部有咪咕快游微信公众号以及商务合作邮箱。

 

3.视觉交互

以紫色为主背景,紫底白字,配合图文,清爽干净。图文内容较多的案例可以参考。交互方式主要采用滑动和长按等。

 

4.用户体验

春节前后,各种APP类生成的报告H5都出来了,其实,最应该总结和报告的,应该是一年的总结,每个人都应该生成一个2022年关于自己的图鉴。

 





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

标签

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

相关推荐:

咪咕音乐X口袋铃声X支付宝:在吗

人民日报新媒体 x 中国移动 x 咪咕:东京奥运会 金牌大挑战

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~