天猫：高级剁手党全国统一考试

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

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

识别图中二维码

高级剁手党全国统一考试-查阅二维码

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

案例：高级剁手党全国统一考试

出品：天猫

亮点：

策划上，测试类，这是对天猫618活动的宣传，在高考之际，以“高级剁手党全国统一考试”为题，吸引人们的关注。测试共包含5个题，内容涉及天猫618活动期间在售的商品，包含脑洞测试、图片观察、贫穷体验、外文检测和数学送命题五个类型的题目，最后给出对问题的解析。答题结束后，点击“交卷”按钮，生成一张图片，显示用户的姓名、得分等信息，引导用户长按保存图片。
设计上，画面比较简洁，开头部分是一段动画，模拟了老师进入考场、发卷的场景，测试部分页面的设计模拟了高考试卷，暗沉的黄色，呈现出复古的感觉；同时题目种设计的问题与天猫618活动的商品相关，起到了小小的科普的效果。
交互上，交互方式比较多，有页面点击+输入文字+长安保存图片三种。
体验上，此案例在高考这一时间段推出，吸引人的关注，该H5使用了图片合成技术，将用户输入的姓名、以及测试结果对应的分数合成一张图片，引导用户保存。

技术实现： jQuery+fullpage.js

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

标签