长图滑动海报生成H5|雅兰集团业-盗梦便利店

案例简介:这款H5是由‘雅兰集团’开发的品牌宣传游戏，以世界睡眠日为主题，插画为设计风格，让用户选择元素生成海报，分享朋友圈，以达到品牌宣传目的  

上线时间:2021-03-15

案例类型:H5

技术特点:常规H5

设计风格:扁平插画风格

场景特征:活动宣传|品牌宣传

品牌:其他

制作:蓝橙制作

玩法:H5游戏|海报生成|翻页动画|元素DIY|H5动画|长图滑动H5

案例名称：盗梦便利店

品牌：雅兰集团业

制作：蓝橙互动H5

玩法：长图滑动海报生成H5

1、主要内容：

这款H5是由‘雅兰集团’开发的品牌宣传游戏，以世界睡眠日为主题，插画为设计风格，让用户选择元素生成海报，分享朋友圈，以达到品牌宣传目的。①H5加载完后直接展现了H5主题‘盗梦便利店’，同时引导用户左滑进入商店看看。②左滑第一部分则是便利店收银台，并搭配介绍文案。③再左滑则是可选择购买的商品，这些商品分为几种类型，用户可自由选择。④选择完毕后点击右下角的购物车生成海报，程序则会引导用户手写签字生成海报。⑤在海报页面会出现你的签字和专属海报元素，用户可分享。

2、设计上：

整体风格为扁平插画类型，交互设计和引导页都比较明显，同时搭配有测试元素，不同的选择会有不同的海报生成，很有意思。

3、营销效果：

利用世界睡眠日为营销热点，同时借助年轻人熬夜现象为吸睛点，吸引用户参与活动，并分享出去，达到品牌宣传的效果。