4000-888-103

资讯动态元宵节【H5案例】维本带你体验经典资讯详情

元宵节【H5案例】维本带你体验经典

2019-02-18 15:12:40

  元宵节,又称“上元节”或“灯节”,至今已有两千多年的历史,标志性的食物就是“汤圆”或“元宵”。作为新年第一个月圆之夜,按照传统习俗,人们在这一天会吃汤圆、点彩灯、猜灯谜以示庆贺,在元宵节的花灯里热闹一通,春节才算是正式落下帷幕。

  各大品牌也争先恐后出了一波借势H5,接下来让我们一起来看看,到底哪家品牌的元宵节营销H5撩动了你的心呢?

  一、由元宵节汤圆关键词发散……

  1.华夏公司:胖萌元宵膨“胀”记

  

元宵节H5制作


  案例:胖萌元宵膨“胀”记

  出品:华夏公司

  亮点:

  策划上,通过各类地区元宵的种类进行了图片的展示,适应了所有人群的兴趣和习惯,使人们产生一定的好奇心和新鲜感,进行下一步的点击。再下一步的页面中,展示了较为幽默的语音动画,摇一摇进行下一步,通过诙谐的动画展示,最后一屏,展示小程序二维码,进入华夏公司的赏金界面。

  设计上,主要以红色调为主,烘托出元宵节的气氛。以小元宵人物为主线,幽默诙谐

  体验上,视觉感能给人们带来幽默感和节日感

  交互上,通过三次的摇一摇给人们带来活跃感。幽默的文字和语音也带来了乐趣

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

  

元宵节H5制作


  2.长春华润置地:欢乐元宵,摇一摇制作汤圆

  

元宵节H5制作


  案例:欢乐元宵,摇一摇制作汤圆

  出品:长春华润置地

  亮点:

  策划上,游戏类,进入游戏后,手机摇一摇开始制作元宵,根据进度条提示,进行加水或加面,在规定的时间内,制作元宵数量进行排名,排名前100名可获得“好利来汤圆”2袋,也可点击制作元宵游戏界面下方的“摇一摇开始制作”按钮,进行元宵制作哦

  设计上,采用喜庆的红色作为主色调

  交互上,制作汤圆时,采用手机摇一摇形式

  技术上,手机摇一摇制作汤圆用了HTML5的重力感应。

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

  

元宵节H5制作


  二、由元宵节灯谜关键词发散………

  1.Birthidea博思堂:爱在元宵

  

元宵节H5制作


  案例:爱在元宵

  出品:Birthidea博思堂

  亮点:

  策划上,图文类案例。案例是情人节与元宵节两个节日组合的推广活动,将元宵灯谜与情人节公主迎亲相结合。案例像是90年代仙剑奇侠传游戏一样采用,人物对话的形式展开,在古时的小镇中穿梭,到最后见到公主后进入灯谜部分进行猜灯谜,最后有博思堂对大家的祝福。

  设计上,矢量漫画形式。画面设计偏策略类游戏风格。画面用色艳丽,各个颜色搭配并不突兀,画面人物场景造型偏Q版,让整个画面十分轻松愉悦。

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

  

元宵节H5制作


  2.腾讯新闻哥:奇葩灯谜会

  

元宵节H5制作


  案例:奇葩灯谜会

  出品:Tencent 腾讯

  亮点:

  策划上,测试答题类的小游戏,共有四道奇葩灯谜,每题四个选项,答完后,即可给出测试结果,看看你是哪种奇葩,挺有趣的哦

  设计上,采用喜庆的红色作为主色调

  技术上,这个小游戏是用canvas+CreateJs做的

  案例演示,扫描以下二维码 ->

  

元宵节H5制作


  3.网易:网易公开课花灯会

  

元宵节H5制作


  案例:网易公开课花灯会

  出品:网易

  亮点:

  策划上,猜灯谜,先从众多的小猴子中选择有灯谜的小猴子,得到谜面,然后出现答案提示画面,通过点击画面获得线索,点击“点我答题”,从三个选项中选择谜底,随后即出现提示,可知自己选对与否

  设计上,采用红色做主色调,还有萌萌的小猴子

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

  

元宵节H5制作


上一页 下一页

0
↑ 回到顶部

热门推荐

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