Project: Fresh Order Processing System 2.0
Redesign | Feb 2025 | Role: UX Designer
Full process at a glance click any process to scroll to process section
Goals
Discovery
Insights
Reframed Goals and Scope
Delivery
🎯 Business Goal 🎯
Migrate FOPS to web application due to scheduled decommision of local software ecosystem.
Discovery
Remote Interviews
Conducted virtual, recorded sessions with plant managers to observe workflows.
Workaround Mapping
Documented Excel sheets, manual tracking patterns, and “tribal knowledge” workflows.
Reverse Engineering
Reconstructed system logic from incomplete or outdated screens; helped build sitemap.
UI Audit Across All Modules
Identified redundancies, duplicates, broken links, outdated terminology, and misaligned hierarchy.
Insights Informing Redesign
Insights from the discovery phase revealed that updating UI components alone wouldn’t address core workflow challenges. After sharing findings, stakeholders understood the value of a full redesign: streamlining task flows, clarifying visual hierarchy, and guiding users with contextual help. The redesign balances the needs of experienced users nearing retirement with new users onboarding, making the app faster to learn and more intuitive. Component work remains largely unchanged, keeping development effort steady, while the slightly extended design timeline prioritizes usability and onboarding improvements.
✨ Enhanced Business Goal ✨
Migrate FOPS to a web application using Design System UI Kit 1, reducing redundancy while improving workflow, clarity, and user comprehension.
Discovery Part 2
UI Audit Across All Modules
Identified redundancies, duplicates, broken links, outdated terminology, and misaligned hierarchy.
Remote Interviews
Conducted more virtual sessions with users in as many role types as possible (Corporate admin, Line Supervisor, Rack Stacker, Plant Managers)
Continued Reverse Engineering
Revisited screens through virtual call with Deliotte to view screens that were not part of users flows when interviewed
Delivery
Consistency
Reorganized screen layouts to reduce cognitive load and follow similar patterns.
Implemented newly launched UI Kit to ensure consistency in aesthetics and functions.
Guided experience
Applied contextual help and feedback to support accuracy and learning
Step-by-step process flow—prompting users to make required selections before data is displayed (for example, selecting criteria before the table populates)
Help icon button to reinforce understanding of color codes and meanings when needed
Validation and Iteration
Walkthroughs with stakeholders and usability feedback from users helped ensure clarity
Reflection
I helped shift the conversation from visual updates to meaningful improvements in usability, onboarding, and long-term scalability. It strengthened my ability to communicate design value across disciplines and build trust through clarity, evidence, and thoughtful iteration.
Post-launch, I would track task success rates, error frequency, and time-on-task to validate improvements in live environments. Feedback from each rollout would inform rapid refinements before scaling to the next plant, ensuring continuous improvement while maintaining operational stability and supporting a smooth transition away from the legacy system.