京东旅游:欢迎来到京东云上游园会

2022-06-14 H5案例分享 H5案例分享
京东旅游:欢迎来到京东云上游园会


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

识别图中二维码

欢迎来到京东云上游园会-查阅二维码

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


案例:欢迎来到京东云上游园会

品牌:京东旅游

技术实现: JavaScript

亮点:

1、创意定位

京东旅游和京东家电联合出品的宣传H5,习惯在京东购买家电或者生活用品、书籍,不知道京东还有旅游业务,以云上游园会为主题,融合京东主业务家电内容(引导用户购买)。

理想之国中融入音律,用户在寻找传统五音的游戏过程中,了解京东家电商品。

 

2、策划上

① 长图形式,进入案例后,点击“进入云上游园会”按钮;输入昵称页面,点击“我的理想之城”按钮,进入主KV页面;

② 在理想之城里,开始是操作提示,用户可以放大或者缩小,上下左右滑动屏幕,提示用户寻找五音,有琵琶图标是可以点击;这些琵琶图标,有音符,也有京东家电的宣传内容,点到音符,收到音符后,下方的寻音进度中,找到的音符会变亮;点击到宣传内容,可以点击“进入云上小卖部”离开当前页面,进入商品购买页;视频图标点击后会播放视频;

③ 五个音找到后,点击“集齐抽奖”按钮,选择一首国风混音,生成我的游园门票。

 

3、设计上

页面整体设计古风,配合数字虚拟人“南梦夏”;理想之城分为5个不同的园子,每个园子都有主题;五个音符就在五个园子不同的位置;家电的商品,也都融入长图中。

 

4、交互体验上

长图用户可以放大和缩小,点击后出现弹出层;弹出层只能点击关闭按钮才可以关闭,点击透明的遮罩阴影不会关闭遮罩层。





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

中国旅游日X央视财经X腾讯地图:百万旅游人 [2022旅•遇]

网易文创 X SANSAN X 华侨城文化旅游节:来拆你的内在灵魂盲盒

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~