案例链接: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案例分享”团队原创文章,转载请注明出处!
4000520066 欢迎批评指正
Copyright © 1996-2019 SINA Corporation
All Rights Reserved 新浪公司 版权所有
All Rights Reserved 新浪公司 版权所有