优酷体育：测测你的首发位置

2018-07-25 H5案例分享 H5案例分享

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

识别图中二维码

测测你的首发位置-查阅二维码

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

案例：测测你的首发位置

出品：优酷体育

亮点：

创意定位，优酷体育在世界杯话题期间推出的测试类H5。通过选择题测试用户的球场反应，得出对应的个性分析，紧扣“上优酷看世界杯”主题。
策划步骤，①主题页，设置”开始测试“按钮；②图文描述，5道情境选择题，分别设置4个选项，每页点击选项后跳转至下页；③ 方框内输入姓名，查看结果页。结果页包含称号（如中场发动机）、相似人物(如乌拉圭，苏亚雷斯)、性格分析、图片描述等。可长按保存图片。
文案上，以一场球赛为情境，按时间内先后设置以5个情景问题，生动幽默。一定能引起懂球的你强烈共鸣吧！
设计上，以蓝天绿地球场为背景，清爽简约。以Q版漫画呈现人物的清晰的性格，颇具喜感。
体验上，选项设置总能找到一条很符合的，很戳心了！不仅测试出个性属性，原来我上足球场还有如此潜力~

技术实现： html2canvas+swiper+zepto

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

标签