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

2023-01-25 H5案例分享 H5案例分享

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

识别图中二维码

咪咕互娱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案例分享”团队原创文章，转载请注明出处！

标签