洋河股份:梦见嫦娥

2020-11-26 H5案例分享 H5案例分享
洋河股份:梦见嫦娥


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

识别图中二维码

梦见嫦娥-查阅二维码

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


案例:梦见嫦娥

品牌:洋河股份

技术实现: egret

亮点:

1.创意定位

本H5是洋河股份以“梦见嫦娥”为主题,用动态长图+轻交互的方式进行活动宣传,引导用户助力,参与活动,购买产品。

 

2.策划逻辑

① Loading部分一枚火箭在不断升空,展示文案:嫦娥五号发射中...加载进度完成,进入主题页。

② 主题页:品牌Logo,活动主题清晰露出:梦见嫦娥-梦之蓝M6百万航天合伙人登月计划,引导文案:加入百万航天合伙人,一同助力“嫦娥五号”回家。点击“开启回家之旅”,几片祥云交叉过渡动画,进入长图页。

 

③ 长图页:嫦娥形象一直微颤,用户向下滑动,出现文案和视觉差效果,直到遇到航天舱,用户需要“按轨迹”滑动屏幕,使嫦娥进入返回舱,继续上滑屏幕,返回舱带着嫦娥返回地球,然后一个碰杯动画,引出活动跳转线索:送梦出发的你,别忘了带梦回家。然后再次露出主题,引导用户“助力”跳转。

 

④ 点击“助力”按钮,用户跳转京东APP商品详情页面,可以直接下单购买洋河蓝色经典绵柔白酒。

 

 

3.视觉交互

以唯美的手绘嫦娥和祥云为主元素,配合品牌蓝色变色为底衬,让用户在滑屏过程中,有所期待,看看最后嫦娥是如何回归的。

 

4.体验上

整体视觉唯美,操作流畅,互动形式,除了向上滑屏,还有沿引导线互动,交互形式有变化,又不太难,让用户体验流畅。最后的助力跳转,也是干脆直接,可能很多小伙伴直接下单购买都已经喝上了吧~

 





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

标签

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

相关推荐:

广东交警+滴滴代驾:生命无价 拒绝酒驾

【合集】一镜到底方式在H5中的使用

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~