udStream Web Edition

Goals and Objectives

To adapt the desktop application's 3D visualization capabilities for web platforms, ensuring a seamless user experience while maintaining strong performance and functionality.

Role

Led the UX/UI design for the transition from desktop to web, focusing on responsive design principles and optimising interaction for the browser environment.

Duration and Tools Used

12 months; Axure, Figma, Adobe Suite.

Problem Statement

The desktop application's complex 3D visualization features needed to be translated into a web environment without compromising usability or performance.

Challenge and Approach

Combined user research, iterative design, and close collaboration with front-end developers to meet usability and performance benchmarks for the web.

Design Process

Began with user flow mapping to adapt desktop functionality for web use, followed by wireframing, prototyping, and testing to refine the UX/UI to web standards.

Outcomes & Impact

Successfully launched as a web-based product, achieving a cleaner, more intuitive design than the legacy desktop interface and expanding accessibility. After a period in market, the web edition was eventually retired in favour of bringing the proven Vue-based design standard back into a rebuilt version of the original desktop (ImGUI) application — closing the design gap between the two products.

Wireframes

Early sketches forming the foundation for both desktop and web versions, outlining core UI/UX elements and setting a unified design direction.

Mockups

Web Standards Transformation — transitioning from sketches, these mockups were crafted to align with Vueify and Material Design, introducing a modern colour palette and responsive design tailored for web.

A selection of key screens from the final web edition, highlighting the core interaction patterns and visual design across the platform.