Carbon

How the Carbon app transforms environmental awareness into actionable impact.

Type

Personal Project, Product Design

Year

Oct 2022 - Mar 2023

Carbon

How the Carbon app transforms environmental awareness into actionable impact.

Type

Personal Project, Product Design

Year

Oct 2022 - Mar 2023

Carbon

How the Carbon app transforms environmental awareness into actionable impact.

Type

Personal Project, Product Design

Year

Oct 2022 - Mar 2023

Overview

Environmentally conscious individuals often struggle to calculate and offset their carbon footprint due to the lack of simple, accessible tools. We set out to address this gap by creating Carbon, a user-friendly mobile app that simplifies carbon emission tracking and connects users to verified green projects for impactful offsetting.

Overview

Environmentally conscious individuals often struggle to calculate and offset their carbon footprint due to the lack of simple, accessible tools. We set out to address this gap by creating Carbon, a user-friendly mobile app that simplifies carbon emission tracking and connects users to verified green projects for impactful offsetting.

Overview

Environmentally conscious individuals often struggle to calculate and offset their carbon footprint due to the lack of simple, accessible tools. We set out to address this gap by creating Carbon, a user-friendly mobile app that simplifies carbon emission tracking and connects users to verified green projects for impactful offsetting.

Solution

Through a structured and iterative design process—including user interviews, wireframing, prototyping, usability testing, and accessibility considerations—we transformed complex environmental data into clear, actionable insights tailored for everyday users.

Solution

Through a structured and iterative design process—including user interviews, wireframing, prototyping, usability testing, and accessibility considerations—we transformed complex environmental data into clear, actionable insights tailored for everyday users.

Solution

Through a structured and iterative design process—including user interviews, wireframing, prototyping, usability testing, and accessibility considerations—we transformed complex environmental data into clear, actionable insights tailored for everyday users.

Role

As the UX designer, I led the entire process from research to high-fidelity prototyping, with a strong focus on simplifying data visualizations and making climate action more approachable for users with varying levels of environmental awareness.

Role

As the UX designer, I led the entire process from research to high-fidelity prototyping, with a strong focus on simplifying data visualizations and making climate action more approachable for users with varying levels of environmental awareness.

Role

As the UX designer, I led the entire process from research to high-fidelity prototyping, with a strong focus on simplifying data visualizations and making climate action more approachable for users with varying levels of environmental awareness.

Project Phases
Project Phases
Project Phases

Discover

User Research

I conducted thorough interviews and developed empathy maps to delve deep into the users I'm designing for and understand their unique needs. Our research led us to identify a pivotal user group: individuals who frequently travel for business purposes.

User Research

I conducted thorough interviews and developed empathy maps to delve deep into the users I'm designing for and understand their unique needs. Our research led us to identify a pivotal user group: individuals who frequently travel for business purposes.

User Research

I conducted thorough interviews and developed empathy maps to delve deep into the users I'm designing for and understand their unique needs. Our research led us to identify a pivotal user group: individuals who frequently travel for business purposes.

Pain point 1

Need for easy carbon footprint calculation

Pain point 2

Desire to offset carbon footprint

Pain point 3

Need to address environmental impact

Pain point 4

Wants to minimise carbon footprint

Competitive Analysis

Conducting a competitive analysis provided valuable insights into the existing market landscape. This, in turn, helps us identify opportunities for enhancing our product by focusing on underserved features that can set it apart.

Competitive Analysis

Conducting a competitive analysis provided valuable insights into the existing market landscape. This, in turn, helps us identify opportunities for enhancing our product by focusing on underserved features that can set it apart.

Competitive Analysis

Conducting a competitive analysis provided valuable insights into the existing market landscape. This, in turn, helps us identify opportunities for enhancing our product by focusing on underserved features that can set it apart.

Define

User Persona

Crafted two user personas that encapsulated the most prevalent use cases. Drawing from surveys and interviews, I meticulously outlined their characteristics, objectives, and pain points.

User Persona

Crafted two user personas that encapsulated the most prevalent use cases. Drawing from surveys and interviews, I meticulously outlined their characteristics, objectives, and pain points.

User Persona

Crafted two user personas that encapsulated the most prevalent use cases. Drawing from surveys and interviews, I meticulously outlined their characteristics, objectives, and pain points.

Angela Fox

As a frequent business traveler, I need to offset my carbon footprint from all the flights.

Age

31

Education

Masters in Business Management

Family

Married

Occupation

Sales Executive

Location

New York

Bio

Angela Fox, a frequent traveler as a sales executive, is devoted to her job with no alternative but to be on the move. Her concern for her children's future drives her to seek an app that makes calculating her carbon footprint effortless and provides options to offset it, contributing to a more sustainable world.

Goals

• To calculate her carbon footprint with ease.
• Have the option to offset her carbon footprint.

Frustrations

• Difficult to find an app which does it efficiently.
• Wants to help reduce her impact but unable to do so.

Matt Silva

Being an eco-conscious individual, I actively travel with a strong desire to reduce my environmental impact.

Age

20

Education

Graduate in Data Science

Family

Single

Occupation

Data Scientist

Location

New York

Bio

Matt Silva, a young, active traveler and avid online shopper, is deeply committed to environmental sustainability. He seeks an app to calculate and lower his carbon footprint, demonstrating his dedication to reducing environmental impact.

Goals

• To calculate his carbon footprint.
• Reduce personal carbon footprint based on goals he set.

Frustrations

• No cross platform to calculate carbon footprint.
• Online platforms lack a transport carbon footprint check option.

User Journey Map

Gain insights into Angela Fox's carbon footprint generated from her frequent travels and guide her in effectively offsetting it.

User Journey Map

Gain insights into Angela Fox's carbon footprint generated from her frequent travels and guide her in effectively offsetting it.

User Journey Map

Gain insights into Angela Fox's carbon footprint generated from her frequent travels and guide her in effectively offsetting it.

User Flows

I developed a user flow to comprehensively map the user's journey within the app. My goal was to optimise their navigation through the app's primary features, ensuring a seamless experience while making all the information easily understandable.

User Flows

I developed a user flow to comprehensively map the user's journey within the app. My goal was to optimise their navigation through the app's primary features, ensuring a seamless experience while making all the information easily understandable.

User Flows

I developed a user flow to comprehensively map the user's journey within the app. My goal was to optimise their navigation through the app's primary features, ensuring a seamless experience while making all the information easily understandable.

Paper wireframes

Carefully sketching multiple iterations of each app screen on paper was essential in ensuring that the elements eventually translated to digital wireframes effectively addressed user pain points. For the home screen, I emphasised placing the user's emissions prominently at the centre, complemented by a convenient check-in button.

Paper wireframes

Carefully sketching multiple iterations of each app screen on paper was essential in ensuring that the elements eventually translated to digital wireframes effectively addressed user pain points. For the home screen, I emphasised placing the user's emissions prominently at the centre, complemented by a convenient check-in button.

Paper wireframes

Carefully sketching multiple iterations of each app screen on paper was essential in ensuring that the elements eventually translated to digital wireframes effectively addressed user pain points. For the home screen, I emphasised placing the user's emissions prominently at the centre, complemented by a convenient check-in button.

Wireframes

The initial concept established a general layout for the app. However, as the digital wireframe design progressed, the layout naturally evolved, introducing more engaging elements. The design and arrangement of this screen have deviated from the original concept, embracing a more dynamic approach.

Wireframes

The initial concept established a general layout for the app. However, as the digital wireframe design progressed, the layout naturally evolved, introducing more engaging elements. The design and arrangement of this screen have deviated from the original concept, embracing a more dynamic approach.

Usability Study

I transformed the set of digital wireframes into a low-fidelity prototype. This prototype interconnects the primary user flow, facilitating its use in usability testing. The findings and feedback from users are detailed below.

Usability Study

I transformed the set of digital wireframes into a low-fidelity prototype. This prototype interconnects the primary user flow, facilitating its use in usability testing. The findings and feedback from users are detailed below.

Usability Study

I transformed the set of digital wireframes into a low-fidelity prototype. This prototype interconnects the primary user flow, facilitating its use in usability testing. The findings and feedback from users are detailed below.

Round 1 findings

• The home screen was perceived as overwhelming by participants.
• Participants reported the offset carousel page as user-friendly and intuitive.
• Participants successfully navigated through the check-in screen.

Round 2 findings

• Participants highly appreciated the data visualisation for its utility.
• Participants encountered challenges with the input method, finding it difficult to use.
• Participants successfully located and utilised the check-in button on their first attempt.

Design

Style Guides

Aa

Aa

Satoshi

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * ( ) _ + { } < >

Design Evolution

While designing the mock, I started evolving the design. I understood the features better which helped me improve the design make the colours and layout more consistent. To make the design more consistent, the layout changed on this page to make it more relatable and easy to understand.

Design Evolution

While designing the mock, I started evolving the design. I understood the features better which helped me improve the design make the colours and layout more consistent. To make the design more consistent, the layout changed on this page to make it more relatable and easy to understand.

Design Evolution

While designing the mock, I started evolving the design. I understood the features better which helped me improve the design make the colours and layout more consistent. To make the design more consistent, the layout changed on this page to make it more relatable and easy to understand.

Before

After

Before

After

Check In Flow

When crafting the main flow, my primary goal was to ensure simplicity. On the home screen, I placed the user's emissions front and centre, accompanied by a check-in button. This streamlined entry into the flow, allowing users to navigate it effortlessly. Ultimately, users could review their inputs and gain insights into their carbon footprint.

Check In Flow

When crafting the main flow, my primary goal was to ensure simplicity. On the home screen, I placed the user's emissions front and centre, accompanied by a check-in button. This streamlined entry into the flow, allowing users to navigate it effortlessly. Ultimately, users could review their inputs and gain insights into their carbon footprint.

Check In Flow

When crafting the main flow, my primary goal was to ensure simplicity. On the home screen, I placed the user's emissions front and centre, accompanied by a check-in button. This streamlined entry into the flow, allowing users to navigate it effortlessly. Ultimately, users could review their inputs and gain insights into their carbon footprint.

Offset Flow

After users grasped their carbon footprint for a specific duration, they had the choice to take action and offset it. This involved selecting from a range of available projects they could support. Upon making their selection, they could proceed with the offsetting process.

Offset Flow

After users grasped their carbon footprint for a specific duration, they had the choice to take action and offset it. This involved selecting from a range of available projects they could support. Upon making their selection, they could proceed with the offsetting process.

Offset Flow

After users grasped their carbon footprint for a specific duration, they had the choice to take action and offset it. This involved selecting from a range of available projects they could support. Upon making their selection, they could proceed with the offsetting process.

Accessibility considerations
Accessibility considerations
Accessibility considerations

Employing visual aids such as graphs and color schemes to enhance element clarity and comprehension.

Implementing a user-friendly bottom navigation system for swift access to any page.

Utilizing imagery and intuitive icons to facilitate effortless navigation.

Incorporating a dark mode option to enhance accessibility and user comfort in varying lighting conditions.

Takeaway

My first app design journey, which involved adhering to the comprehensive UX process, was a significant learning experience. Gaining insights into peer reviews, usability studies, and the transition from low-fidelity to high-fidelity prototypes were particularly enlightening for me.

Takeaway

My first app design journey, which involved adhering to the comprehensive UX process, was a significant learning experience. Gaining insights into peer reviews, usability studies, and the transition from low-fidelity to high-fidelity prototypes were particularly enlightening for me.

Takeaway

My first app design journey, which involved adhering to the comprehensive UX process, was a significant learning experience. Gaining insights into peer reviews, usability studies, and the transition from low-fidelity to high-fidelity prototypes were particularly enlightening for me.

Up