Web Portal
Web Portal
UX Research, Web-app Design (Desktop), Visual
UX Research, Web-app Design (Desktop), Visual
✦ OVERVIEW
Improving usability to support 60+ agencies to reduce tech support dependency.
Improving usability to support 60+ agencies to reduce tech support dependency.
In this study, we will look at one of the flows built during my internship. A complete and developed web application flow used across multiple agencies to migrate data to a new portal.
In this study, we will look at one of the flows built during my internship. A complete and developed web application flow used across multiple agencies to migrate data to a new portal.
YEAR
YEAR
2024
2024
TEAM
TEAM
Annabelle Phua
Annabelle Phua
ROLE
ROLE
UX Designer (7 months internship)
UX Designer (7 months internship)
SCOPE
SCOPE
User Research, UX Design
User Research, UX Design


Can the diverse needs of 60+ agencies be supported—and even optimized—without adding complexity?
Can the diverse needs of 60+ agencies be supported—and even optimized—without adding complexity?






(1/7) CONTEXT
(1/7) CONTEXT
The Enterprise Portal is a daily tool for engineers to connect with systems, inform others, and ensure precise security.
The Enterprise Portal is a daily tool for engineers to connect with systems, inform others, and ensure precise security.


(2/7) PROBLEM
(2/7) PROBLEM
However, users were met with confusion and relies constantly on technical support to navigate important and irreversible actions within the security portal.
However, users were met with confusion and relies constantly on technical support to navigate important and irreversible actions within the security portal.
To support this, a data migration flow was kickstarted to smoothly transition users to an upgraded system with enhanced usability.
To support this, a data migration flow was kickstarted to smoothly transition users to an upgraded system with enhanced usability.
(3/7) OBJECTIVE
(3/7) OBJECTIVE
So how do we simplify a complex system’s user experience during data migration to ease cognitive load in the portal?
So how do we simplify a complex system’s user experience during data migration to ease cognitive load in the portal?
(4/7) DESIGN PROCESS
STAKEHOLDER DISCUSSION
STAKEHOLDER DISCUSSION
It was crucial for key stakeholders to align and make decisions on core features—balancing business policies, development constraints, and user needs.
It was crucial for key stakeholders to align and make decisions on core features—balancing business policies, development constraints, and user needs.
USER TESTING
USER TESTING
After defining the scope and constraints, designs were reviewed by developers and project managers, iterated and refined, and finally tested with real users.
After defining the scope and constraints, designs were reviewed by developers and project managers, iterated and refined, and finally tested with real users.


(5/7) SOLUTION SAMPLE
(5/7) SOLUTION SAMPLE
It was key to change the most crucial action that prevented users from completing their tasks.
It was key to change the most crucial action that prevented users from completing their tasks.
BARRIER
BARRIER
Time and resource constraints prevented a grand overhaul of the system, requiring minimal changes with high impact.
Time and resource constraints prevented a grand overhaul of the system, requiring minimal changes with high impact.
SOLUTION
SOLUTION
Simple changes includes splitting up information and actions into different steps to prevent cognitive overload.
Simple changes includes splitting up information and actions into different steps to prevent cognitive overload.


(6/7) IMPACT
(6/7) IMPACT
Through this process, we were able to achieve improved usability, higher satisfaction, less frustration and increased trust.
Through this process, we were able to achieve improved usability, higher satisfaction, less frustration and increased trust.


(7/7) KEY TAKEAWAYS
(7/7) KEY TAKEAWAYS
Real projects have constraints, and staying flexible while prioritizing what matters most is key to working effectively with stakeholders.
Real projects have constraints, and staying flexible while prioritizing what matters most is key to working effectively with stakeholders.
Previous
Next