logo

地球一援(EarthAid)

WildAid旗下全新公益项目品牌

服务内容

社交媒体传播、互动H5政府、大学、国际组织
作者:STOYARD 2023-09-28 编辑:STOYARD BEIJING

2023

地球一援(EarthAid)是野生救援组织(WildAid)旗下的全新公益项目品牌,是一个应对气候变化倡导绿色生活方式项目,围绕健康可持续饮食、绿色出行、减少一次性塑料、生态保护修复等领域,通过开展知识科普、意识提升和公众参与活动,鼓励每个人作为地球的一员,以实际行动参与全球气候治理。STOYARD设计团队为其设计并开发了网站,负责整体视觉设计、创意拓展以及架构梳理,使整个项目呈现出有趣、生动的面貌。
00:00
1.项目背景

2005年野生救援开始在中国开展工作,并于2017年成立北京代表处。

野生救援在中国开展的主要项目包括:减少象牙、犀角、穿山甲、海龟等非法野生动物及其制品需求的物种保护项目,以及从消费端推动减排及绿色低碳生活方式的“地球一援EarthAid”气候项目。野生救援争取来自社会各界,包括政府部门、企业、媒体、明星及当地民众的合作,加大对野生动物保护工作的支持力度。

野生救援拥有近百位名明星公益代言人,通过名人的积极影响力来影响广大公众,改变人们对野生动物资源和环境保护的意识和态度。野生救援邀请拍摄公益宣传片的对象均为各自领域的杰出代表。
2.无限的创意令人惊喜

网站的视觉风格整体呈现出鲜活、灵动、丰富的特点,让用户在打开网站的一瞬间就能感知到蓬勃的生命力。在技术层面,我们增加了很多交互细节、和三维渲染输出,用户可以通过与内容的互动,激发兴趣。

网站视觉层,我们以一段大自然景观视频打开视野,同时配合视频内容的还有一组不断滚动的数据,这是实时的WildAid组织新增环保人士数量,数据是最直观的,所以,我们通过开屏的内容打动人心,接下来就是我们运用3D渲染加前端技术共同实现的三维交互场景,快速拉近用户和平台的距离。

除此之外,我们也做了大量色彩配比方案,最终敲定了一组与大自然最为契合的方案,用户翻阅页面,就如同穿梭在自然界中,看到天空、花海、绿地以及四季冷暖的变幻,这就是色彩带来的温度。
3.细节就是细腻的感知

为了更好地表达人与自然之间的亲密关系,我们尝试做出一些可爱的形象,用来平衡画面中的文字信息。拟人化的小地球3D形象,对应了不同板块的内容。他们充当了小贴士的角色,引导用户继续浏览,谁会忍心拒绝一个向你热情传递知识的小可爱呢。
4.用视觉梳理内容信息

当网站有很多文案内容是需要通过页面来加以归类呈现给用户时,一定要有细节上的考虑,以防止复杂的内容让用户疲惫。

基于这个问题,丝滑的交互细节,丰富但不杂乱的色彩以及合适的字体大小和位置可以将多个内容自然而然地衔接起来,并且引导用户继续欣赏。所以,好的内容需要好的视觉和交互细节将其呈现出来,不能只是简单地信息罗列。
5.移动端适配

我们为移动端也设计了更加适配的系列视觉内容,方便用户操作以及传播。

谢谢。

联系