ENGINE:Meet Engine. The perfect taste explosion.
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要5分钟
案例:Meet Engine. The perfect taste explosion.
品牌:ENGINE
技术实现: HTML5
亮点:
1.创意定位
这是国外一个叫作ENGINE的品牌做的一款“Fueling the dream”(为梦想加油)的创意H5。通过让用户参与“密室寻宝”,了解品牌方的产品——杜松子酒,并产生购买。
2.策划逻辑
大致流程:Loading → 主题页 → 密室寻宝页 → 产品介绍及购买。
一般一个卖产品的站点,更多会把商品列出来,有展示图片、介绍文案及相关价格等,而这款叫作Engine的品牌并没有这样操作。他们以“Meet Engine. The perfect taste explosion.”为主题,让用户产生兴趣。
进入作品后,是一间酒吧入和车库入口,两个入口能进入不同的空间。在空间内探索的过程中,把产品的特点,介绍以及购买链接给出,形成有趣互动。
在页面的底部,可以选择关闭音乐,默认是有背景音乐的。而且还支持英文和意大利文两种语言的版本。
3.设计交互
红黄蓝设计,根据产品的外包装延展的几个基础饱和颜色,在空间上,运用了渐变。交互方式,主要采用了点击、滑动、拖拽等。
4.用户体验
在场景切换时,有切换的动画,与开屏的loading效果一样,感觉总是在重启。如果过场能再流畅,整体感会更好。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号