新东方：宿舍进化论

2019-02-24 H5案例分享 H5案例分享

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

识别图中二维码

宿舍进化论-查阅二维码

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

案例：宿舍进化论

出品：新东方

亮点：

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

技术实现： Html5

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

标签