西门子：舌尖上的幸福，西门子来帮你实现！

2017-11-15 H5案例分享 H5案例分享

案例：舌尖上的幸福，西门子来帮你实现！

出品：西门子

亮点：

策划上，宣传“西门子餐饮供应”（1）舌尖上的幸福主题标题在屏幕正中间，下边是住宅。（2）向下滑动开始模拟一天的生活，从早餐牛奶开始到午餐食用油，午休软饮，下午茶的糖，晚酌的啤酒。是进食时需要点击食物，点击食物之后会跳转到生成车间，在生产车间需要双手捏合后进行下一阶段的饮食。（3）饮食结束之后跳转到宣传页，底部有详情按钮和定制专属美食按钮。点击详情按钮可以跳转到乳制品、食用油、软饮、糖、啤酒的选择，选择对应食物可以看到详细的食品介绍，专属美食按钮则会跳转到APP下载链接。
设计上，漫画风格。
技术上 H5的auto音频+CSS3的animation动画。

技术实现： jQuery

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

识别图中二维码

舌尖上的幸福，西门子来帮你实现！-查阅二维码

完整欣赏此案例大约需要4分10秒

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

标签