索菲亚：奇趣萌宅

2017-11-06 H5案例分享 H5案例分享

案例：奇趣萌宅

出品：索菲亚

亮点：

策划上，游戏类。这是由索菲亚为宣传自己的品牌所打造的一款宣传h5。① 浅蓝色的月光下，蝙蝠横飞，南瓜挂在树上，一个小男孩儿起着扫把在天空中飞驰着，一座宅子漂浮屏幕中央，似乎是恐怖至极，然而“奇趣萌宅”四个金黄色的文字向用户发出了信号，“冒险不一定是阴宅，很有可能是萌宅”。② 游戏阶段。总共有“霸道船长要发飙”、“南瓜有毒，慎点！”、“打救帅气魔法师”三个冒险项目，用户可选择自己喜欢的游戏项目首次进入，进入之后根据相应的游戏规则进行游戏，游戏若是过关，便会随机进入其他两个游戏中的任意一个，若是闯关失败，还可以选择“Again”按钮重新进行当局游戏。③ 全部项目游戏闯关成功后，便会弹出一个对话框，显示出用户的游戏成就，并且其中还有三个可选按钮，有可重新玩游戏的按钮，有分享的按钮，也有直接进入索菲亚官网的按钮。
设计上，Q版插画风格。① 以浅色作为背景色，给人一种很舒服的视觉效应。② 萌蠢的南瓜和蝙蝠、傻傻的船长、清秀的哈利波特等元素形象无不例外的凸显了一个字“萌”。
交互上，在船长游戏中给船长戴帽子采用的是倒转手机的操作，在南瓜游戏和哈利波特游戏中采用的是快速点击的操作。在时间限制的条件下，妙趣丛生。

技术实现： Zepto

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

识别图中二维码

奇趣萌宅-查阅二维码

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

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

标签