虾米音乐：梦回长安，你会遇见谁？

2019-08-11 H5案例分享 H5案例分享

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

识别图中二维码

梦回长安，你会遇见谁？-查阅二维码

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

案例：梦回长安，你会遇见谁？

品牌：虾米音乐

亮点：

1. 创意定位

虾米音乐结合《长安十二时辰》电视剧做出的品牌宣传，给出电视剧人物和对应的音乐。

2.策划上

首先通过三屏的动画，引入“梦回长安，你会遇见谁”，点击“开启长安之旅”按钮，首先选择在右侧选择你的入城时辰（上下滑动）；

其次在选择性别和输入姓名，确定后，屏幕开始滚动长安十二时辰中8个主要人物的头像（包括张小敬、李必、檀棋等），最后给出一个人物，并给出两个选择；

根据你的选择和对应的人物，给出一个《长安十二时辰》的音乐，同时也有对应的海报，海报里有你开始选择入城的时辰、你输入的姓名，还有系统给出的剧中人物。

3.设计上

棕色调，真实的剧中人物，背景采用剧中的画面。

4. 技术上

案例中的动画，大部分采用的是CSS3中的animation实现。

技术实现： JavaScript

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

标签