ONE PLANET一个地球：快来测测你在环保事业中的英雄角色

2022-04-22 H5案例分享 H5案例分享

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

识别图中二维码

快来测测你在环保事业中的英雄角色-查阅二维码

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

案例：快来测测你在环保事业中的英雄角色

品牌：ONE PLANET一个地球

技术实现： html5

亮点：

1.创意定位

地球需要我们的守护，许多珍稀的濒危动物也亟待人类的帮助，作品罗列了四种保护动物，根据用户的个人技能和性格特点生成角色海报，也让用户了解帮助野生动物时需要的各类人员配置，倡导保护动物，保护地球的理念。

2.策划逻辑

打开作品后，在大熊猫，雪豹，东北虎，长江江豚中选择一个，进入测试，三道题，包括擅长的技术，身体素质和日常习惯，选择完毕后生成的海报中，有用户适合的角色，自然讲师，科研人员，管理者和巡视员等，有相应配图和职业内容解析，用户可保存海报或重新测试。

3.设计上

手绘作品，页面清新简约，初始页是一双手臂拥抱着地球，画风温馨，表达主旨，后面答题阶段根据用户选择的动物不同，背景也不一样，雪豹的白色雪景，东北虎的绿色森林等，都是与所选动物相对应的自然环境，丰富视觉体验。

4.交互上

答题很简单，都是一些基本的生活和兴趣类问题，三道题很快就答完了，用户在浏览选项时可以了解到不同角色的动物保护者需要具备哪些技能，最后用户可以跳转捐款平台。

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

标签