Turning Complexity into Clarity
What if managing packaging orders, production, and financials didn’t feel like operating a machine from the early 2000s?
That’s exactly what I set out to change. I redesigned a complex desktop ERP system into a modern, role-based web app that’s fast, intuitive, and customizable.
Note: Due to NDA restrictions, I recreated the designs shown here to represent the work I led — without revealing the products’s actual screens.
Role
UX Designer
Employer
eProductivity Software
Platforms
Web application
Areas
Design, Research
Challenge
Let’s face it—legacy software can be a nightmare. The original ERP system was overloaded with data, hard to navigate, and designed for a different era.
From a user perspective, it meant:
Information overload with no clear hierarchy
One-size-fits-all screens that didn’t serve different user roles well
A steep learning curve for new users and a jarring transition risk for long-time legacy users
From a business perspective, the stakes were just as high:
To stay competitive, meet rising user expectations, and keep up with evolving tech trends, the system needed a serious upgrade—without losing the trust of long-time users.
The challenge?
Modernize everything, simplify the experience, and make the transition feel effortless.
Not the real legacy screen — just a visual reference to show the transformation
Real Users. Real Insights. Real Impact.
Instead of guessing what users needed, I went straight to the source. I initiated a persona-driven approach by visiting 3 customer sites and interviewing + observing 25 real users across roles.
A sample of our research findings
Hierarchy chart
Approach
I started with users — not guesses.
To deeply understand their needs, I visited 3 customer sites and interviewed 25 users across roles. I observed how they worked, where they got stuck, and what they actually needed from the system.
From that research, I created actionable personas and insights that helped shift the team’s mindset from internal assumptions to user-driven priorities. This set the foundation for every design decision we made moving forward.
What came next?
A redesign grounded in empathy, clarity, and simplicity.
→ (Scroll down to see the features I designed based on these insights.)
We weren’t just upgrading a UI—we were designing a new way of working.
The Features That Changed Everything
Smarter Sidebar Navigation
Expandable, collapsible, and organized by hierarchy — so users can easily jump between modules without getting lost in a sea of links.
✍️ Faster navigation, fewer clicks, and a cleaner interface.
Customizable Grids
One size doesn’t fit all. Users can now rearrange columns based on their role and save layouts to their profile.
✍️ No more endless horizontal scrolling or irrelevant data — just what each user actually needs.
Inline Grid Filtering
Goodbye bulky side panels. Filters now live inside the grid where they’re needed.
✍️ More space for the data that matters, and faster filtering right where users are already working.
Contextual Action Buttons
No more disabled gray buttons in the header. Each page now shows only the actions that actually make sense in that context.
✍️ Clearer workflows, fewer mistakes, and a much more intuitive experience.
Clear Information Hierarchy
Details that used to be crammed beneath grids now live on their own tag section with a focused layout.
✍️ Easier to digest, easier to act on, and less visual clutter.
Dark Mode & High Contrast Mode
Designed with accessibility in mind, these modes reduce eye strain and support users with different visual needs.
✍️ Comfort and inclusion, built right in.
How I Got there?
A snapshot of my process—from insight to impact.