案例演示 ,请长按/扫描以下二维码 ->
识别图中 二维码
完整欣赏此案例大约需要30秒
案例:声音解码器
品牌:火山小视频
亮点:
创意定位:火山小视频联合《歌手》推出的测试类的H5,测试你的歌手cp音是哪位明星。
策划上,①首先标题是;测一测谁是你的《歌手》cp音?;,下方输入昵称,选择性别,点
击右下角;声音解码;按钮,②会随机抽取一段话,点击开始录音,朗诵或吟唱这段话(时长不
低于5秒)。③最后生成一张属于用户的声音解码报告,有与你一同的cp歌手,并搭配着一首专属歌曲,下方
有两个按钮,;再测一次;和;分享一下;。
设计上,采用蓝色作为主色调,橙色作为辅色调,并以画满线条的格子线条做背景,很炫的色彩。
体验上,操作简单,很单调的一个小测试,添加一点背景音乐就好了(一加手机上加载有些慢)。
技术实现: jQuery swiper vue zepto layerjs