喜力啤酒：坐上喜力这辆车，去赛道之上“星”发现！

2017-05-09 H5案例分享 H5案例分享

案例：坐上喜力这辆车，去赛道之上“星”发现！

出品：喜力啤酒

制作：Publicis.Sapient 上海

亮点：

策划上，图文展示类案例。案例加载完成后进入案例，首先填写您的生日进入网站，随后点击“名”星赛道马上订制，输入自己的形式，即刻开驶，随后展现姓氏赛道，赛道上有5个任务点击选择任务后，接受任务开始答题。总共3道题，答错后会有正确答案提示，问题顺序和内容是不变的，多做几次就可以全对。完成任务后领取天猫优惠券。
设计上，颜色来讲，以喜力啤酒绿色瓶身及logo色为主，让整个案例笼罩在一层朦胧的绿色中，随后用橙色的荧光制造灯光效果，对比不会那么强烈，还可以更加聚焦读者视觉中心，更有冲击感。
体验上，案例营销活动紧扣F1城市赛道主题，通过线上体验将F1推广到全国。将线上体验与线下活动相结合，让喜力品牌文化深入人心。还有一点，并不是所有姓氏都可以制作自己的专属赛道哦~

技术实现： JavaScript + 序列帧

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

识别图中二维码

坐上喜力这辆车，去赛道之上“星”发现！-查阅二维码

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

标签