Weeco
For Hack Davis 2022, our team was challenged to create a solution for any social change in less than 24 hours. We decided to focus on the topic of climate change, and we were inspired to encourage users to reduce their carbon emissions.
WEECO is a user friendly app that allows users keep track of carbon emissions emitted through travel/ personal vehicles
Our team wants to limit our focus to just personal vehicles and travel and later move to electric solution and emissions .
Team
Cody Mak, Adrienne Lee, Jan Li, Anna Chen
Role
UX/UI Designer
Time
24 hrs
Tools
Figma, Adobe Illustrator, Photoshop, React, Swift
Product Review
Scan for CO2 Emissions
Carbon Footprint is a real thing. Track CO2 emissions from using your personal vehicles
Travel with Caution
Be wise. Be thoughtful. Every trip is another footprint. Make smart choices to reduce your carbon footprint when traveling
View Vehicle information
Every car has different CO2 emissions. Log in your vehicle to see how much your car leaves carbon.
Don't repeat Patterns
Our goal is to help you reduce CO2 emissions per month. Our world is changing, and self reflection is needed.
Design Process
24 hr. Rapid Design Sprint
Research
Collecting Qualitative and Quantitative Data
Background Research
Research Analysis
Carbon Dioxide (CO2) emissions are greenhouse gasses resulting from the burning of fossil fuel CO2 is important for keeping the earth a habitable temperature, as excessive amount will disrupt the earth’s carbon cycle and accelerate global warming. As we have seen in the past few years, global warming and climate change has several ecological impacts, floods, extreme storms, sea-level rise and disturbed water systems.
A typical passenger vehicle emits about 4.6 metric tons of carbon dioxide per year.
This assumes the average gasoline vehicle on the road today has a fuel economy of about 22.0 miles per gallon and drives around 11,500 miles per year.
Every gallon of gasoline burned creates about 8,887 grams of CO2.
Define the problem
"How do we guide users to reduce their carbon footprints from traveling?
Wireframes & Prototypes
Bringing ideas to life
Low & High Fidelity Wireframes
We emphasized a smooth and simple user experience and designed mid-fidelity wireframes that the users would interact with through different pages.
We translated the Mid-Fidelity frames into color and incorporated more UI components on Figma to make the app appear more complete.
Testing
Usability Tests
Think Out Loud
After designing the High-Fidelity wireframes, we moderated how the users navigated through the page and were asked to describe their thoughts/concerns when interacting with the prototype over zoom.
Overview 📍
Method: Moderated Usability Testing (Think Aloud)
Participants: 2
Age Range: Young Adults (19-22)
Average Time: ~10 minutes
Task Completion Rate: 80%
Error-Free Rate: 70%
Testing
Pain Points
Navigation- Users have experienced confusion in the beginning of the app. "What am I supposed to be doing here?"
Flow- A common theme was that pages felt similar. We needed to establish purposes on the respective pages.
Required Vehicles- "What if people do not own cars? How do they reduce their carbon footprint?"
Insights
•User's enjoyed seeing CO2 emissions from designated cars
•Pages need to have a clear purpose and logical flow
•We need to encourage users to NOT use their cars as much
Recommendations
•The CO2 emissions bar should limit the users to not reach a certain amount of CO2 emissions
•There needs a way reduce CO2 emissions even for people who don't have cars
•There needs a clearer incentive for people to use this App
Weeco Demo
Reduce, Reuse, Reward
Every month, user's who do not reach past a certain CO2 emissions rate will be rewarded redeemable codes that support eco-friendly, vegan-friendly companies
Cars Cars everywhere
Weeco will help users track how much CO2 is emitted from your personal vehicle. This will help you make smarter decisions in your personal travels to reduce carbon footprints.
To drive or not?
Our app is not here to make you feel guilty. It's here to help you make better choices and be aware of how much vehicles can contribute to climate change.
Design System
Visual and Branding Design
Identity
Branding
Our team are very passionate about reducing climate change. We wanted our app to use earth-toned colors as part of our identity.
Weeco derives from the phrase "We-Eco". We eco to promote efforts in slowing down the process of climate change. Our world is dependent on using fossil fuels, but no one truly knows how much their daily actions such as transportation can leave a big impact on the planet.
Identity
Mood Board
Warm oranges and dark blues were our initial colors. However, we figured it would be more inviting to include monochromatic pastels to lighten the mood.
Reflection
Next Steps
I truly cannot describe my excitement for this 24-hour challenge. My team consists of two designers, one software developer, and one project manager.
Together, our interdisciplinary backgrounds communicated well ranging from a business perspective, software feasibility, to a human-centered approach. In the long 24 hours trapped in a single room under many caffeinated drinks, we tackled through many challenges and ideas together.
Unfortunately, we did not win an award, but we were all very proud to have create a solution for social change. This project reminded us that climate change will be inevitable if we continue to make reckless decisions affecting the climate
For more information about our detailed project and inspiration to combat climate change, click the links below!