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.
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.