太太静心口服液：宫廷剧震撼上演，甄小主智斗武才人

2016-06-24 H5案例分享 H5案例分享

案例：宫廷剧震撼上演，甄小主智斗武才人

出品：太太静心口服液

亮点：

策划上，游戏类，模拟微信，①先以微信里腾讯新闻的形式将甄小主智斗武才人的信息展现出来；② 点击屏幕，画面快速抖动，进入到游戏，游戏共分为3关，比貌、比德、比民心，前两关，一比一，平，最后一局甄小主因懂得将好东西静心口服液分享给大家，赢的民心而胜出；③ 在以来电显的形式，将妈妈对静心口服液的满意展现出来，电话结束跳转到京东静心助眠口服液商品页面，喜欢的小伙伴可以立即下手哦
设计上，主题风格模仿微信，里面的腾讯新闻展示页，群聊拉民心，这些都是典型的微信风格，妈妈来电显赞美静心口服液更添真实感
体验上，体验很不错哦，动画主要采用js+CSS3的形式，没有用到canvas哦~

技术实现： jQuery

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

识别图中二维码

宫廷剧震撼上演，甄小主智斗武才人-查阅二维码

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

标签