必达净:必达净生来讲究

2018-09-29 H5案例分享 H5案例分享
必达净:必达净生来讲究


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

识别图中二维码

必达净生来讲究-查阅二维码

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


案例:必达净生来讲究

出品:必达净

制作:简豆科技

亮点:

  1. 设计上,整个案例画面清新脱俗,清晨的暖阳,新生的枝叶,到处都散发着一种青春洋溢的气息,十分贴合产品的受众人群。
  2. 策划上,通过让用户上传图片的方式,使用户和产品产生关联,缩短用户与产品的距离。同时又增加了用户选择 slogan 和自己书写的选项,满足了受众人群个性化的需求。
  3. 技术上,使用 Vue.js 控制页面的切换和元素的显隐。使用原生的上传按钮操作图片,使用 canvas 将用户上传的照片和 slogan 进行合成。
  4. 体验上,整则案例从风格统一,切换动画流畅。在有限的页面中展现了足够多的内容,通过上述这些,将用户和产品紧密贴合在一起。很好的实现了产品的宣传作用。



技术实现: Vue.js



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

标签

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

相关推荐:

ZALO健康:布娜娜职场历险记

SNP:护肤众生相 越看越像样!

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~