Back to case study
Team Project Presentation
This project was about fixing a messy setup and design practice.
Collaboration Structure & My Role
The real problem - One stack, many GUIs
A few things jumped out right away
Design strategy — Aligning teams early
Usability test of HiFi wireframes
Users struggled with navigation and couldn’t complete key tasks.
Added more context and flow improvements — tasks were completed ~25% faster.
With clearer guidance and feedback, tasks were completed ~50% faster.
Design execution — Scaling beyond OneGUI
Small adjustments—like reworded states or more descriptive prompts—had a noticeable impact on user confidence and speed.
Handoff — Locking It In with Devs
Finalised for OneGUI V 1.0
UI specs covering edge cases and states.
Interaction guidelines for transitions and flows.
Design tokens (CSS) to keep the UI consistent and scalable.
System architecture overview
Outcomes — Making the system work for everyone
Technicians, R&D and even sales teams could get hands-on without flipping through manuals.
The dev teams could reuse the tokens, patterns, and flows — saving time and keeping things consistent.
Clear labels, inline validations, & feedback loops helped users move through tasks confidently, even with complex hardware interactions.
