阳光易手车:大事件!据说明年就没有感恩节了!

2017-12-04 H5案例分享 H5案例分享
阳光易手车:大事件!据说明年就没有感恩节了!


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

识别图中二维码

大事件!据说明年就没有感恩节了!-查阅二维码

完整欣赏此案例大约需要4分


案例:大事件!据说明年就没有感恩节了!

出品:阳光易手车

亮点:

  1. 策划上,比较复杂。先以一段以“感恩”的微信对话引入,指出“把今天当成最后一个感恩节,向他发出感谢吧”。之后分为两条线。
  •   a.感谢对象在身边。先选择收信对象例如爱人,同事。。。之后输入收发信人姓名,信的内容。完成后展示二维码,让感谢对象扫。之后左滑屏幕,信封从你的屏幕飞到ta的屏幕。然后显示模糊化的信纸。手指拖动擦拭后展示清晰内容。可点击保存完整感谢信。然后进入品牌宣传界面,展示阳光易手车对顾客的感谢信。最后引导用户分享,或预约服务。

  感谢对象扫描后,出现彩虹阳光背景。感谢者左滑屏幕后信封飞入,上滑打开。同样出现模糊信纸,擦拭后展示清晰内容。然后进入品牌宣传界面,展示阳光易手车对顾客的感谢信。最后引导用户分享,或预约服务。

  •   b.感谢对象不在身边。同样选择收信对象例如爱人,同事。。。之后输入收发信人姓名,信的内容。完成后右上角点击分享。

  收信人点开链接后,展示感谢信同时引导用户体验本H5

  1. 设计上,纸质纹理的浅灰色背景,线条风格,辅色为桔色和黑色。
  2. 交互上,右滑移动信封,点击按钮选择,输入框输入文字内容。
  3. 技术上,使用js 实现多屏互动



技术实现: Jquery + qrcode + util + zepto + socket + canvas



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

标签

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

相关推荐:

平安普惠:《昨天我跟老板干了一架》

网易严选:你不要送礼物给我

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~