喜马拉雅：把愿望说给宇宙听

2022-01-20 H5案例分享 H5案例分享

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

识别图中二维码

把愿望说给宇宙听-查阅二维码

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

案例：把愿望说给宇宙听

品牌：喜马拉雅

技术实现： html5

亮点：

1.创意定位

<<三体>>是这两年人气最旺的科幻小说之一，喜马拉雅也开启了广播剧陪伴书迷，当下广播剧完结，但人们对宇宙的着迷与探索却永远不会终结，因此在新年之际，平台号召用户在作品中许下新年愿望，向宇宙发射，寄托美好祝福，迎接2022更好的人生。

2.策划逻辑

点击打开作品，下方有一位手绘的宇航员将手伸向一个发光的球，上方有愿望词条斜着缓缓划过，点击触点，输入愿望，可以从给出的愿望中直接选择一个，也可以手动输入，然后点击触点，用户的愿望划过太空，此界面直接生成海报。

3.设计上

黑色的宇宙中闪着金光的宇航员，许愿球，和像流星一样划过的愿望，唯美浪漫。

4.交互上

最后界面可直接返回继续许愿，手动输入愿望的话，每次不能超过十个字。

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

标签