万科：下班打卡_H5案例分享

万科：下班打卡

2016-10-10 H5案例分享 H5案例分享

案例：下班打卡

出品：万科

亮点：

策划上，图文展示类，① 以动态图文的形式，展现了在社会进步的时候，人们行色匆匆，忙于工作，忽略彼此的现状；② 由此引出6项“下班打卡，回家吃饭”的调查，得出你的恋家属性；③ 点击“分享位置，从这里出发回家”输入你的办公地点，提交后，即可看到你所在办公地点的打卡排行榜
设计上，手绘漫画风格，采用橘红色作为主色调
交互上，调查问卷做完一题自动进入到下一题
技术上，整体页面主要采用的是Js滑屏组件Swiper，里面的动画主要采用的是CSS3的

技术实现： jQuery + Swiper

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

识别图中二维码

下班打卡-查阅二维码

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