中国青年报·中青在线&青微工作室：两会青年说·部委“走心经”

2019-03-04 H5案例分享 H5案例分享

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

识别图中二维码

两会青年说·部委“走心经”-查阅二维码

完整欣赏此案例大约需要2分32秒

案例：两会青年说·部委“走心经”

品牌：中国青年报·中青在线&青微工作室

亮点：

1.创意定位

以青年的“青”字为切入点，模拟魔术中的读心术游戏，猜测用户心中所想的是哪个“qing”字，最后将猜中的字与两会相关政策想关联并进行解读。

2.策划上

进入H5后，用户需要根据提示进行一个小游戏：首先需要在脑海中想出一个带“青”读音也是“qing”的字，并在后续的页面中回答自己所想的字是不是在给出的字当中。几个问题过后，H5便能回答出用户心中所想的那个字，不仅如此，还给出了这个字的两会衍生意义，以此拉近青年与两会之间的距离。

3.设计上

前半部分简约风格，最后的解读页面是手绘插画风格，中间见证奇迹的过场动画在风格上有些跳跃。

4.体验上

加载速度快，操作流畅；结构上从品牌的特色出发，以猜字为切入点，再将所猜的字联系到两会的相关内容，这个设计可谓是环环相扣。

技术实现： jQuery

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

标签