闪耀暖暖：闪耀暖暖

2021-04-20 H5案例分享 H5案例分享

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

识别图中二维码

闪耀暖暖-查阅二维码

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

案例：闪耀暖暖

品牌：闪耀暖暖

技术实现： html5

亮点：

闪耀暖暖推出冰雪奇缘系列皮肤，以此为主题邀请用户一起撰写一则属于自己的童话故事，感受纯真世界，还可以参与抽奖，结合热点，加深用户对于平台及新主题衣服的印象。

作品有两个环节

①视频播放

点击开始键，短视频自动播放，身着粉衣的闪耀暖暖女生讲述了冰雪奇缘2正在上映，闪耀暖暖推出两套爱莎同款礼服，邀请用户一起描绘发生在冰雪世界里的神奇故事。

②故事撰写

输入昵称后，用户根据题目选择符合自己心意的选项，包括山脚下房子的样式，女主的打扮偏好，恶龙的作恶方法和女主制服恶龙的方法（本题需手动输入文字），打败恶龙后女主回家做的事，落地海报包括完整的故事描述，配图，和出品方名字，用户可分享作品或填写个人资料参与抽奖。

3.设计上

以冰雪奇缘为主题，作品界面也是雪花纷飞，营造唯美意境，延续闪耀暖暖一贯的浪漫少女画风，看起来纯真干净。

4.交互上

用户选择答案后，被选项的名称会出现在题目空格里，大概两秒后自动跳转至下一题，无返回选项。

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

标签