NISSAN 东风日产：我的最燃hiphop

2017-11-22 H5案例分享 H5案例分享

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

识别图中二维码

我的最燃hiphop-查阅二维码

完整欣赏此案例大约需要1分29秒

案例：我的最燃hiphop

出品：NISSAN 东风日产

亮点：

策划上，东方日产蓝鸟汽车的宣传H5，整体主打的是hiphop嘻哈风格。点击首屏的“放碟”进入一段rapper视频，视频播放完毕；有性别的选择，BRP和SIS（男性和女性）的选择，随着不同的选择，后面展示的内容也会不同；假如选择男性角色，下一屏出现和男性有关的标签，这里的标签选择不同，下一屏出现的男性卡通形象也会不同，可以选择多个标签；出现根据上一屏选择的标签，出现不同的卡通形象；点击下一步，输入制作MV命名和制作人名字的两个输入框，生成音乐；如果你选择的是男性，这会儿播放的音乐就是男性声音唱的rapper，如果是女性角色，这会儿播放的音乐就是女性声音rapper，可以再次制作MV。还可以成为蓝鸟车主，留资约车。
设计上，蓝色为主色调，符合蓝鸟的主题，整体设计嘻哈风。
体验上，横纵屏切换时，有时竖屏，再横屏，再竖屏，页面莫名放大，无法恢复正常比例。

技术实现： jQuery

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

标签