ENGINE:Meet Engine. The perfect taste explosion.

2022-12-13 H5案例分享 H5案例分享
ENGINE:Meet Engine. The perfect taste explosion.


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

识别图中二维码

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案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

Rose Family:family & restaurants

Studio K95:July 01 - A Serif vintage,modern font

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~