BACK

Raise Awareness about Carbon Emission using Transportation with Tracco 🚗💨

Role

Product Designer

Duration

May - December 2023

Carbon Emission, Micro-Interaction, Dark Mode

Figma, Miro, Notion, Maze

Tracco Overview 📖

Tracco helps you reduce your carbon emission through your transportation by calculating the emission and giving recommendations to other transportation modes that are far more efficient in terms of carbon emission and cost.

🎯 Core features

📍 Track your transportation carbon emission
🚎 View available public transportation routes
💸 Input your transportation cost with our estimation calculation
🏆 Share your effort in reducing carbon emissions with your friends!

🎯 Core features

📍 Track your transportation carbon emission
🚎 View available public transportation routes
💸 Input your transportation cost with our estimation calculation
🏆 Share your effort in reducing carbon emissions with your friends!

🎯 Core features

📍 Track your transportation carbon emission
🚎 View available public transportation routes
💸 Input your transportation cost with our estimation calculation
🏆 Share your effort in reducing carbon emissions with your friends!

We launched our first landing page made with Typedream in October 2022, please check it out 🚀

Identifying Problem

The most significant contributor to the Carbon Footprint in Indonesia comes from the Energy sector & one of them is Transportation 🚘

Data Source: Indonesia’s Climate Transparency Report 2020

Do you guys know why Transportation become one of the largest carbon emission contributors? Yup, because transportation especially in Indonesia, most of them still use fossil fuel that produces Carbon Dioxide (CO2). Transportation contributes 27% of greenhouse gas emissions, making it the 2nd largest contributor to Indonesia in the energy sector after the Industrial sector.

Data Source: Indonesia’s Climate Transparency Report 2020

Carbon Dioxide (CO2) produced by transportation also contributed to Indonesia's air quality 💨

Data Source: iqair.com

As you can see on the table, Indonesia is one of the top 5 countries with bad air quality worldwide (Data taken from June 28th, 2022). Bad air quality is caused by many aspects, such as unpredictable climatic conditions and higher temperatures. One of the aspects that caused these conditions are affected by the production of carbon dioxide comes from transportation with fossil fuels that are mixed in the air.

Air is part of our life, we breathe every second, just imagine what will happen if the air quality gets worse every day? There will be no more clean air that we can live in and it’ll directly affect our health, so this problem urgently needs to be solved now.

Data Source: iqair.com

What happened if we don’t reduce the carbon emission right now?

Image Source: unsplash.com

We’re already feeling this problem nowadays, here are some data that proves this:

The weather is getting hotter from 1991-2022, in June 2022 the average weather in Indonesia is about 27 C. This temperature is the 22nd highest in the last 30 years (bmkg.go.id)
Indonesia is in the top 5 countries in 2022 who has bad air quality in the world (iqair.com)
National Board for Disaster Management (BNPB) said in early 2022, the total number of natural disasters that occurred in Indonesia are about 954, 379 of them because of floods and 335 of them because of extreme weather.

Image Source: unsplash.com

We’re already feeling this problem nowadays, here are some data that proves this:

The weather is getting hotter from 1991-2022, in June 2022 the average weather in Indonesia is about 27 C. This temperature is the 22nd highest in the last 30 years (bmkg.go.id)
Indonesia is in the top 5 countries in 2022 who has bad air quality in the world (iqair.com)
National Board for Disaster Management (BNPB) said in early 2022, the total number of natural disasters that occurred in Indonesia are about 954, 379 of them because of floods and 335 of them because of extreme weather.

Image Source: unsplash.com

We’re already feeling this problem nowadays, here are some data that proves this:

The weather is getting hotter from 1991-2022, in June 2022 the average weather in Indonesia is about 27 C. This temperature is the 22nd highest in the last 30 years (bmkg.go.id)
Indonesia is in the top 5 countries in 2022 who has bad air quality in the world (iqair.com)
National Board for Disaster Management (BNPB) said in early 2022, the total number of natural disasters that occurred in Indonesia are about 954, 379 of them because of floods and 335 of them because of extreme weather.

So, this is the problem that needs urgently to be solved right now and we can start it ourselves, if not those who start to solve it now, who else will do it?

We can start to solve this problem with things that have become part of our lives, like transportation, reducing the use of private vehicles and changing it into public transportation, or using an eco-friendly vehicle like bicycle.

So, this is the problem that needs urgently to be solved right now and we can start it ourselves, if not those who start to solve it now, who else will do it?

So Our Challenge is

🎯 Help user reduce their carbon emissions through transportation

The Process

READ THIS FIRST!

Before choosing to solve reducing carbon emissions through transportation, at first we choose food carbon footprint as a problem that we want to solve, but we decide not to continue the food and change our main focus to transportation.

Here I will explain to you why we have changed our topic. But if you just want to read about transportation, you can jump into the transport process by clicking the link below 👇

💡 Read Transportation Processes

Conducting user interviews with 7 users who already aware of carbon footprint and 3 experts in the sustainability community

First of all, because we already know what problem needs to be solved, so we decide to validate our hypothesis about carbon footprint from user & expert perspectives by conducting user interviews.

Our target user for the interview is people from the gen z & millennial generation who are already aware of carbon footprint and expert who have sustainability experience and have joined the community.

Here is some insight that we got from the interview

First of all, because we already know what problem needs to be solved, so we decide to validate our hypothesis about carbon footprint from user & expert perspectives by conducting user interviews.

Here is some insight that we got from the interview

First of all, because we already know what problem needs to be solved, so we decide to validate our hypothesis about carbon footprint from user & expert perspectives by conducting user interviews.

Here is some insight that we got from the interview

Documentation of Interview with User who already aware with Carbon Footprint

Documentation of Interview with a Sustainability community expert

They say the hardest carbon footprint that needs to be reduced is food 🍗 & transportation 🚘 that has become part of their life

Because we’re still confused to decide which one that we need to focus on, we conduct a brainstorm and dig dive more into each of the topics, food & transportation

During the brainstorming process, we discuss the insight that we got from users & experts regarding both transportation & food.

But during the discussion process, we’re more agree to solve food problems rather than transportation problems, because when discussing transportation problems, there’re have a lot of limitations that we can’t do and most of the problem that we want to solve has been successfully solved from existing applications.

During the brainstorming process, we discuss the insight that we got from users & experts regarding both transportation & food.

At first, we choose the food carbon footprint problem that we want to solve

We decide to go on with food because, every day we consume food, it’s closest to us, and the easiest for us to control.

As like user said, food is one of the carbon footprints that they hard to reduce, so this is the challenge how can we help them find it easier to reduce and make it a habit.

Here are some insights about why we must solve the food carbon footprint problem now 👇

We decide to go on with food because, every day we consume food, it’s closest to us, and the easiest for us to control.

As like user said, food is one of the carbon footprints that they hard to reduce, so this is the challenge how can we help them find it easier to reduce and make it a habit.

Here are some insights about why we must solve the food carbon footprint problem now 👇

We decide to go on with food because, every day we consume food, it’s closest to us, and the easiest for us to control.

As like user said, food is one of the carbon footprints that they hard to reduce, so this is the challenge how can we help them find it easier to reduce and make it a habit.

Here are some insights about why we must solve the food carbon footprint problem now 👇

So, how do we solve the problem?

We want to try solving the problem from the insight that we got from users about why they find it difficult to reduce food carbon footprint. So here are some of the solutions that we offer 👇

Until this process, I have created the persona, journey, and prioritized list of solutions that we want to develop

But sad news 😢 We change the topic from food to transportation because after we create the solution concept for food isn’t impactful in solving the problem

We also change the topic because none of us in the team would use this application, we still love to eat meat 😂. Because we feel we can't relate again to the topic, so we decide to pivot from food to transportation.

Why do we decide to explore transportation?

We're more relevant to the transportation topic because all of us, use transportation almost every week to travel to work & go to the academy.

We try to validate our findings about transportation to user

We have already known why users think it’s difficult to reduce transportation carbon emissions in their daily life, but we try to validate it again to ask them for more detail, and what they need to make them find it easier to reduce the emission.

Our target user for the interview now is more specific, the user who uses a private vehicle has used public transportation, and has awareness of their carbon footprint. We also conduct an interview again with the user we interviewed for the general carbon footprint question.

We conducted interviews with 5 users and here’s some insight we got from users about transportation 👇

We are happy with the results of the interview and now the problem we want to solve is more clear than before 🥳

From the interview result, we know that most of the problems experienced by users are they don’t know how to track their carbon emissions from one location to others, to make them more triggered to reduce the emission we can connect the emission with the cost they will issue if they use public transportation vs private vehicle and we can also give a recommendation how they can reduce the emissions and save more cost.

⭐️ So, we decide to help users to reduce their carbon emissions through transportation

Finally, after getting the challenge we want to solve, we start defining the feature to solve the problem 💭

In this step, we ask a lot of questions by using HMW (How Might We) to generate solutions. Here are the 4 questions that we want to answer.

How might we help user to know the public transportation they can use to go from the start location to the destination?
How might we help user track their emitted carbon emission & cost through transportation?
How might we help user know what’s the impact they will give on the environment by reducing carbon emissions?
How might we help user know what’s the difference of carbon emissions that will be emitted by using public or private transportation?

In this step, we ask a lot of questions by using HMW (How Might We) to generate solutions. Here are the 4 questions that we want to answer.

How might we help user to know the public transportation they can use to go from the start location to the destination?
How might we help user track their emitted carbon emission & cost through transportation?
How might we help user know what’s the impact they will give on the environment by reducing carbon emissions?
How might we help user know what’s the difference of carbon emissions that will be emitted by using public or private transportation?

In this step, we ask a lot of questions by using HMW (How Might We) to generate solutions. Here are the 4 questions that we want to answer.

How might we help user to know the public transportation they can use to go from the start location to the destination?
How might we help user track their emitted carbon emission & cost through transportation?
How might we help user know what’s the impact they will give on the environment by reducing carbon emissions?
How might we help user know what’s the difference of carbon emissions that will be emitted by using public or private transportation?

Met with our Solution, Tracco 🚗💨

View the comparison from wireframe to high-fidelity design 👇

Tracco Features 🚀

Track carbon emissions by using one transportation

To track transportation carbon emissions effectively, users can:

Enable Location Services: Ensures accurate tracking and emissions calculation.
Optional Map View: Suggests routes for lower emissions.
Start and End Tracking: Captures trip details by selecting transportation mode at the start and ending the trip upon arrival.
Optional Cost Input: Enter or auto-calculate costs based on distance to help manage expenses.
Detailed Report: Provides an analysis of carbon footprint and cost, with recommendations for reducing both.

To track transportation carbon emissions effectively, users can:

Enable Location Services: Ensures accurate tracking and emissions calculation.
Optional Map View: Suggests routes for lower emissions.
Start and End Tracking: Captures trip details by selecting transportation mode at the start and ending the trip upon arrival.
Optional Cost Input: Enter or auto-calculate costs based on distance to help manage expenses.
Detailed Report: Provides an analysis of carbon footprint and cost, with recommendations for reducing both.

To track transportation carbon emissions effectively, users can:

Enable Location Services: Ensures accurate tracking and emissions calculation.
Optional Map View: Suggests routes for lower emissions.
Start and End Tracking: Captures trip details by selecting transportation mode at the start and ending the trip upon arrival.
Optional Cost Input: Enter or auto-calculate costs based on distance to help manage expenses.
Detailed Report: Provides an analysis of carbon footprint and cost, with recommendations for reducing both.

View Transport Recommendation on Moovit

We do a deep linking method to Moovit. An application to help riders from point A to B in the easiest and most efficient way.

This feature exists to tackle problems, the user doesn't know if they want to use public transportation, and which route and transportation mode should they choose.

Maybe you will ask, why we do deep linking to Moovit instead of showing the route in our app? Because there are no open source data regarding the routes of all public transportation in Indonesia especially for the Bus and Train, so we decide to use Moovit, because the data about the route is already available in their documentation.

We do a deep linking method to Moovit. An application to help riders from point A to B in the easiest and most efficient way.

This feature exists to tackle problems, the user doesn't know if they want to use public transportation, and which route and transportation mode should they choose.

We do a deep linking method to Moovit. An application to help riders from point A to B in the easiest and most efficient way.

This feature exists to tackle problems, the user doesn't know if they want to use public transportation, and which route and transportation mode should they choose.

Track carbon emissions by using more than one transportation

This is another flow if users want to track their transport carbon emissions using public transportation (bus or train), which required multiple transits from the train station or bus stop.

We help the user by providing a switch transportation mode, so they can easily change the transportation used by them to do transit.

This is another flow if users want to track their transport carbon emissions using public transportation (bus or train), which required multiple transits from the train station or bus stop.

We help the user by providing a switch transportation mode, so they can easily change the transportation used by them to do transit.

This is another flow if users want to track their transport carbon emissions using public transportation (bus or train), which required multiple transits from the train station or bus stop.

We help the user by providing a switch transportation mode, so they can easily change the transportation used by them to do transit.

Trip summary if the emissions emitted can be improved (The farthest distance traveled by Car/ Motorcycle)

Trip summary if the emissions emitted are well (The farthest distance traveled by Train/ Bus)

The trip summary provides details from the starting location to the destination, assessing the carbon efficiency of the chosen transportation method.

We categorize summaries into two types:

For car/motorcycle users: If these are used for long distances, we recommend switching to public transportation like buses or trains. The summary includes a visual comparison showing potential reductions in carbon emissions and costs, and offers alternative routes available through Moovit.
For bus/train users: Those who travel long distances by bus/train will receive a comparative analysis showing how much more they would emit in carbon and spend in costs if they switched to using a car or motorcycle instead.

The trip summary provides details from the starting location to the destination, assessing the carbon efficiency of the chosen transportation method.

We categorize summaries into two types:

For car/motorcycle users: If these are used for long distances, we recommend switching to public transportation like buses or trains. The summary includes a visual comparison showing potential reductions in carbon emissions and costs, and offers alternative routes available through Moovit.
For bus/train users: Those who travel long distances by bus/train will receive a comparative analysis showing how much more they would emit in carbon and spend in costs if they switched to using a car or motorcycle instead.

The trip summary provides details from the starting location to the destination, assessing the carbon efficiency of the chosen transportation method.

We categorize summaries into two types:

For car/motorcycle users: If these are used for long distances, we recommend switching to public transportation like buses or trains. The summary includes a visual comparison showing potential reductions in carbon emissions and costs, and offers alternative routes available through Moovit.
For bus/train users: Those who travel long distances by bus/train will receive a comparative analysis showing how much more they would emit in carbon and spend in costs if they switched to using a car or motorcycle instead.

Profile & Share to Social Media

To promote sharing their environmental achievements, we've added a feature that allows users to save their progress as an image and share it on social media 🥳.

Validate Solution to User 💡

We conduct usability testing to 5 users using Maze

Here are the 3 most pain points issued by users when they try our prototype.

On this page, users think they need to add a destination like when we order Grab or Gojek. But we design this screen just as an option if they want to view the route of the destination to go somewhere by using public transportation.

User doesn’t know if they can input additional cost for the transport after they want to switch transportation or end the trip.

The user got confused when we give a scenario they need to use public transportation and do a transit, but the user doesn't know how to change the transportation. That’s why on this page users got so many misclicked.

Most of the problems are because the UX Writing of each feature is still not clear.

So in this first iteration, we focused on improving the clarity of each screen that users were still confused about. We have listed all of the pain points in the Urgent & Important section.

Design Iteration v1 ☀️

Current Transportation

Before 👉 User doesn’t know, after they switch or end the trip, they can input additional transportation costs.

After 👉 We add a description that explains to the user if they can input additional costs after switching and end the trip.

Before 👉 User doesn’t understand what it means to change transportation, they think, they can change the transportation in the middle of the tracking.

After 👉 We change the Change transportation to Switch Transportation, so the user can easily understand, it means they can switch the transportation used by them if they want to use public transportation.

Before 👉 User doesn’t know, after they switch or end the trip, they can input additional transportation costs.

After 👉 We add a description that explains to the user if they can input additional costs after switching and end the trip.

Before 👉 User doesn’t understand what it means to change transportation, they think, they can change the transportation in the middle of the tracking.

Before 👉 User doesn’t know, after they switch or end the trip, they can input additional transportation costs.

After 👉 We add a description that explains to the user if they can input additional costs after switching and end the trip.

Before 👉 User doesn’t understand what it means to change transportation, they think, they can change the transportation in the middle of the tracking.

Trip Summary if the carbon emission emitted are well

Before 👉 The color of the private vehicle is more highlighted than the current transport, so the user thinks, the good carbon emission emitted by transportation is for the dark green.

After 👉 We make the current transportation more highlighted by using dark green and for the private car, we change it to grey, so user know the dark green is for the good carbon emission and black is for not.

Before 👉 The color of the private vehicle is more highlighted than the current transport, so the user thinks, the good carbon emission emitted by transportation is for the dark green.

Add a destination

Before 👉 User think they must input the destination they want to go, because the title asking Where do you want to go?

After 👉 We change the title to “Do you want to add destination?” to make the user realize this is an optional step. We also add a description to make it more clear, this is an optional step, they can skip this process and continue the tracking.

Before 👉 User think they must input the destination they want to go, because the title asking Where do you want to go?

Profile

Before 👉 User doesn't know how much carbon emission they have saved while tracking use Tracco.

After 👉 We add a new card about how much carbon emissions have been saved by the user and that’s equal to how many trees.

Before 👉 User doesn't know how much carbon emission they have saved while tracking use Tracco.

After 👉 We add a new card about how much carbon emissions have been saved by the user and that’s equal to how many trees.

Before 👉 User doesn't know how much carbon emission they have saved while tracking use Tracco.

After 👉 We add a new card about how much carbon emissions have been saved by the user and that’s equal to how many trees.

Until this case study is finished in September 2022, this project is still ongoing.

We currently still improving the Tracco application to make it more user-friendly for users to use and give a significant impact on the environment by reducing carbon emissions through transportation.

I will keep updating this case study if we have finished the second iteration and made some more significant impact than the first iteration.

Currently, we try to solve the problem, after users have tracked their carbon emissions, what’s the next action plan they can do to reduce or balance their emissions? Apart from switching from private cars to public transportation.

I will keep updating this case study if we have finished the second iteration and made some more significant impact than the first iteration.

💡 We have published to App Store on January 2023. Click HERE for the details

What we will do for the next iteration? 🤔

Lesson Learned 📖

Tracco published on App Store since Jan 2023 🥳

Download Tracco HERE on App Store

Long story short, we continued developing the application into a business and pivoted the product to become a one-stop solution for managing carbon offsetting activities on a single platform. Since the current focus on a transportation carbon tracker couldn't generate revenue, our team decided to broaden the product's focus to address more general problems while still using the transportation carbon tracker to engage users with our app

Outcome since the app release to App Store (Last Updated October 2023)

The positive effects we've seen since the app was released are due to several factors. These include the features and functionality of the application itself, as well as how we manage our business and the continual improvements we make to our product. Together, these elements contribute to the overall success and impact of our app.