红星美凯龙:红星美凯龙:为生活设宴

2019-07-12 H5案例分享 H5案例分享
红星美凯龙:红星美凯龙:为生活设宴


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

识别图中二维码

红星美凯龙:为生活设宴-查阅二维码

完整欣赏此案例大约需要一分三十秒


案例:红星美凯龙:为生活设宴

品牌:红星美凯龙

亮点:

 1.创意定位

红星美凯龙推出的一款测试类h5,通过古人使用美凯龙的家具,为2019鲁班设计节宣传,让用户了解家具其中的趣味。

 

 2.策划逻辑

 

  • ①Loading部分:

上方是一个手机的横屏提示,中间是提示你锁屏后打开声音浏览,下方是加载的进度条。

 

  • ②内容动画部分:

加载完毕进入首页,上方是红星美凯龙的logo,中间是文字“为生活设宴,2019鲁班设计尖货节”下方点击入宴。接着弹出一个卷轴开始播放《夜宴图》,播放结束右下角出现“测测看。你是《夜宴图》中的谁”,点击进入测试题一共十道题,答题时左边有人物动画,动画上,标注着每个家具的介绍。右边是题,下方是卷轴代表了每个题的进度。

 

  • ③落地页:

十道题都做完以后,相应的会出现你在宴会中的角色,右边是logo和2019鲁班设计尖货节的文字,还有对用户在此宴中的评价。右下角是点击为自己设宴,浏览完整长图。

 

  3.设计上

整体风格属于古代宫廷画风,像画在绸缎上的,每个人物都是用真人在进行加工修饰的,看起来真实。

 

  4.体验上

加载进度快,进入动画测试题部分,每个题中人物的动作表情吸引眼球。



技术实现: html5



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

标签

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

相关推荐:

网易新闻 x 喜梦宝家居:那个丢失了梦想的年轻人

尚品宅配:一场穿越,你会遇见谁?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~