必达净:必达净生来讲究
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要32秒
案例:必达净生来讲究
出品:必达净
制作:简豆科技
亮点:
- 设计上,整个案例画面清新脱俗,清晨的暖阳,新生的枝叶,到处都散发着一种青春洋溢的气息,十分贴合产品的受众人群。
- 策划上,通过让用户上传图片的方式,使用户和产品产生关联,缩短用户与产品的距离。同时又增加了用户选择 slogan 和自己书写的选项,满足了受众人群个性化的需求。
- 技术上,使用 Vue.js 控制页面的切换和元素的显隐。使用原生的上传按钮操作图片,使用 canvas 将用户上传的照片和 slogan 进行合成。
- 体验上,整则案例从风格统一,切换动画流畅。在有限的页面中展现了足够多的内容,通过上述这些,将用户和产品紧密贴合在一起。很好的实现了产品的宣传作用。
技术实现: Vue.js
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号