爱上街：今年双11，你竟然又要囤这个？

2018-11-06 H5案例分享 H5案例分享

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

识别图中二维码

今年双11，你竟然又要囤这个？-查阅二维码

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

案例：今年双11，你竟然又要囤这个？

出品：爱上街

亮点：

爱上街品牌在双11期间推出的线上传播H5作品，通过测试囤货品类，形成用户互动，最后根据用户选择生成传播海报，形成传播和回流。

2.策划逻辑

整体流程简洁明了，大致分三部分：①主题露出，用户输入昵称；② 进入测试，一个问题，九个品类，都以配图+两个选项（囤、不囤）展示，需要用户简单交互，选择囤，还是不囤；③ 生成结果海报，根据用户在第二个环节的选择，生成相应结果海报，海报包含：用户昵称、人物雕塑、配套文案、品牌logo和回流二维码。

3.设计上

以品牌logo色为主色，配合鲜亮大色块，吸睛易识别，很容易读懂题目，让用户轻松交互。

4.体验上

简单易操作，整体很流畅，只是可以囤的货，好像没有那么多。如果有更多好玩的货品选择，让人产生意外之感，就更赞了。

技术实现： jQuery+Vue

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

标签