歌诗达:歌诗达C位锦鲤

2019-11-08 H5案例分享 H5案例分享
歌诗达:歌诗达C位锦鲤


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

识别图中二维码

歌诗达C位锦鲤-查阅二维码

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


案例:歌诗达C位锦鲤

品牌:歌诗达

技术实现: html5

亮点:

  1. 创意定位

歌诗达邮轮推出的以Costa首字母“C”为主题的宣传作品,用户回答问题和完成互动后,可获得歌诗达邮轮送出的福利。

 

  1. 策划逻辑

主界面是标题和层叠的设计成邮轮设备的“C”字,点击“start”后依次进行以下操作:从四张牌中点击C牌让其放大变成lucky,点击从三个小洞中轮流冒出的小药丸使其打开显示维C添活力,点击上方“COSTA”中的C填满下方“chuan”中空缺的C,一艘邮轮驶过屏幕,最后点击金牌上的三个“C”,即可领取福利(不是会员的需注册成为会员后领取)。

 

  1. 设计上

淡蓝色的主色调,是大海的颜色,很清新,全部题目都紧紧围绕着“C”进行,呼应主题。

 

  1. 交互上

每一题都有不同的交互,翻牌,点击小药丸,填颜色,重复点击,为操作增加趣味,反复强调”C”字,增加用户印象。





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

星巴克:Starbucks

SAKURA樱花X国家宝藏:SAKURA樱花X国家宝藏

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~