verdant

a mobile application to track your personal carbon footprint

Verdant - Banner

DURATION

7 Weeks

ROLES

Visual Design, Interface Design, Interaction Design, Wireframing, Prototyping, User Research

TOOLS

Figma, Adobe Illustrator, Adobe Photoshop

PROJECT OVERVIEW

Project Description

Verdant is an academic case study created for a senior level user experience course, IAT 334, at Simon Fraser University. For this project, we were tasked to establish a domain to research and work within it to develop and propose a meaningful digital intervention.

Verdant

Verdant is a mobile application that tracks your personal carbon footprint. Designed with an intent to help the users visualize the amount of carbon dioxide that they produce from their daily lifestyle. In using the application, our goal is to help users live a more environmentally friendly lifestyle.

Domain

With an interest in global warming, our team decided to explore the domain of environmental awareness. Global warming has been an ongoing issue for people around the world. With carbon dioxide emissions gradually rising, many people are beginning to be more conscious about their lifestyles and how they can reduce their personal carbon footprint.

RESEARCH

Primary User Research

In order to better understand the domain our design would exist within and the potential areas for intervention, we conducted a survey. The primary goal of this survey was to help us gain a sense of the current relationship individuals share with the environment and how they perceive their environmental impact. Our primary research allowed us to gather diverse responses from over 50 participants with ages ranging from 18-61 years old.

Key Insights

1. Carbon footprint goes beyond transportation emissions

When thinking of carbon footprints, individuals tend to associate their transportation methods with how positive or negative their impact is. However, there are other factors, such as products purchased, that must be taken into consideration when calculating one’s overall carbon dioxide emission.

2. Eager but unaware how to change?

A common theme amongst the responses was their willingness to change their lifestyle and take action to prevent further damage to the environment. However, they were unsure of exactly how their life currently impacts the Earth and what measures they should take to live more environmentally friendly.

DESIGN PROCESS

Framing our Design Focus

The domain of environmental awareness can encompass a wide range of topics, however through our primary research we were able to discover an area of intervention. As a team we were interested in focusing on answering the question,

Persona & Initial Proposal

After a rapid brainstorming session, our group came to a consensus and decided to move forward with a carbon footprint tracking application. From the research and insights collected, we synthesized our data to create a persona that would represent our target audience. The foundation of our design was established using our persona as it mapped out the goals and motivations of our users. We developed a journey map to better understand the potential touchpoints that could be used to target areas of intervention.

Targeted persona & an experience map highlighting potential areas of intervention.

Ideation & Iterations

Considering there were several features to the application, our team split up the tasks to iterate on different aspects of the application. We went through several design iterations. We began with grey wireframes and slowly implementing colour to create higher fidelity mockups after creating a design style guide for the application.

Main screen ideations.

Transportation logging ideations.

User Testing

Prior to finalizing the design of our application, we conducted user testing with 14 participants through video (Zoom) interviews. Through user testing, we gathered insights and feedback on the core workflows of our application design. In order to understand whether the intention for the application were clear, we allowed the users to explore the application without any guidance. It was important for us analyze tests of individuals outside of our group. By doing this, we were able to monitor how they naturally navigated through the flow and reacted with the design. Moving forward we provided scenarios to the participants, monitored their behaviour, and noted any thoughts, questions, or concerns they had while interacting with the workflow.

One exmaple showcasing our findings from user testing.


View our user testing insights report here!

Takeaways

1. Lack of Context

They were unsure if the values should be interpreted as positive or negative since there was no basis for comparison or recommended value provided.

2. Uninclusive

For logging transportation, not enough alternative options were given regarding how people travel, whether it be through carpooling, driving more than one automotive vehicle, or utilizing other forms of transportation such as a motorcycle

3. Too Many Features

Our initial design did not feel as cohesive due to the various user flows we introduced. The core feature of tracking users’ carbon dioxide emissions felt incomplete since there was no clear end goal. More focus on improving the experience of logging emission activities had to be established. We achieved this by removing the “Explore” tab, which helped in reducing the information clutters.

FEATURE BREAKDOWN

Profile and Emission Breakdown

The main profile displays all the analytical data regarding the user’s personal carbon footprint that have been gathered over time. A visual chart showcases weekly and monthly emission amongst the different categories. Users are able to view each category separately along with a detailed breakdown of their logged activities. Friends’ emissions and activities can also be viewed on this screen.

Logging Carbon Emission Activities

While transportation and purchases are two activities that first come to mind in regard to carbon footprints, Verdant also offers the ability to track emissions created from water and electricity. The application provides easy methods to input users' carbon emission activities with the option of tracking the travel details in real-time with the automatic function, scanning utility bills or manually inputting the details of their activities. For manual inputs, the application will calculate the emission based on rough estimations. For transportation activity tracking, an option is provided to allow users to split their emissions amongst their friends if they are carpooling.

Personal Goals

Users are encouraged to track their progress and explore their unique journey to b ecoming more sustainable. With the use of personal activity goals, the primary objective is to ensure users are able to find methods to reduce their carbon footprint and feel accomplished while doing it. When a milestone is achieved, a popup notification will display to indicate how their actions have influenced their overall carbon footprint.

View our final prototype here!



CONCLUSION

Reflection

After completing this project, I am glad we chose to work in the domain of environmental awareness. Although it is a well-known topic, not many people understand the concept of it. Throughout this project, my team and I struggled with understanding how carbon footprint was calculated. Being able to learn about how carbon emissions work as we were designing helped us to iterate and further develop our ideas. I am proud of the extensive process and iterations we went through to get to the final product. This project taught me the importance of user testing, especially A/B testing when you have various features to showcase. Overall, this project has allowed me to improve many skills. As this was the first time I had to work on a project entirely remotely, it was very important to maintain and develop teamwork and communication skills