3

PROJECT OVERVIEW

Responsive website design for the Bleeding Earth, A nongovernmental organization (NGO) for people To understand the long-term effects of global warming and how they can be influential and part of the solution with conscious choices and through their consumption.

The Problem :

Climate change is a subject that has obvious Consequences. Very few people are fully known of it and are committed to the cause; They often say they are hopeless and apprehensive about it or there is nothing we can do.

The Goal:

To Generate a positive impact on climate change by the way we consume.

Role & Responsibilities :

UX & UI Designer

UX researcher 

Art Direction

USER RESEARCH SUMMARY

My research gathered so much information, This process was bittersweet. I gathered so many facts But all those problems also discovered so many Organisations and volunteers, Lots of things have been done to involve civilians and so many great ideas, which inspired me.
For Qualitative insights, I interviewed two professional experts on the matter and three young activists that feel so deeply for the cause.
In conclusion for all my interviews and empathy maps, I realised that citizens need more knowledge about climate change, and what they can do and would impact on a massive world scale, is to make a conscious choice on the routine they consume.

r

Pain points:

Knowledge: People need more knowledge about climate change.

Solution: People Asking for solution & how they can help .

Counting: Pepelo needs to see how much co2 they use in their daily product.

Persona Problem statement:

Sonia fights against climate change , on a daily basis and also defends animal rights. She tries to raise awareness of the problem on a daily basis.

Ideation:

After all I had a clear idea of my solution , so I defined it :
A responsive website which compares products based on CO2 emissions. If we scan or search for a product, will tell us how much of an impact it has on world climate change wise.
It should show alternative products that are better for our environment.
A big part of the website is to inform about the situation, how CO2 destroys our world and how much of a difference our choice would make.

Information architecture :

Wireframes

Usability study :

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

Findings:

  1. Users want Summary of their product co2
  2. They want to see more feedback
  3. Users want news and facts

Branding & components

The branding of this project is inspired by the trilogy collection of the Bleeding Earth (My artworks 2019). These works are an attempt to show the changes in the effects of global warming and climatic changes that have changed the nature of these areas over time, ” This is our earth that is bleeding.”
The red colour contrast from the dark to the light, is a symbol of bloodshed, as well as drawing attention and showing the importance of this issue, a symbol of warning and the need for quick changes.

Final product

I defined it the final product should be a Responsive website which has two main parts: the first part is about knowledge and information: A big part of the website is to inform about the situation, how CO2 destroys our world and how much of a difference our choice would make.

and the second part is about helping users to choose the way they consume that compares products based on CO2 emissions. If we scan or search for a product, this app will tell us how much of an impact it has on world climate change wise. It should show alternative products that are better for our environment.