Advantech

Advantech

Enterprise-level
AI-Powered Carbon Verification System

Enterprise-level AI-Powered
Carbon Footprint Verification System

Enterprise-level Carbon Footprint Verification System

Project type

B2B, SaaS, Dashboard design

Timeline

Jun. 2022 - Sep. 2023

Team

May Chou | Product design lead

Chelsea Wang | Product manager

Tracy Hsu | UX design intern

Skills

UX Design

UX research

Interactive Prototyping

Usability Testing

Summary

During my 3 month internship at Advantech, I worked with cross-functional teams to develop an AI-powered enterprise-level carbon verification system that includes 15+ dashboard interfaces.

During my 3 month internship at Advantech, I worked with cross-functional teams to develop an AI-powered enterprise-level carbon verification system that includes 15+ dashboard interfaces.

2022 Advantech Summer Internship and team mentors. We had such a fantastic summer working together!

As a product design intern , I…

🚀

Delivered the design in a 3 month rapid timeline

  1. Prototyped high fidelity designs and presented to global executives

  2. Worked with Advantech design system and proposed 15 design patterns

🔍

Identified and synthesized key user pain points

  1. Synthesized research findings into actionable design opportunities

  2. Conducted competitive analysis to identify market opportunities

🙌🏻

Collaborated with 5 global cross-functional teams

  1. Worked with marketing, engineering, sustainability, GHG consultant teams

  2. Communicated constantly with diverse stakeholders to align functions and values

Context

Organizations in Taiwan plan to reach net zero emission by 2050, but most of the companies don't know what to do…

Problem

Organizations don't know how to approach the complex regulations and carbon calculation process

Goal

Streamline data collection workflow to help users manage energy data efficiently

Impact

Reduced both communication hurdles and workforce strain through data-driven dashboard that transformed carbon verification with clarity

📈

Optimized operation time by 51%

🎯

Boosted 30% communication efficiency

🌐

Enhanced 40% data collection accuracy

Final Design

A unified dashboard management system to support collaboration between high-level managers and data collectors

A unified dashboard management system to support collaboration between high-level managers and data collectors

Final Design

Who are the users?

Data Collectors

Data collectors need to gather emission data from different units and communicate with managers

Sustainability Managers

Managers oversees energy performances across multiple units, and is in charge of usage managing and generating reports

"As a data collector, I want to record data quickly and precisely without needing to go over complex sheets and graphs."

Streamline data collection process

Simplify collection process through standardized user flow and centralized data library, reducing the communication costs between managers and data collectors.

✅ Easy-to-follow calculation forums, save time and boost efficiency!

"As a manager, I want a clear picture of the energy performance across various units, and find critical data easily to generate internal and external reports."

Robust front end dashboard for real-time data management

Visualize energy usage and fluctuation trends of operating units, offering critical insights to improve energy data transparency and management.

✅ Manage energy usage precisely through visual breakdown of emission performances

✅ Auto-generate report that fulfills various protocol standards

Research

Identifying gaps between the protocol and actual verification process

Through 2 rounds of user interview with 3 main target users, I identified the bottlenecks in the current carbon footprint verification process and critical gaps between the ISO-14064 protocol and actual verification process.

Key Insight

Current data collection process spend more time communicating than collecting!

User pain points & design opportunities

Calculating process is time-consuming and labor intensive

We want to simplify the carbon calculating process, so that data collectors of all experience-levels can perform the task easily

🔍

Searching for historical data is like searching for a needle in hay

We want to organize a centralized data library, so that users can obtain critical data quickly and precisely

📝

Complicated report standards

We want to help transform complex data into structured report automatically, so that users can focus on more important tasks

Competitor analysis

On top of that, we identified market opportunities that makes our product valuable to the users!

Analysis on core features of competitors and marketing opportunities for our product

Bringing ideas to life.

Design Strategy

6 scattered functions ➡️ 1 streamlined process

I designed complimenting features under each stage of the inventory process to seamlessly guide users throughout the journey. Eventually, this concept evolved into an integrated front and back-end dashboard system that guides our two critical users through the 6 key stages of the carbon inventory process.

Design Strategy

Visual hierarchy that compliments user's workflow

Workflow of data managers

Step 1

Total emission data observation

Step 2

Trend overview observation

Step 3

Detailed data management

Design Iterations & Testing

3+ critical design reviews helped shape a user centric experience

A/B Testing Dashboard layout

How data visualization makes sense to our users?

Throughout the iteration process, I conducted A/B testing with GHG specialists and the Energy Management team at to refine the dashboard layout, creating multiple design patterns to assess the feasibility and effectiveness of each version.

Dashboard structure 1.0

Data presentation that matches directly mirrors ISO-14064 protocol

Dashboard structure 2.0

More specific breakdown informations that are essential for actual use cases

✅ Dashboard structure 3.0

Further breakdown of data that abstracts vital insights

Feature iteration 1

Prioritize core metrics on graphs to meet actual use cases

I refined the interface by adding essential components and removing unnecessary features to bridge the gap between the ideal data collection process and practical implementation, ensuring our design meets actual user needs.

Approach 1

Emission details focused on exact numbers under each regulated areas

✅ Approach 2

Adding percentage of emission in the regulated area to help regulators clearly identify and compare the consumption rate

Approach 1

Carbon emission intensity broken down by individual operating areas often resulted in irrelevant data

✅ Approach 2

Eliminates unnecessary details from areas with incomplete data, offering a more streamlined and relevant overview

Feature iteration 2

User-centric function alignment

On top of the basic structures, I added specific features such as data filters and template selection that can further boost efficiency and ensure communication alignment for our users.

Data collectors need to locate specific data from exported data during regular checkups

Data filter & Search bar

Managers need to fulfill various report protocols for internal and external use

Report template selection

Design Challenges

What challenges did I encounter as designer 👀?
And how did I solve it?

I was challenged many times with function alignment across multiple stakeholders, including company CEO, engineers, and our target users. To solve this, I visualized data and flows to ensure clear communication, and that every decision is made with a purpose that brings maximized value.

💥

Challenge #1

Different stakeholders prioritize varying design values, often leading to function disalignment…

💥

Challenge #1

Different stakeholders prioritize varying design values, often leading to function disalignment…

💥

Challenge #1

Different stakeholders prioritize varying design values, often leading to function disalignment…

💥

Challenge #2

Highly technical verification process makes communication challenging…

💥

Challenge #2

Highly technical verification process makes communication challenging…

💥

Challenge #2

Highly technical verification process makes communication challenging…

Impacts

"From 3 days of work to under 3 hours!"

Our design undergone a pre-launch testing and is now implemented in real world scenarios. I am proud to say that our design has marked a milestone enterprise solution for energy management in the industry!

📈

50.8%

50.8%

50.8%

improved operational efficiency during pre-launch testing.

🌐

12 factories

12 factories

12 factories

in Taiwan headquarters and overseas branches are currently implementing the solution.

Looking back

A Quick Recap

Pain Points

  1. Complicated calculation process

  2. Specific emission factors

  3. Excessive communication cost

  4. Complex report protocol

Solutions

  1. Streamlined and automated calculation workflow

  2. Customizable emission factor library

  3. Centralized dashboard

  4. Report generation template

Reflection

Empower the ability to tackle social challenges through design!

Ask Questions! Approach Complexity with Clarity

Over the three-month internship, I learned the importance of "asking the right questions", especially when working with a topic as complex as enterprise energy management. In addition to that, me and my partner Tracy mapped out a clear roadmap and database from the start to track our progress and consistently aligned with the project manager.

🍎

Sometimes inspirations come from a chat during lunch!

One of the highlights of this experience was connecting with an amazing group of interns from diverse backgrounds. I especially enjoyed exchanging ideas with my peers and receiving feedback from different perspectives—it was one of my favorite aspects of the internship!

Let's talk

Drop me a line!

Connect with me

Email

yujie719@uw.edu

Phone

(626)689-9443

© Framer Inc. 2023

Let's talk

Drop me a line!

Connect with me

Email

yujie719@uw.edu

Phone

(626)689-9443

© Framer Inc. 2023

Let's talk

Drop me a line!

Connect with me

Email

yujie719@uw.edu

Phone

(626)689-9443

© Framer Inc. 2023