红星美凯龙:红星美凯龙:为生活设宴
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要一分三十秒
案例:红星美凯龙:为生活设宴
品牌:红星美凯龙
亮点:
1.创意定位
红星美凯龙推出的一款测试类h5,通过古人使用美凯龙的家具,为2019鲁班设计节宣传,让用户了解家具其中的趣味。
2.策划逻辑
- ①Loading部分:
上方是一个手机的横屏提示,中间是提示你锁屏后打开声音浏览,下方是加载的进度条。
- ②内容动画部分:
加载完毕进入首页,上方是红星美凯龙的logo,中间是文字“为生活设宴,2019鲁班设计尖货节”下方点击入宴。接着弹出一个卷轴开始播放《夜宴图》,播放结束右下角出现“测测看。你是《夜宴图》中的谁”,点击进入测试题一共十道题,答题时左边有人物动画,动画上,标注着每个家具的介绍。右边是题,下方是卷轴代表了每个题的进度。
- ③落地页:
十道题都做完以后,相应的会出现你在宴会中的角色,右边是logo和2019鲁班设计尖货节的文字,还有对用户在此宴中的评价。右下角是点击为自己设宴,浏览完整长图。
3.设计上
整体风格属于古代宫廷画风,像画在绸缎上的,每个人物都是用真人在进行加工修饰的,看起来真实。
4.体验上
加载进度快,进入动画测试题部分,每个题中人物的动作表情吸引眼球。
技术实现: html5
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号