京东：五一劳动者表达大会

2018-05-07 H5案例分享 H5案例分享

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

识别图中二维码

五一劳动者表达大会-查阅二维码

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

案例：五一劳动者表达大会

出品：京东

亮点：

策划上，宣传类。这是京东为五一劳动节而制作的图片合成类H5。进入首页，先是满屏的不满，然后点击开始表达按钮，进入到图片合成页面，一共有10个海报模板，每个模板下面都配着慷慨激昂的话，选择喜欢的海报模板，点击脸部上传自己的照片，点击领取奖状即可生成，生成之后左下角有领取劳动补给的图标，点击会跳转到京东，长按图片可保存，图片上有可进入该案例的二维码，引导用户保存并分享图片。
设计上，以米黄色为主色调，绿色为辅色调，标志着劳动节的颜色。
交互上，左右滑动查看海报，点击上传图片。
体验上，以最近的五一劳动节为话题，增加了访问率，又使用了图片合成技术，让用户用自己的脸做成一张海报，增加了案例的有趣性，为的是引导用户分享。

技术实现： jQuery.js + share.js

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

标签