央视新闻 + 腾讯看点：2021年你最想做的3件事

2020-12-31 H5案例分享 H5案例分享

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

识别图中二维码

2021年你最想做的3件事-查阅二维码

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

案例：2021年你最想做的3件事

品牌：央视新闻 + 腾讯看点

技术实现： ReactJS

亮点：

1、创意定位

央视新闻和腾讯看点品牌宣传H5，着眼2021年最想做的三件事，和好友互动，互动的同时品牌露出。

2、策划上

创建者部分

① 一个3屏：加载页、最想做的三件事点选页、选择后的分享页；

② 最想做的三件事点选页中，一共18个默认给出的选项，顺序每次刷新也不会变化，用户不能自己设置；选择3个选项后，出现“确认”按钮，点击后进入分享页；如果选择不满意，点击选择后弹出层中，选项右上角的删除符号；

③ 选择后的分享页，列出刚刚选择的三件事，分享好友，让好友猜测你的选择；

④ 再次进入H5后，可以看到哪些好友与我进行了默契互动。

访问者部分

① 一个2屏：加载页、猜测朋友最想做的三件事点选页、默契值页；

② 看到朋友分享的页面后，在猜测朋友最想做的三件事点选页，一共9个选项，从中选择3个选项，自动进入默契值页；

③ 默契值页中，会有你与分享者的默契值百分比，还会有创建者最想做的三件事，并默认给出一句问候语；同时也有“我要出题”按钮。

3、设计上

扁平风格，最想做的事以文字配图形方式展示内容。

4、体验上

可以测测与好友的默契值也是很有趣。

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

标签