搜狐新闻×半糖:台湾剧cp

搜狐新闻×半糖:台湾剧cp
2019年08月19日 11:33 H5案例分享

案例链接:http://sugar.k.sohu.com/h5/1907_cp/index.html

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

案例:台湾剧cp

品牌:搜狐新闻×半糖

技术实现:Hilo + jQuery

亮点:

1.创意定位

由搜狐新闻和半糖网制作的童年类台湾偶像剧相关测试H5。

2.策划逻辑

整个H5主要分为三部分:

①Loading部分:加载图标是一只卡通的黑色小猫在摇尾巴。

②测试部分:主页是由几部分漫画的格子和网点和不同的颜色组成,下方是台湾地图,左上角是搜狐新闻和半糖的Logo,题目“宝岛之光,台湾偶像剧,召唤你的童年cp”,在点击向下的开始旁边有标注“打开音量,观赏效果更佳哦~”。选择每个选项都会有相应的变化,每道题的背景bgm也不同,还有的是视频。

Q1:请问单均昊总经理的酒店SenWELL是什么量级的酒店?

Q2:以下哪种类型的男生,更接近你对完美理想型的定义??

Q3:你最好的直男朋友渴望脱单,你会给他介绍哪种类型的妹子?

Q4:如果此时你是视频中的男主江直树,你会说点什么?

Q5:以下出场方式,你更喜欢哪个?

都选择完毕后会让用户选择自己性别和感情状态,最后填写自己的名字,点击提交。

③海报页面:选得出用户的台湾偶像剧cp是谁,左下方是Logo,右下方是二维码。

3.设计上

选题新颖,一般都是童年回忆类的电视剧。

4.体验上

运用的Hilo + jQuery技术,不过无法在测试中关闭音乐。

【案例截屏】

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

财经自媒体联盟更多自媒体作者

新浪首页 语音播报 相关新闻 返回顶部