4000-888-103

资讯动态歌诗达:歌诗达C位锦鲤资讯详情

歌诗达:歌诗达C位锦鲤

2019-10-16 00:00:00

83.jpg
b83.png

案例:歌诗达C位锦鲤

品牌:歌诗达

技术实现: html5

亮点:

  1. 创意定位

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

 

  1. 策划逻辑

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

 

  1. 设计上

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

 

  1. 交互上

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




c83.jpg
关键词:h5页面布局 h5互动的网站 h5单页应用
上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png