歌诗达:歌诗达C位锦鲤
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分30秒
案例:歌诗达C位锦鲤
品牌:歌诗达
技术实现: html5
亮点:
- 创意定位
歌诗达邮轮推出的以Costa首字母“C”为主题的宣传作品,用户回答问题和完成互动后,可获得歌诗达邮轮送出的福利。
- 策划逻辑
主界面是标题和层叠的设计成邮轮设备的“C”字,点击“start”后依次进行以下操作:从四张牌中点击C牌让其放大变成lucky,点击从三个小洞中轮流冒出的小药丸使其打开显示维C添活力,点击上方“COSTA”中的C填满下方“chuan”中空缺的C,一艘邮轮驶过屏幕,最后点击金牌上的三个“C”,即可领取福利(不是会员的需注册成为会员后领取)。
- 设计上
淡蓝色的主色调,是大海的颜色,很清新,全部题目都紧紧围绕着“C”进行,呼应主题。
- 交互上
每一题都有不同的交互,翻牌,点击小药丸,填颜色,重复点击,为操作增加趣味,反复强调”C”字,增加用户印象。
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号