Loading ...

Responses by Jingqi Fan.

Background: 2°C EARTH began as a rallying cry for climate change, a hopefully timely response to a global reality unfolding before our eyes. Created to be visually engaging and easily digestible for audiences disengaged from our climate crisis, this project hopes to educate and inspire more people to join our collective fight for our future.

Design core: The overarching concept of 2°C EARTH is informed by the Paris Agreement, a global framework signed by hundreds of countries to keep global warming “well below 2°C.” Articulated through dynamic boundaries and striking imagery, the experience shifts between bold and quiet, sans-serif and serif, mono and polychromatic to highlight the dichotomy between present and future states that are central to this interactive experience.

Favorite details: I think the geolocation detail located at the bottom of every destination page. It ended up working fairly well, as it’s not only creepy but personalized enough for visitors to realize their potential impact on our environment.

Challenges: Choreographing the optimal user flow to achieve a narrative immersive and direct enough to reach visitors emotionally. How can I structure the destination pages so that visitors could easily toggle between its present and future states? Should visitors be confronted with the plight of each destination or its beauty and cultural contexts? How can visitors access action resources right away? These are some of the questions I repeatedly asked myself as I made each decision. That—and lots of testing, of course.

Technology: Nuxt.js is the backbone of this interactive experience. The animations were created with GSAP, smooth scrolling and parallax are done with Locomotive Scroll, and the sound is controlled with howler.js.

2-c.earth

Browse Projects

Click on an image to view more from each project
X

With a free Commarts account, you can enjoy 50% more free content
Create an Account
Get a subscription and have unlimited access
Subscribe
Already a subscriber or have a Commarts account?
Sign In
X

Get a subscription and have unlimited access
Subscribe
Already a subscriber?
Sign In