BellCode 贝尔编程：孩子能成为哪个IT大佬

2017-11-03 H5案例分享 H5案例分享

案例：孩子能成为哪个IT大佬

出品：BellCode 贝尔编程

亮点：

策划上，测试类。这是由贝尔编程为宣传本公司的品牌所打造的一款宣传h5。① 首屏，“孩子能成为哪个IT大佬”占据在屏幕的中央，下面的黄色按钮上写着“点我测试”。② 输入孩子的姓名和年龄。③ 以五道逻辑思维题进行测试，最终得出测试结果。④ 尾屏，IT大佬的形象占据着屏幕的大半部分，屏幕的下方“领取福利”的黄色按钮闪动着，感兴趣的用户可以点击进去选择深入了解。
设计上，卡通插画风格。蓝色和黄色是这款h5主要的色彩基调。① 蓝色作为全款h5的背景色，而橘黄色渲染按钮和其他一些小元素。
体验上，① 点击按钮时的音乐特效和测试页面更换时的音乐特效，让人耳目一新，感觉很舒服。② 这些测试题虽然很好理解题意，但很考验一个人的逻辑思维，对于还未成熟的孩子来说，是最好不过了。

技术实现： Zepto

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

识别图中二维码

孩子能成为哪个IT大佬-查阅二维码

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

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

标签