京东旅游:欢迎来到京东云上游园会
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分30秒
案例:欢迎来到京东云上游园会
品牌:京东旅游
技术实现: JavaScript
亮点:
1、创意定位
京东旅游和京东家电联合出品的宣传H5,习惯在京东购买家电或者生活用品、书籍,不知道京东还有旅游业务,以云上游园会为主题,融合京东主业务家电内容(引导用户购买)。
理想之国中融入音律,用户在寻找传统五音的游戏过程中,了解京东家电商品。
2、策划上
① 长图形式,进入案例后,点击“进入云上游园会”按钮;输入昵称页面,点击“我的理想之城”按钮,进入主KV页面;
② 在理想之城里,开始是操作提示,用户可以放大或者缩小,上下左右滑动屏幕,提示用户寻找五音,有琵琶图标是可以点击;这些琵琶图标,有音符,也有京东家电的宣传内容,点到音符,收到音符后,下方的寻音进度中,找到的音符会变亮;点击到宣传内容,可以点击“进入云上小卖部”离开当前页面,进入商品购买页;视频图标点击后会播放视频;
③ 五个音找到后,点击“集齐抽奖”按钮,选择一首国风混音,生成我的游园门票。
3、设计上
页面整体设计古风,配合数字虚拟人“南梦夏”;理想之城分为5个不同的园子,每个园子都有主题;五个音符就在五个园子不同的位置;家电的商品,也都融入长图中。
4、交互体验上
长图用户可以放大和缩小,点击后出现弹出层;弹出层只能点击关闭按钮才可以关闭,点击透明的遮罩阴影不会关闭遮罩层。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号