网易严选 + 网易新闻 | 哒哒:朋友圈撒欢儿脑洞大赛

2020-03-24 H5案例分享 H5案例分享
网易严选 + 网易新闻 | 哒哒:朋友圈撒欢儿脑洞大赛


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

识别图中二维码

朋友圈撒欢儿脑洞大赛-查阅二维码

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


案例:朋友圈撒欢儿脑洞大赛

品牌:网易严选 + 网易新闻 | 哒哒

技术实现: pixi.js

亮点:

1、创意定位

网易严选樱花季产品宣传H5,以樱花为题,通过场景布置(DIY海报)秀出各种撒欢儿姿势,生成海报。

 

2、策划上

① 主KV展示各种动态的撒欢儿姿势,点击“开始撒欢”按钮进行场景布置;

② 首先是演示动画提示,演示如何调整拖拽四肢,摆出撒欢儿姿势,点击“开始游戏”按钮,在页面下方有场景、角色(角色内还包含:姿势、表情、发型、服装)、道具、祈福、标签;

场景:对应6个城市、7个场景选择(其中武汉2个场景);

角色:分为男女两个;需要选择角色后,姿势、表情、发型、服装才可以有菜单内容;姿势4个选择(男女相同);表情7个选择(男女相同);发型男性4个选择、女性6个选择;服装男性14个选择、女性12个选择;

道具:25个选择,有床、招财猫、猫、狗等;

祈福:11个选择;

标签:20个选择;

③ 布置完毕后,点击屏幕右下角的“确定”按钮,生成撒欢儿姿势海报,可以长按保存;或重新定制,再或者进入网易严选樱花季产品购买页面。

 

3、设计上

手绘风格,画面甜美,樱花为主要修饰内容。

 

4、体验上

角色中服装中帽子和背包点选后无法删除,男性角色服饰中的第二个服饰,粉嫩的女性裙装有点不合适。





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

标签

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

相关推荐:

网易新闻|哒哒:睡姿大比拼

网易新闻:从宅家状态发现你的艺术潜能

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~