故事情景类H5这种形式在市面上是比较少见的，所有案例的数量也不是特别的多。但是为了让大家更清楚的了解这种类型，合肥H5开发的小编还是分享几个故事情景类H5案例给大家。

案例：情人节谋杀案

1、创意定位，侦探小游戏型H5。

2、策划逻辑，整个H5主要分为三部分：

①Loading部分：黑色的背景，一个放大镜在“真凶是谁？”几个字上转，下方是白色的加载数据，加载完成自动进入主页，屏幕中自动打字“这是以外的凶杀，还是精心策划的谋杀，凶手究竟是谁？是他！还是她！是爱还是恨！不要错过任何一个析解！下面就交给你了！”点击最下方的“开始”一探究竟。

②内容部分：屏幕中出现一部手机，按照提示点击手机，微信界面“小汪”给主角发的消息说是有人被杀了，发了些资料和地点给主角，这时候可点击A、B两种回答，接着根据提示进入案发现场，找到六条关键信息，左上角显示着收集了几个线索，左下角是线索查看，每找出一个线索时，点击收入线索囊，都收集全后会来信息说找到三名嫌疑人，让你去调查，分别是死者妻子，死者债主，死者情人；分别点击，随着向下滑动会出现根据他们所说的话回忆现场的小漫画，到底后点击“询问”，得到答案后点击返回。最后返回选择界面右上角又来消息了，点击“我已经知道凶手是谁了！”，选择凶手，其实是死者情人。选择正确后请选择一条关键信息指认凶手，点击确定。

③海报落地页：显示出你是什么作品里的那位人物，有这个人物的插图和题词，人物左下角是二维码，下方是再玩一遍和分享好友，长按保存图片。

案例：失踪的小黄车

1、策划上,这款h5是北京拜克洛克科技有限公司为旗下产品ofo小黄车所打造的一款故事情景类h5，在这款h5中，分别以日常生活中常见的对小黄车不规范的操作导致的小黄车废弃现象，这款h5以让用户修理废弃的小黄车为游戏，并对成功修好者赠送好人奖章。主要是呼吁用户能够善待小黄车。

2、设计上，这是一款游戏类的h5，设计者通过设计小黄车常见现象，一可以借此作为小黄车的宣传，二则可以呼吁用户善待小黄车。

3、互动上，这款h5需要通过用户触摸、点击等操作去修理已经废弃掉的小黄车，与用户之间有着很强的互动性。

案例：Dr.魏的这波操作我赌你破解不了！

1、策划上，这是一款由《超凡魔术师》为宣传本节目所打造的一款宣传h5，在这款h5中，由Dr.魏与用户之间进行互动向用户展示魔术的奇妙，在最后在进行宣传《超凡魔术师》这款节目。

2、设计上，这是一款视频类的h5，全款h5以Dr.魏的魔术过程作为全款h5的内容。

3、技术上，这款h5运用jQuery技术进行全款h5的搭建过程，以Video插件技术进行视频类的播放。

如想体验H5案例，可以扫描下方二维码，关注我们“蓝橙互动”公众号进行查看。如有具体的H5开发需求，可点击右侧联系方式，与网站客服在线进行沟通，我们会提供相应的报价和工期给您。

立即扫码查看