Simplify. Align. Execute

Untangling Ops Complexity

Streamline factory operations from production alerts to storage management — track KPIs, monitor goods, and generate QR codes, all in one organized system for seamless workflow oversight.

Quick Snapshot

Here’s the project in a nutshell: what we aimed for, how we got there, and what came out of it — all at a glance
Client :

Rubber Production Company

Goal :

A UX refresh for a legacy internal system in parallel with backend migration — aiming to simplify workflows, improve usability, and address management's long-standing pain points.

Project Type :

Proposal for a redesign of a legacy system used for statistics, analysis, and production processes.

What Users Were Dealing With

  • Outdated, clunky interface with poor usability

  • Difficult task execution (goods tracking, production rework logging, report generation)

  • Management frustrations from repeated negative feedback

How I Tackled It

  • Immersed myself in the product to experience user fiction firsthan

  • Jotted down usability pain points as "mental notes" during daily interaction

  • Collaborated with the project manager to scope a focused redesign

  • Created high-fidelity wireframes for a reimagined reports module to represent as part of the migration proposal.

Where It Ended Up

  • Proposal was shelved due to department closure before client presentation.

01. Ticket Tracking

The ticket list feature offers engineers and requesters an organized overview of service request, enabling easy tracking of status, prioritization, and quick access to details for efficient management.

02. Task Tracker
03. Time Entry
04. Summary Report
01. Ticket Tracking

The ticket list feature offers engineers and requesters an organized overview of service request, enabling easy tracking of status, prioritization, and quick access to details for efficient management.

02. Task Tracker
03. Time Entry
04. Summary Report
01. Ticket Tracking

The ticket list feature offers engineers and requesters an organized overview of service request, enabling easy tracking of status, prioritization, and quick access to details for efficient management.

02. Task Tracker
03. Time Entry
04. Summary Report
01. Ticket Tracking

The ticket list feature offers engineers and requesters an organized overview of service request, enabling easy tracking of status, prioritization, and quick access to details for efficient management.

02. Task Tracker
03. Time Entry
04. Summary Report
01. Dashboard

A central hub that blends live production data with historical trends, giving managers instant clarity to monitor performance and spot issues before they escalate.

02. Benchmark KPI
03. Report Management
04. Procurement Management

Here's a peek into the thinking behind the proposal.

1. Under the Hood - A Look at the Mission

Before the redesign, service engineers were still filling paperwork for their service as the legacy tools is clunky and do not fit their workflow. This project set out to change that.

Where It All Started

This project began with me stepping into an unexpected role — assisting the project manager on a legacy application rather than focusing purely on design. To prepare for a planned backend migration, I immersed myself in the product, experiencing its workflows firsthand and noting the pain points that real users likely faced.


When discussions turned to the redesign, the reports module was chosen as the focus for a proposal, since it was the most confusing and time consuming area for users. I developed high-fidelity wireframes to showcase.

Duration :

2+ weeks

Platform :

Desktop web application

Process :

Agile (1-week sprint)

Team :

UX/Product Designer (me) | Developers | PM

2. Behind the Legacy

The legacy system handled production alerts, KPI tracking, storage, and pallet management — but workflows were fragmented and cumbersome. Users spent extra time locating information, entering data, and generating reports, making daily operations tedious and error prone.

Even as the backbone of the operations, the interface added friction and confusion, highlighting the need for a streamlined, centralized solution that simplified workflows and reduce duplicated effort.

Project Objectives

  • Modernize the Experience
    Replace clunky screens with clear, task-first layouts built for factory speed.

  • Unify Critical Operations
    Bring scattered modules — production, storage, procurement, and reporting. Into one streamlined platform.

  • Support Data -Driven Decisions
    Enable managers to track KPIs and generate reports effortlessly, turning raw data into actionable insights.

  • Prep for Migration
    Prepare the legacy system for a smooth backend transition while reducing user friction in the meantime.

3. The Challenge

Before sprint planning began, I crafted a quick-fire proposal to kickstart alignment and get buy-in for the redesign — all while juggling backlog grooming and workflow fixes of the existing app. With limited user access, I worked lean, drafting ideas from legacy pain point (through personal experience), and known feature gaps.

These low-fidelity concepts weren't just wireframes — they sparked conversations and helped the team envision what a better, modern experience could be.

Legacy Product

After diving into the product firsthand, I mapped out the biggest pain points and prioritized where to begin. While the initial plan was a dashboard redesign, client feedback revealed that usability issues ran deeper—prompting us to rethink which modules would deliver the most impact in the proposal.

Initial Wireframes

In the early design stages, the module of focus wasn’t set in stone. Drawing from my past project experience, I began by prioritizing areas that production companies typically depend on and initiated the redesign with a strong foundation:


  • Unified design system for consistency

  • Refined color use by removing unrelated groupings

  • Clear typography and hierarchy for better readability

  • Standardized table layouts to simplify data handling


Midway through this process, the project manager relayed client feedback—shifting the spotlight to the Report module, where usability improvements would create the most immediate impact.

The Final Proposed Idea - From Clutter to Clarity

The proposal zeroed in on creating a cleaner, more intuitive experience while trying to optimize processes and workflows, focusing on areas where I myself felt the most friction when getting my hands on experience with the product.

Core Focus Areas:

  • Dashboard Revamp

    Redesigned for clarity with streamlined layouts and clear data hierarchy, making daily monitoring faster and more intuitive.

  • Report Management

    Redefined the workflows and visual consistency to help users generate, track, and interpret reports with far less effort.

  • Design System Standardization

    Established consistent typography, colors, and table layouts — ensuring the platform feels cohesive and easy to navigate.

  • Procurement & Storage

    Combined supply activity and storage tracking into a unified view, improving visibility and reducing operational guesswork.

Dashboard

  • Introduced a leaderboard view to give management a clear, comparative overview of factory performance, with easy category switching for deeper insights.

  • Simplified visuals by removing unrelated color groupings, establishing a consistent hierarchy, and making key data easier to read at a glance.

  • Relocated filters above the statistics card to reinforce their relationship, and added colored tags to highlight active filters for better clarity.

Report - Benchmark KPI

Table + Graph Toggle

Recognizing that both tables and visuals bring unique value, I introduced a toggle feature, inspired by my work on my previous project dashboard, to let users seamlessly switch between views.



Graph View Optimization

With 19 factories to compare, a traditional bar graph would be overwhelming. After research, I proposed a spider graph — offering a clear, high-level comparison that a table along can't provide.



Smarter Categorization

To handle multiple data dimensions, I structured categories into three levels: Module, Category, and Classification — making navigation and filtering more intuitive.

Report - NC (Off-Spec) Report

A module with in the report section to generate individual factory reports and performance and export them.

Procurement & Storage Management

Previously, users had to juggle two separate modules — one for procurement activities and another for storage management. This meant opening multiple tabs, switching back and forth, and assigning products to storage in a clunky, fragmented way. Over time, users adapted to the inefficiency instead of benefiting from a truly optimized workflow.


By combining both modules into a single view, I streamlined the process so users can manage supply activities and storage locations seamlessly — no more context switching, just smoother, more intuitive operations.

9. Key Takeways

What I walked away with (besides better design instincts)
  • User-Centered Start
    Experiencing the product firsthand revealed hidden frustrations that shaped the redesign direction.

  • Adapting on the Go

    Initial focus on the dashboard shifted to reports after client feedback, showing the value of flexibility in design.

  • Streamlined Workflow

    Merging of separate modules proved how small structural changes can remove unnecessary complexity.

  • Scalable Solutions

    Features like leaderboard overviews and toggleable views balance clarity for both ground-level users and management.

  • Learning Beyond Design

    Taking on a hybrid role between design and project management highlighted the importance of collaboration and adaptability in large-scale enterprise projects.

Check out my other case study.

Sui Yang.Design

© 2025 All Rights Reserved • Designed with

Sui Yang.Design

© 2025 All Rights Reserved • Designed with

© 2025 All Rights Reserved • Designed with