阳光易手车:大事件!据说明年就没有感恩节了!
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要4分
案例:大事件!据说明年就没有感恩节了!
出品:阳光易手车
亮点:
- 策划上,比较复杂。先以一段以“感恩”的微信对话引入,指出“把今天当成最后一个感恩节,向他发出感谢吧”。之后分为两条线。
- a.感谢对象在身边。先选择收信对象例如爱人,同事。。。之后输入收发信人姓名,信的内容。完成后展示二维码,让感谢对象扫。之后左滑屏幕,信封从你的屏幕飞到ta的屏幕。然后显示模糊化的信纸。手指拖动擦拭后展示清晰内容。可点击保存完整感谢信。然后进入品牌宣传界面,展示阳光易手车对顾客的感谢信。最后引导用户分享,或预约服务。
感谢对象扫描后,出现彩虹阳光背景。感谢者左滑屏幕后信封飞入,上滑打开。同样出现模糊信纸,擦拭后展示清晰内容。然后进入品牌宣传界面,展示阳光易手车对顾客的感谢信。最后引导用户分享,或预约服务。
- b.感谢对象不在身边。同样选择收信对象例如爱人,同事。。。之后输入收发信人姓名,信的内容。完成后右上角点击分享。
收信人点开链接后,展示感谢信同时引导用户体验本H5
- 设计上,纸质纹理的浅灰色背景,线条风格,辅色为桔色和黑色。
- 交互上,右滑移动信封,点击按钮选择,输入框输入文字内容。
- 技术上,使用js 实现多屏互动
技术实现: Jquery + qrcode + util + zepto + socket + canvas
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号