
TSMC-Online Mega Menu
Timeline : 2020.10 - 2022.12
Role : Product designer
Team : 5 front-end developers, 5 back-end developers, 2 UIUX designers, 1 system analyst and 1 project manager
Due to NDA, I’m not allowed to reveal complete design processes and deliverables. All the data is redacted and blurred and would be used for portfolio building only.
Overview
TSMC-Online is the company's online customer portal that provides its customers with online services including order placement, order status tracking, and access to a variety of technical information.

User Challenge 1
Users spend a lot of time to find the function that they need during wafer production process
It took me a lot of time to figure it out what is tsmc's wafer process and which function can I use. by User20
User Challenge 2
Users don't know what that function means and get confused by the naming.
"What is the difference between Customer Delivery Schedule by PO and Customer Delivery Schedule by Product" by User2


User Challenge 3
Users spend a lot of time to find the function that they need during wafer production process
It took me a lot of time to figure it out what is tsmc's wafer process and which function can I use. by User20
User Challenges
Challenges 1
Users spend a lot of time to find the function that they need during wafer production process.
It took me a lot of time to figure it out what is tsmc's wafer process and which function can I use. by User20

Challenges 2
Users don't know what that function means and get confused by the naming.
"What is the difference between Customer Delivery Schedule by PO and Customer Delivery Schedule by Product" by User2

Challenges 3
Beginners is having hard time to understand and identify all the terminology.
What is Logic, MS/RF and HV means? Can you tell me the difference between them? by User3

Define Problems
Problems 1
Unclear categorization makes users confused and hard to idenitfy
Problems 2
No additional explanation for users to understand the term.
Problems 3
No guidance and on-boarding tutorial when users enter homepage once they logged in.
Eva Elle
@tsmc's client
What's the different between "Customer Delivery Schedule by PO" and "Customer Delivery Schedule by Product"
Guy Mccoy
@tsmc's client
It took me a lot of time to figure it out what is tsmc's wafer process and which function can I use.
Kayla Ray
@tsmc's client
I don't have to
What we need to fix
Menu category was way too compact and hard to understand
Before
After
Due to NDA, I’m not allowed to reveal complete design processes and deliverables. All the data is redacted and blurred and would be used for portfolio building only.
Overview
TSMC-Online is the company's online customer portal that provides its customers with online services including order placement, order status tracking, and access to a variety of technical information.
User Challenges
Challenges 1
Users spend a lot of time to find the function that they need during wafer production process.
It took me a lot of time to figure it out what is tsmc's wafer process and which function can I use. by User20

Challenges 2
Users don't know what that function means and get confused by the naming.
"What is the difference between Customer Delivery Schedule by PO and Customer Delivery Schedule by Product" by User2

Challenges 3
Beginners is having hard time to understand and identify all the terminology.
What is Logic, MS/RF and HV means? Can you tell me the difference between them? by User3

Define Problems
Problems 1
Unclear categorization makes users confused and hard to idenitfy
Problems 2
No additional explanation for users to understand the term.
Problems 3
No guidance and on-boarding tutorial when users enter homepage once they logged in.
Eva Elle
@tsmc's client
What's the different between "Customer Delivery Schedule by PO" and "Customer Delivery Schedule by Product"
Guy Mccoy
@tsmc's client
It took me a lot of time to figure it out what is tsmc's wafer process and which function can I use.
Kayla Ray
@tsmc's client
I don't have to
What we need to fix
Menu category was way too compact and hard to understand
Before

After
