案例：测测你灵魂深处的夜行动物人格
品牌：淘宝
玩法：测试
整理：蓝橙H5开发团队
1.详情内容上：
淘宝出品的测试H5，通过趣味的测试题测试用户的夜间动物属性，同时推荐相关宝贝，提高平台活跃度和服饰类宝贝的销量。标题界面是一段导语，和天猫在夜间奔跑的主图，点击触点开始测试。每一题用户都需要在上方进度条倒计时结束前点击答案，选择好后自动进入下一题，题目包括下班后电话响了会发生什么事，街上最吸引你的店，去夜店的衣着风格，你的聊天开场词，出去玩穿的鞋子类型和夜生活方式。回答完毕生成海报，包括主图和用户类型（XX狮，XX鸭之类），一句解说语，三个宝贝推荐和关键词显示，以及作品二维码，用户可在此界面点击商品获得二维码，换一批商品，或重新测试。
2.页面设计上：
设计上采用了手绘动画的设计风格，配色上选用了从彩色系，以暗蓝色为背景色，每题四个选项，既有时下热词——画个龙，吃鸡等，也有一些商品的植入——AJ，总统跑鞋等，文字风格比较网络化，最后的海报人物名使用了谐音，好嗨鸭，设计狮，三里豚，搭配灯红酒绿的图片背景，增加作品趣味，整体上用户的体验感非常好。
扫描二维码查看
注：如果你还想了解更多的H5精品案例，可点击右侧“方案咨询”在线联系，或者微信搜索“蓝橙互动”公众号获取案例。
相关链接：H5制作|小程序定制|节日H5|H5玩法|H5设计
