洋河股份:梦见嫦娥
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:梦见嫦娥
品牌:洋河股份
技术实现: egret
亮点:
1.创意定位
本H5是洋河股份以“梦见嫦娥”为主题,用动态长图+轻交互的方式进行活动宣传,引导用户助力,参与活动,购买产品。
2.策划逻辑
① Loading部分一枚火箭在不断升空,展示文案:嫦娥五号发射中...加载进度完成,进入主题页。
② 主题页:品牌Logo,活动主题清晰露出:梦见嫦娥-梦之蓝M6百万航天合伙人登月计划,引导文案:加入百万航天合伙人,一同助力“嫦娥五号”回家。点击“开启回家之旅”,几片祥云交叉过渡动画,进入长图页。
③ 长图页:嫦娥形象一直微颤,用户向下滑动,出现文案和视觉差效果,直到遇到航天舱,用户需要“按轨迹”滑动屏幕,使嫦娥进入返回舱,继续上滑屏幕,返回舱带着嫦娥返回地球,然后一个碰杯动画,引出活动跳转线索:送梦出发的你,别忘了带梦回家。然后再次露出主题,引导用户“助力”跳转。
④ 点击“助力”按钮,用户跳转京东APP商品详情页面,可以直接下单购买洋河蓝色经典绵柔白酒。
3.视觉交互
以唯美的手绘嫦娥和祥云为主元素,配合品牌蓝色变色为底衬,让用户在滑屏过程中,有所期待,看看最后嫦娥是如何回归的。
4.体验上
整体视觉唯美,操作流畅,互动形式,除了向上滑屏,还有沿引导线互动,交互形式有变化,又不太难,让用户体验流畅。最后的助力跳转,也是干脆直接,可能很多小伙伴直接下单购买都已经喝上了吧~
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号