top of page







Dr. Roy and her team were in the process of creating a program that allows vascular surgeons to better visualize arterial plaques through 3D MRI projections. I was tasked to strategize and develop a series of screenshots demonstrating the usability of this app. I started with a basic wireframe, and then refined the UI/UX through iterative design and feedback from the surgeons. A selection of screenshots are shown here.


MRI Vascular Imaging


Dr. Trisha Roy


©Ruth Chang

©Ruth Chang

©Ruth Chang

©Ruth Chang

The user interface is composed of a main viewport displaying an interactive 3D peripheral angiogram. In Visualization Mode, users can pan, zoom, and rotate around the angiogram using tools situated in the toolbar on the left. To the right is an inset of the cross-section of the selected artery. A slider ring is used to scroll through the vessel, updating the inset accordingly.

In Planning Mode, users are able to distinguish the different angiosomes comprising the lower limb. Users can hover over an individual angiosome to highlight it and reveal the corresponding supplying artery. The program will then calculate and suggest an alternate revascularization path.

Selecting the affected artery isolates it and opens a new inset revealing the longitudinal section of the artery. Using the ruler tool, the user can drag along a section of the artery to measure distance and diameter. The longitudinal inset allows the user to examine in detail the affected area.

The user can then open an intervention menu, which calculates the most effective treatment method given the severity of the disease.

bottom of page