案例：未来科技体验管
品牌：浦发银行X喜马拉雅
玩法：视频
整理：蓝橙H5开发
1.详情内容上：
浦发银行与喜马拉雅联合制作，以文字，图片和录音播放的形式探讨科技话题的互动H5，以此展现浦发银行和喜马拉雅的科技感形象。加载界面是浦发银行的标志上有个光标闪动，加载完毕后是标题界面，点击触点进入作品，屏幕出现一扇手绘的大门和若干阶梯，大门打开后是作品的第一期话题界面，用户可进行以下两种操作：第一期的话题（未来的身份验证发展方向）和展示图出现，用户可点击屏幕上的左右键，或打开导航条切换至其他话题，目前其他话题页面均是预告状态，屏幕会显示解密时间。点击图片收听关于此话题科普作家汪诘的评论录音，听完后点击“分享节目”查看海报，海报包括一副主图，作品标题，出品方名字，话题名称，作品二维码，和浦发银行宣传语。点击话题界面点击右下角的问号可以看到作品宣传图，图上有话题更新的时间介绍。
2.页面设计上：
作品的背景以黑色和灰色为主，具体的内容展现以蓝色为主，海报界面加入了宇宙当中光芒传播时的暖色，烘托出作品的科技氛围，同时又符合“未来科技”这一主题的神秘感和未知感。用户进入作品后，可以点击左右键按时间先后逐个切换话题，也可以根据文字提示点击左下角的导航条，在导航条中点击页面数字直接跳至其他任意界面。
扫描二维码查看
注：如果您还想了解更多的H5玩法案例，或者需要咨询H5定制问题，可点击右侧“方案咨询”在线联系，或者微信搜索“蓝橙互动”公众号获取案例。
相关链接：H5制作|H5案例|小程序开发|年会H5游戏|节日营销H5
