Employee Operations System

Project

Internal Enterprise Web Application
(Employee Operations System)

Role

UI/UX Designer & Front-End Developer

Year

November, 2023

Project Type

Responsible for end-to-end UX audit

UI redesign

Design-system integration

Prototype handoff

Front-end development

About

EXM’s internal dashboards—spanning Production, Purchasing, Shipping, RMA, and Assembly—were originally built on legacy ASP.NET tables with inconsistent layouts and limited usability.
Working closely with the back-end developer, I rebuilt the front-end architecture and visual framework, creating a unified, responsive, and maintainable interface for internal staff. The redesign improved workflow visibility, reduced repetitive data entry, and established a component-based system aligned with EXM’s overall design language.

Problem

EXM’s internal dashboard had not been updated for nearly a decade and no longer met modern usability or workflow needs.

Outdated interface

The system was built on a legacy ASP.NET structure with minimal styling, poor layout hierarchy, and no consistent design patterns — making information dense and difficult to scan.

Departmental isolation

Each department (Production, Purchasing, Shipping, RMA, and Assembly) operated on separate pages with no shared logic or cross-navigation, forcing staff to switch between multiple systems to complete a single task.

Inefficient data management

All records were displayed as static data tables with limited filters or visual cues. Users had to manually cross-check order details, which slowed daily operations and increased the risk of human error.

Lack of visibility

No performance insights or real-time tracking existed. Managers relied on manual reports or email updates to monitor progress, delaying decision-making and reducing productivity.

Unified Dashboard System

The redesigned dashboard introduced a unified system connecting Production, Purchasing, Shipping, and RMA under one consistent interface. Each module shares the same component library, navigation pattern, and data visualization style. Clear segmentation and real-time updates replaced the cluttered spreadsheets, improving efficiency and reducing daily lookup time by over 40%.

Department Customization

Each department view was customized based on its workflow while maintaining system-wide design consistency. For example, the Production dashboard emphasizes order status and performance tracking, while the Purchasing and Shipping modules focus on payment and receiving history. The modular card layout and responsive grid structure allow teams to access live data easily across devices.

Modernized Data Presentation

Data-heavy views were redesigned with card components, progress charts, and quick filters to replace static tables. Users can now identify key metrics at a glance — from purchase performance trends to order issues — without drilling through multiple screens. This visual hierarchy helps employees prioritize tasks efficiently, especially during high-volume periods.

Design System & Front-End Development

I created a lightweight design system in Figma to standardize components, spacing, and interactions across all modules. Working closely with the back-end developer, I handled the front-end implementation, ensuring full responsiveness, accessible typography, and optimized layouts. This system now supports scalability for future modules such as Assembly and Inventory.