ElloWorld:好自然合唱团

2021-06-09 H5案例分享 H5案例分享
ElloWorld:好自然合唱团


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

识别图中二维码

好自然合唱团-查阅二维码

完整欣赏此案例大约需要1分20秒


案例:好自然合唱团

品牌:ElloWorld

技术实现: html5

亮点:

  1. 创意定位

ElloWorld创意公司出品,在不同的大自然舞台中,邀请不同动植物角色参与合唱,动植物的个人标语和合唱描述都表达了对自然的热爱。

 

  1. 策划逻辑

作品大致有三个环节

 

①舞台选择

手绘作品,打开后是一个草原上的小舞台,一只小粉猪撅着屁股拿着抹布来回擦舞台,左右滑动切换舞台,备选的还有森林舞台,雪原舞台,沙漠舞台,海底舞台。

 

②角色选择

备选角色有小动物,包括小熊猫,小狐狸,小象,也有植物,包括小花,小草等,点击后出现此角色的个人标语和对勾,再次点击后标语和对勾消失,表示取消选择,一共需要选择六位,左下角有已选数量统计。

 

③落地海报

选好后点击“组团开唱吧”生成最后海报,海报上的动图是所选角色在舞台上开心合唱,标题是XX“用户名”的好自然合唱团,标题下是主旨为自然和谐的描述语,用户可长按保存海报或点击触点继续制作。

 

3.设计上

非常可爱的手绘,每个动物和植物都可可爱爱,刚打开和选择舞台时一直吭吭哧哧打扫卫生的小猪非常憨憨搞笑,小动物颜色各异,姿势搞怪,小狐狸掐腰扭屁股,小老虎挥舞爪爪,小熊猫带墨镜耍酷,性格各异,也比较符合人们对各种动物的印象,点击后出现的标语也很熟悉,绿水青山就是金山银山,我们一起喵喵喵,想吃烤鱼等,有绿色倡导,也有网络热词,主旨清晰,又富有趣味。舞台的设计也囊括了丰富的自然环境。

 

4.交互上

每次用户需要选择六位动植物角色,不可少选也不可多选,选择满后再点击角色的话,作品会有相应提醒。





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

标签

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

相关推荐:

皇家美素佳儿:皇家美素佳儿

The Laundress X 彩虹合唱团RAINBOW:The Laundress洗出彩虹的味道

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~