Carbon

Calculate and Offset Your Travel Emissions

Type

Personal Project, Product Design

My Role

Responsible for interviews, research, wireframing, prototyping, Hi fi design, micro animation

Timeline

Oct 2022 - Mar 2023

Type

Personal Project, Product Design

My Role

Responsible for interviews, research, wireframing, prototyping, Hi fi design, micro animation

Timeline

Oct 2022 - Mar 2023

Type

Personal Project, Product Design

My Role

Responsible for interviews, research, wireframing, prototyping, Hi fi design, micro animation

Timeline

Oct 2022 - Mar 2023

Carbon is a user-friendly app that calculates the carbon footprint from your travels and helps you offset it by investing in green projects. This app is designed for environmentally conscious users who want to reduce their carbon footprint and make a positive impact on the planet.

Project Overview

Design and develop an app to address the challenges faced by climate-conscious individuals who lack the resources to calculate and offset their carbon footprint. The goal is to provide a simple and intuitive solution that enables users to calculate their carbon footprint and take steps to offset it.

Project Overview

Design and develop an app to address the challenges faced by climate-conscious individuals who lack the resources to calculate and offset their carbon footprint. The goal is to provide a simple and intuitive solution that enables users to calculate their carbon footprint and take steps to offset it.

Responsibilities

Engaging in a comprehensive design process involving interviews, paper and digital wireframing, low and high-fidelity prototyping, usability studies, accessibility considerations, and iterative design refinements.

Responsibilities

Engaging in a comprehensive design process involving interviews, paper and digital wireframing, low and high-fidelity prototyping, usability studies, accessibility considerations, and iterative design refinements.

Responsibilities

Engaging in a comprehensive design process involving interviews, paper and digital wireframing, low and high-fidelity prototyping, usability studies, accessibility considerations, and iterative design refinements.

Problem

The current issue lies in the scarcity of user-friendly apps that facilitate easy carbon footprint calculation. Furthermore, the data visualization after the user inputs their information is often complex and challenging to comprehend.

Problem

The current issue lies in the scarcity of user-friendly apps that facilitate easy carbon footprint calculation. Furthermore, the data visualization after the user inputs their information is often complex and challenging to comprehend.

Problem

The current issue lies in the scarcity of user-friendly apps that facilitate easy carbon footprint calculation. Furthermore, the data visualization after the user inputs their information is often complex and challenging to comprehend.

Goal

Implement a well-defined design process that includes interviews, wireframing, prototyping, usability studies, accessibility assessments, and iterative design improvements to ensure a more consistent and user-friendly product.

Goal

Implement a well-defined design process that includes interviews, wireframing, prototyping, usability studies, accessibility assessments, and iterative design improvements to ensure a more consistent and user-friendly product.

Goal

Implement a well-defined design process that includes interviews, wireframing, prototyping, usability studies, accessibility assessments, and iterative design improvements to ensure a more consistent and user-friendly product.

Project Phases

Understand

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.

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.

Angela Fox

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

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

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.

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

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.

Ideate

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.

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.

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.

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.

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

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

Impact

The app offers a seamless and user-friendly experience for everyday use.

Peer Feedback Quote:
"The app encompasses essential and easily navigable features."

Learnings

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