简豆:神秘小五的一天

2019-11-06 H5案例分享 H5案例分享
简豆:神秘小五的一天


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

识别图中二维码

神秘小五的一天-查阅二维码

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


案例:神秘小五的一天

品牌:简豆

技术实现: Pixi.js + PhyTouch + TweenMax + TimelineMax

亮点:

1、创意定位

H5案例分享品牌宣传的H5,讲述H5案例分享团队中小五的成长,里面的故事涉及团队中的伙伴和用户的成长,将故事集中到了小五身上,感谢为创意贡献故事剧情的伙伴们,核心主题“是否记得青春年少时的自己”,还有那时候的初心。

 

2、策划上

一镜到底的形式,通过几个小故事,用户横向滑动屏幕的过程中,不断的讲述故事,例如小五接听电话、项目沟通、接受工作任务、也有工作中的彷徨、多头领导的困惑、与开发小哥哥的沟通(我们的开发小哥哥人都特别好,再难的需求都可以搞定,故事中不小心让小哥哥背锅了,剧情需求);故事叙述完毕,展示上学时自己,回忆自己的初心,发现生活的原动力!

 

3、设计上

手绘插画,暖色调。

 

4、技术上

我们特别开发了这个案例的技术实现课程《横向一镜到底类H5的开发与实战》,一步步教大家如何代码实现。





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

标签

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

相关推荐:

长图的形式,不同的叙事风格,展示不同的故事内容,或高兴,或悲伤,或只有你才懂的经历!

一镜到底的奥妙合集

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~