三联生活周刊X中读：莫高寻窟，解锁你的敦煌幸运签

2021-12-24 H5案例分享 H5案例分享

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

识别图中二维码

莫高寻窟，解锁你的敦煌幸运签-查阅二维码

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

案例：莫高寻窟，解锁你的敦煌幸运签

品牌：三联生活周刊X中读

技术实现： html5

亮点：

1.创意定位

莫高窟作为我国优秀的文化遗产，有许多的精彩等待着我们去领略，许多相关知识可以学习，作品用探窟的方式设置问答，回答满五题即可获得幸运签，以此拉近神秘的敦煌与用户之间的距离。

2.策划逻辑

点击初始页的小狗，了解操作方法，滑动屏幕寻找发光的窟洞口，点击回答问题，左下角有寻窟进度，右下角有令牌数，令牌数在答对题目的时候会增加一个，答错则减一个，五道题答完生成海报，包括用户看到的窟洞内容和性格关键词，壁画主图，幸运签内容，出品方及二维码。

3.设计上

作品是手绘形式，从颜色与风格上写实化的还原了莫高窟的景象，略有斑驳的壁画，古旧的色彩，和许许多多的窟洞。一只可爱小狗的故事作为作品开头，穿插守护人的善举回顾，让文化传播更有生活气息，小狗的故事也很暖心。

4.交互上

用户在逛莫高窟寻找发光的窟洞时，会有许多相关知识点可以浏览，普及相关知识。用户只需要答对五道题即可，不分对错。

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

标签