LOFTER：测测你会被哪所大学录取

2021-08-11 H5案例分享 H5案例分享

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

识别图中二维码

测测你会被哪所大学录取-查阅二维码

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

案例：测测你会被哪所大学录取

品牌：LOFTER

技术实现： html5

亮点：

社交平台LOFTER（乐乎）推出的作品，根据用户性格测试适合的大学，在火热的录取季感受游戏乐趣，了解自身性格，提高平台知名度。

九道题，分别是即兴绘画风格，愿意参加的运动会项目，印象深刻的文学人物，选择一首独处时的BGM,喜欢哪种故事，旅行风格，怎样用外文点单，选择一个图形代表当下思绪，输入名字生成海报，包括用户名，录取大学，性格分析和出品方LOGO。

白色背景为主，每道问题的答案都与渲染风格的插图结合出现，包含了审美，个人习惯，情感倾向等，除了学生运动会的假设问题，其余问题都比较贴近生活，是日常生活中也会遇到的选择，整体氛围轻松，明朗清新。

一题一主色，备选答案使用了挨个落下，环绕移动，在延伸线条上逐个跳出等方式出现，点击后也会有跳动，散开等效果，每道题的跳转都有视觉上的新鲜感，吸引用户保持好奇和关注。

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

标签