冠珠陶瓷：原来中国人在中秋节都会做的一件事是…

2016-09-18 H5案例分享 H5案例分享

案例：原来中国人在中秋节都会做的一件事是…

出品：冠珠陶瓷

亮点：

策划上：温情故事类。①载入完毕，第一个场景是一个上班族男生，收到一个紧急加班通知，同时手机收到一条消息。②点击屏幕，是儿子与妈妈的聊天部分。③终于加班完，开始刷朋友圈，并想起自己应该多陪爸妈说说话。④最后一页，可选择“分享”或输入爸妈的手机号，并点击“现在就打”来给他们打电话。
设计上：①卡通漫画风格，大体色调是暗黄色。②动画由GIF图片与CSS3实现，效果很简单，但也够用，很好地表达了主题。③中间有模拟微信聊天、朋友圈点赞等部分。④文案很直接很戳人。⑤不同的场景有不同的音效，很有代入感。
体验上：有点击屏幕、点赞等交互，让人有参与感；乡村风格的背景音乐，与故事很搭，也能很棒地收尾；总体是一个温情十足的H5。

技术实现： Zepto + Animate.css

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

识别图中二维码

原来中国人在中秋节都会做的一件事是…-查阅二维码

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

标签