新东方:宿舍进化论

2019-02-24 H5案例分享 H5案例分享
新东方:宿舍进化论


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

识别图中二维码

宿舍进化论-查阅二维码

完整欣赏此案例大约需要40秒


案例:宿舍进化论

出品:新东方

亮点:

  1. 创意定位,由新东方推出的场景DIY类H5。
  2. 策划步骤,①加载页,同为H5主题页,加载完毕后用户点击“start”进入宿舍DIY;②点击下方小图标,分别查看不同的场景元素,有房间、人物、家具、伙伴、装饰五类供搭配。点击想放置的搭配,即生成在上方的图框中,可通过拖动进行移动或缩放。其中人物还包括性别、发型、着装的选择,每种元素放置数量不限;③点击右侧小相机,生成专属画布,可在左下角手动输入“新学期flag”,最后点击“生成”按钮生成最终海报,点击下方按钮可分享或重玩,点击“嗮图拿奖”可跳转至相关详情页。
  3. 设计上,扁平插画风格,配色清新。其中人物造型选择性很多,可生成多种个性化搭配。
  4. 体验上,画风清新的搭配类H5,保存图片后还可通过微博晒图参与新学期福利活动哦。



技术实现: Html5



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

标签

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

相关推荐:

知乎:测测你的开学恐慌指数

新东方:唤醒你的2019研运锦鲤

10个案例了解H5之图片合成

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

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

方式一:

通过H5案例提交小助手(微信小程序)
微信扫描下方二维码进入,进行投稿

方式二:

在电脑端,进入H5案例发布界面,自己编写

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~