top of page

UX Case Study

Screenshot 2023-11-11 at 10.08.55 AM.png

Carbon Sense was designed to help individuals reduce their carbon footprint for a more sustainable future

Frame 119.png

Client

BrainStation

Tools

Figma
Adobe XD
Miro
Slack

Platform

iOS(mobile)

My Role

UX/UI Designer UX Researcher
 

Prototype

Timeline

12 Weeks

Problem

Individuals lack an accessible tool for easy and personalized carbon footprint tracking, hindering their sustainable lifestyle goals.

CarbonSense recognizes the crucial need for individuals to easily track and reduce their carbon footprint. Currently, there's no simple solution for this, hindering their journey toward sustainable living

Solution

An user-friendly app helping individuals to track and reduce their carbon footprint with personalized tips on usage.
The CarbonSense app caters to user needs by providing:
  • Clear visibility into personal carbon impact
  • Tailored suggestions for reducing environmental footprint
  • User choice in adopting eco-friendly habits

Step 1- Research & Discovery

Frame 379.png
​The Double Diamond Design Process Model" 2005. Published by the UK Design Council.
Demonstrated throughout the CarbonSense Project.
While I observed a gap in accessible tools for carbon reduction, I needed to confirm if others shared the same concern. Conducting secondary research became my initial step to either validate or challenge my own beliefs for the development of CarbonSense.

30%

of  energy loss occurs by Canadians Households

110kW

House per year of energy is wasted, per year

400TW

House per year of global energy is wasted by network enabled devices
Frame 341.png
Frame 340.png

User Interviews

To collect qualitative insights and understand directly from my peers why energy tracking tools aren't more prevalent, I conducted a series of user interviews with a series of open-ended questions for the development of CarbonSense
To collect qualitative insights and understand directly from my peers why energy tracking tools aren't more prevalent, I conducted a series of user interviews with a series of open-ended questions for the development of CarbonSense
Frame 347.png

Step 2- Synthesis

Frame 380.png
To better understand the data, I used Affinity Mapping. It helped me organize everything into categories like Pain Points, Behaviors, and Motivations
Frame 7.png
Frame 8.png
Main Theme: Unattended Lights & Appliances
Participants frequently left lights on throughout their homes and often left devices plugged in, drawing power unnecessarily when not in use
With this research, I was able to accurately narrow down my project with a question that would guide my project

How might we empower Canadians to develop a greater awareness and consciousness about their carbon footprint, enabling them to make sustainable choices and reduce their environmental impact?

Meeting Our Persona

Using the data, I created Stephan. A persona created based on my interviewees’ pain points and behaviours to represent the target users of our problem space and chosen theme.
Frame 32.png
Next, I developed Stephen's Experience Map showing the end-end experience he would encounter when attempting to track his energy usage 
EXperience map.png
Experience Mapping showing the current state of Stephan's pain points

Competitive Analysis

Frame 124.png
Following user interviews and integrating their insights into the user persona, I conducted a comprehensive competitive analysis.
I discovered that existing apps lack advanced AI algorithms capable of not only monitoring energy usage but also analyzing it to deliver personalized, actionable tips based on individual lifestyles and habits.

Step 3- Ideation

Frame 382.png
Now, the exciting phase begins—I need to find innovative solution that empower users to effortlessly track and reduce their carbon footprint.
For this, I wrote User Stories, and then sorted them into Epics. This helped me prioritize which task flow and functionality to design.​​​​​​​
Frame 133.png
 As a eco-friendly user, Stephan wants to keep track of all the different appliances in his house along with their energy usage, so that he can identify which one consumes most energy to reduce energy
Footprint Tracking Task Flow
I translated the Epic of "Carbon Footprint Tracking" into a Task Flow.
Taskflow.png
Frame 383.png

Step 4- Prototype

It was time to turn ideas into reality, transitioning from sketching on paper to the digital format.

Paper Sketches

Initial(Low-Fi)

Converting confusion into a seamless experience
I performed 2 rounds of user testing, with five testers participating in each round. I incorporated the feedback received from the testers to make revisions to the screen designs.
Based on the Design Prioritization Matrix, I proceeded to implement crucial refinements for the subsequent round of user testing.
12345.png
Issue: Testers were uncertain about the power consumption of individual devices and experienced confusion with two buttons.
Solution: The power consumption data was added for quick and easy access to device information. The sort-by button was eliminated, and the filter button was enlarged for improved accessibility.

Brand Development

Before I moved onto refining the app into a High Fidelity Prototype, I branched off to explore the branding of CarbonSense

Moodboard

Screenshot 2023-11-25 at 6.35.43 PM.png
I defined five moods to describe the app: Formal, Reliable, Safe, Dependable and Secure

Wordmark Development

CarbonSense was chosen as the app name as the term "Carbon" embodies environmental consciousness, while "Sense" signifies the app's ability to detect patterns and guide users toward responsible energy habits.
Frame 120.png
Frame 18.png

App logo

After careful thought, I chose this app icon with a simple armor design and a power symbol for 'Carbon Sense.' The use of colour blue reflects our commitment to safety and reliability, symbolizing trust and responsibility, in line with our mission
Frame 2608753.png

Hex codes of all the colours used in the app

Accessibility

I ensured that the UI follows the WCAG AA Standards. To achieve this, I used the Stark plugin to check the color contrast of the app
Frame 129.png

High Fidelity Prototype​​​​​​​​​​​​​​

After defining my product brand and color palette, I applied these high-fidelity visual design elements to my final prototype.

Brand Expansion

Responsive Marketing Website

Next, I designed a responsive website experience promoting CarbonSense.
I proceeded with developing a responsive marketing website and mobile version that focused on building a strong value proposition. The tone and narrative are meant to be supportive yet confident, appealing to my target demographic
MacBook Pro 16.png
Screenshot_2023-11-26_at_3.21.56_PM-removebg-preview.png

Next Steps

Implement Accessibility Features
Prioritize the integration of accessibility features to make the product inclusive and compliant with accessibility standards. This step ensures that all users, regardless of abilities, can interact with the product effectively
Conduct High-fidelity User Testing-
This will offer valuable insights into the user experience, allowing for a thorough assessment and improvement of the product. 

Tarot Cards of Tech

As I near the conclusion, I will employ a Tarot Card of Tech to explore the potential future of my product. In this instance, I have selected The Smash Hit

If 100 million people are using the product I see boundless opportunities and challenges

Mass Impact- Our product becomes integral to countless lives, potentially revolutionizing the way people engage with it.
Scaling Prowess- Ensuring our infrastructure scales seamlessly becomes paramount to meet the demands of this massive user base.
User-Centric- Focus upholding a stellar user experience remains our core mission, necessitating continuous refinement.
Security & Privacy- Fortifying security measures becomes non-negotiable to protect user data and privacy effectively
tarot.png

The Smash Hit card prompts thoughts on big success and the power of mass adoption

My Key Learnings

Human-Centered Approach is Paramount
I learned that a human-centered design approach is essential for creating products that resonate with them. Constantly seeking and incorporating user feedback was key to our success
Data-Driven Decision Making
Data analytics played a crucial role in decision making. I learned to rely on data to identify trends, user behaviors, and areas for improvement
bottom of page