ElloWorld:ElloWorld

2019-10-17 H5案例分享 H5案例分享
ElloWorld:ElloWorld


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

识别图中二维码

ElloWorld-查阅二维码

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


案例:ElloWorld

品牌:ElloWorld

技术实现: html5

亮点:

  1. 创意定位

ElloWorld(艾洛互动 上海)制作的汇总展示类型的H5作品,将自己合作的品牌分为五个类型进行展示,每个品牌LOGO用户都可点击查看其最近的品牌活动或品牌作品简介,还可以扫描简介旁的二维码跳至其他H5进行观赏或挑战,以此展示ElloWorld的公司实力和创意能力,以及其平台作品的丰富有趣,提高用户对艾洛互动的关注。

 

  1. 策划逻辑

加载界面是五个粉色立体卡通形象轮流闪现,加载完毕后,五个粉色卡通形象一起出现,用户点击任意一个小人儿放大后可以看到其代表的领域名称,点击下方的左右键可切换至其他领域,卡通形象下方是品牌LOGO,点击任意一个后,会出现一个伸舌头的嘴巴界面,嘴巴上是此品牌旗下的活动或H5名称,舌头上是主图和文字简介,右下方是品牌活动或品牌H5作品的二维码链接,用户可直接滑动屏幕切换查看其他品牌的活动和作品,也可点击下方叉叉返回后再自选品牌点击查看,具体领域及品牌情况如下:

 

①伸出一只弹簧手的蓝色盒子,名字是GAME,代表游戏领域。

合作品牌:魔使之踪元力之战——跑酷游戏

 

②球状坐着酣睡的卡通形象,名字是cartoon,代表卡通领域。

合作品牌:兴业银行——兴业银行梵高信用卡,二维码链接是一个H5作品,名为《罗纳河的邂逅》

          可口可乐——与支付宝联合举行的集福活动介绍,二维码是一个H5链接,名为《小可寻福记》

          万科——万科触屏交互介绍,无二维码链接。

          腾讯QQ——中国动漫史动画短片《QQjoy》简介及二维码。

          Alibaba——《魔鬼不日常》H5简介及二维码。

       

③正在玩儿框架玩具的长方体卡通形象,名字是web3D,代表网络三维领域。

  合作品牌:Abbott——雅培创越中心简介及二维码。

            QQ X计划太空探索——《星球居住指南》简介及二维码。

            江诗丹顿——致敬宇宙的短片介绍及二维码。

            Roche——罗氏研制进阶所的简介及二维码。

 

④圆锥形的卡通形象,名字是AD,代表广告领域。

  合作品牌:心情工厂——《拯救不开心》H5作品及二维码。

            雪碧——雪碧挑战游戏及链接。

            京晚8点——《穿过地铁寻找你》H5简介及二维码。

            Emoji——挑战表情包的游戏H5简介及二维码。

 

⑤趴在地上睡觉的椭圆体卡通形象,名字是commonweal,代表公益领域

合作品牌:淘宝——旅行青蛙公益之旅H5作品及链接。

        一个带问号的箱子——寻找守护者的H5作品及小程序链接。

        咸鱼——一个净化海洋主题的H5作品及二维码。

 

  1. 设计上

饱和度不高的的蓝紫色背景上,五个粉色的可爱立体卡通形象小人儿,外形设计可爱又有创意感,三维空间感的设计,用户在浏览过程中始终是在这一个空间挪动,品牌LOGO也以立体形式显示,颜色与背景色有对比鲜明,很显眼,颜色互相映衬的也很好看。

 

  1. 体验上

作品链接很多,涵盖的也较广,一个个全都浏览的话还是需要花些时间的,不过作品类型较多,有创意视频也有游戏挑战,还有前沿科技展示,浏览起来都颇有趣味。

       





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

标签

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

相关推荐:

腾讯:帮高原牧民连上网

共青团北京市委员会X北京青少年网络文化发展中心X网易新闻:笑容,可以改变世界吗?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~