芒果TV X 网易文创 X 哒哒：组建部落冲刺演唱家族

2021-11-01 H5案例分享 H5案例分享

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

识别图中二维码

组建部落冲刺演唱家族-查阅二维码

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

案例：组建部落冲刺演唱家族

品牌：芒果TV X 网易文创 X 哒哒

技术实现： html5

亮点：

“披荆斩棘的哥哥”成团夜在即，用户选择哥哥组成自己的部落，看看能有几分胜算。以此为最后一期节目预热。

打开作品后，给自己的部落起个名字，选定成团人数，浏览哥哥们的卡牌，包括人像，必杀技，辅助技和魔法，喜欢的哥哥直接点击加入自己的部落，选择完毕后生成成团海报，包括被选哥哥们的合影，成团口号，部落名，出品方名字，以及成团夜的具体播放时间。

哥哥们被绘制得十分帅气，个个都成了“撕漫男”，红黑主色，营造魔幻氛围，个人技能也是根据其在节目中的表现设置的，突出了个人特长和性格，还原了哥哥们的样貌和形象，帮助用户回忆和选择。

哥哥们的卡牌被点击选择后，会有一句哥哥在节目中的原声出现，都是比较出圈或者有梗的个人标志性的话，把观众拉回节目乐趣中。

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

标签