ElloWorld:ElloWorld
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要14分钟
案例:ElloWorld
品牌:ElloWorld
技术实现: html5
亮点:
- 创意定位
ElloWorld(艾洛互动 上海)制作的汇总展示类型的H5作品,将自己合作的品牌分为五个类型进行展示,每个品牌LOGO用户都可点击查看其最近的品牌活动或品牌作品简介,还可以扫描简介旁的二维码跳至其他H5进行观赏或挑战,以此展示ElloWorld的公司实力和创意能力,以及其平台作品的丰富有趣,提高用户对艾洛互动的关注。
- 策划逻辑
加载界面是五个粉色立体卡通形象轮流闪现,加载完毕后,五个粉色卡通形象一起出现,用户点击任意一个小人儿放大后可以看到其代表的领域名称,点击下方的左右键可切换至其他领域,卡通形象下方是品牌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作品及二维码。
- 设计上
饱和度不高的的蓝紫色背景上,五个粉色的可爱立体卡通形象小人儿,外形设计可爱又有创意感,三维空间感的设计,用户在浏览过程中始终是在这一个空间挪动,品牌LOGO也以立体形式显示,颜色与背景色有对比鲜明,很显眼,颜色互相映衬的也很好看。
- 体验上
作品链接很多,涵盖的也较广,一个个全都浏览的话还是需要花些时间的,不过作品类型较多,有创意视频也有游戏挑战,还有前沿科技展示,浏览起来都颇有趣味。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号