虎扑：直男内心检测

2019-01-15 H5案例分享 H5案例分享

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

识别图中二维码

直男内心检测-查阅二维码

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

案例：直男内心检测

出品：虎扑

亮点：

策划上，①首页直男内心检测，了解自己吗？找出内心深处隐藏的性格。自动调转到下一屏。②接下来是一共有五个问题，你登上了一艘探索新大陆的航船，你希望自己的角色是？2.作为特工，你需要不为人知地铲除掉某恐怖组织头领，你会？3.如果你是一只可爱的北极熊，你想生活在？4.三个按钮，按下后你可能获得奖励，但可能获得惩罚，你会选择？5.一觉醒来，发现自己穿越进入好莱坞电影，你希望自己在？③最后生成一张你的内心成分，四个人物，像他们的百分之多少，例如像杰克船长，一个不像英雄的英雄，像谢耳朵，始终如一，保留赤子之心。
设计上，主色调为红色。
体验上，直男，硬汉，暖男，快来从答题中获取你的内心是什么样的人吧，答题的时候，大屏幕的手机答题的时候下面会有一大块白条。

技术实现： Js

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

标签