Carbon
A mobile app turning carbon data into simple, actionable climate solutions.
Role
UX Research & Interaction Designer
Sector
Sustainability
Timeline
6 moths
Carbon
A mobile app turning carbon data into simple, actionable climate solutions.
Role
UX Research & Interaction Designer
Sector
Sustainability
Timeline
6 moths
Carbon
A mobile app turning carbon data into simple, actionable climate solutions.
Role
UX Research & Interaction Designer
Sector
Sustainability
Timeline
6 moths
Problem
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.
Problem
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.
Problem
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.
Goal
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.
Goal
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.
Goal
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.
What I accomplished
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.
What I accomplished
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.
What I accomplished
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.
Discovery
Understanding the Problem
Discovery
Understanding the Problem
Discovery
Understanding the Problem
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 1
Need for easy carbon footprint calculation
Pain point 1
Need for easy carbon footprint calculation
Pain point 2
Desire to offset carbon footprint
Pain point 2
Desire to offset carbon footprint
Pain point 2
Desire to offset carbon footprint
Pain point 3
Need to address environmental impact
Pain point 3
Need to address environmental impact
Pain point 3
Need to address environmental impact
Pain point 4
Wants to minimise carbon footprint
Pain point 4
Wants to minimise carbon footprint
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.
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.
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.
Define
Framing the Challenge
Define
Framing the Challenge
Define
Framing the Challenge
User Journey Map
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 Journey Map
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 Journey Map
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.
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.
Style Guides
Style Guides
Style Guides
Usability study: findings
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: findings
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: findings
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 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 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.
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.
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 improvements based on usability study
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 improvements based on usability study
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 improvements based on usability study
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
Crafting the Experience
Design
Crafting the Experience
Design
Crafting the Experience
Inputting carbon data
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.
Inputting carbon data
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.
Inputting carbon data
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 colour 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.
Accessibility considerations
Employing visual aids such as graphs and colour 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.
Accessibility considerations
Employing visual aids such as graphs and colour 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.
Impact
Design Outcomes
Impact
Design Outcomes
Impact
Design Outcomes
Turned complex carbon data into a simple, actionable experience.
Turned complex carbon data into a simple, actionable experience.
Turned complex carbon data into a simple, actionable experience.
Designed habit-led actions that boosted user motivation.
Designed habit-led actions that boosted user motivation.
Designed habit-led actions that boosted user motivation.
Built a modular, accessible design system for scalability.
Built a modular, accessible design system for scalability.
Built a modular, accessible design system for scalability.
Made the app feel friendlier and more intuitive through improved onboarding.
Made the app feel friendlier and more intuitive through improved onboarding.
Made the app feel friendlier and more intuitive through improved onboarding.
Learnings
Key Takeaways
Learnings
Key Takeaways
Learnings
Key Takeaways
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.
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.
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.
