温商贷:二十四节气-霜降篇

2017-10-23 H5案例分享 H5案例分享
温商贷:二十四节气-霜降篇

案例:二十四节气-霜降篇

出品:温商贷

亮点:

  1. 策划上,对话+rap说唱类,页面主要分为两部分,① 以对话的形式探讨门前柿子的形状,小燕子、五阿哥、容嬷嬷等人纷纷发表了自己的看法,但是众说纷纭,皇上很失望,无奈之下呼唤福伦;② 福伦以鬼畜的rap形式,形象的讲述了温商贷理财所获得的收益救了一方百姓的事情,在最后柿子树长出的,奇形怪状的柿子化为了温商贷logo的形状,并引出二十四节气之霜降,从而达到其宣传目的。
  2. 设计上,漫画风格,采用棕绿色作为主色调,橘红色作为辅色调,柿子的排列形状与温商贷logo的形状结合的很巧妙,整体画风搞怪,配音鬼畜,让人印象深刻。
  3. 技术上,里面的对话配音和rap说唱配音采用的都是Html5的audio音频。



技术实现: Vue.js + WebPack



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

识别图中二维码

二十四节气-霜降篇-查阅二维码

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



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

标签

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

相关推荐:

腾讯出品的H5宣传案例 — 二十四节气之冬至

腾讯UED H5案例 — 二十四节气之清明节

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~