High-Fidelity Prototype and Data Visualization
The final phase of the project involved translating all research and structural design work into a pixel-perfect, high-fidelity prototype using Figma.
Human-Centered Data Design: Every data visualization and interface element was designed based on established principles of human factors and cognitive load management. Grounded in insights from user interviews, I designed data representations that enhanced situational awareness and supported more efficient decision-making for operators.
Safety-Critical Interface: A primary goal was to improve usability where it directly impacted operator safety and performance. I implemented a purposeful visual hierarchy, a distinct color system, and clear alarm states optimized for rapid recognition. This final design was engineered to minimize user error and improve critical response times in a high-stakes monitoring environment.
Comprehensive Architecture: The final deliverable consisted of over 60 unique screens in Figma, each containing deep settings and complex interactions. The entire prototype was built on the redesigned information architecture, creating an intuitive structure that helps users form a clear mental model of the platform for more efficient navigation and task completion.
Redesigned Interface
Original Interface
Redesigned Interface
Original Interface
Redesigned Interface
Original Interface
Redesigned Interface
Original Interface
Redesigned Interface
Original Interface
The final high-fidelity prototype, consisting of over 58 unique screens for the light mode alone, was designed in Figma. Each screen is the result of extensive user research, featuring a custom design system, clear data visualization, and an intuitive information architecture built on UX and human factors principles.