同城游：相聚无视距离，团圆不等过年

2018-01-20 H5案例分享 H5案例分享

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

识别图中二维码

相聚无视距离，团圆不等过年-查阅二维码

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

案例：相聚无视距离，团圆不等过年

出品：同城游

制作：同城游

亮点：

策划上，从3个微信聊天场景开始，老同学们毕业之后四散天涯，再难相聚；牌友搬走后老爸打牌难凑牌友，儿子外地工作要回家团聚只能等过年；同事们来自五湖四海相聚打牌都要先打一架。我们因为太多原因而离别，想要同曾经的他们相聚团圆，需要付出的成本好像越来越大。但其实，相聚没有那么困难。随后画面变成彩色，脱去前半部分忧郁丧气的氛围，背景音乐也变得明快活泼。让受众对同城游好友房打牌的功能结合剧情有一个简单的体验，点明主题“相聚无视距离，团圆不等过年”，体现棋牌游戏除了娱乐消遣外的指尖社交功能。最后末页进行品牌露出，同时有下载游戏的按钮引导下载页面跳转。
设计上，前半部分黑白手绘风，主要场景为微信聊天界面，结合剧情配上相应元素，配合忧郁的背景音乐展现团聚很难的现实，之后用彩色画面展现用同城游开好友房在娱乐消遣的同时可以实现熟人社交。设计简洁有趣，风格鲜明。
体验上，前半部分长图下滑展示，点缀部分动画效果，让下拉体验更有流畅趣味，后半部分增加了简单的交互进行产品的虚拟体验。

技术实现： JQuery，CreateJS

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

标签