Medical Device
Design: UX/UI, Visual Design
Research: Stakeholder Interviews, Lab Observations
Development: Front-End Development
At a Glance

Stryker Endoscopy approached us to help create a new one of a kind medical device that will improve efficiency and patient outcomes for orthopedic surgeons performing bone resection of the hip joint.


Through a creative feature identification and design process, we created a flexible design that allows the surgeon to perform bone resections with an additional layer of confidence, allowing them to compare pre-operative, intra-operative, and post-operative scans to ensure the intended amount of bone was removed for femoroplasty procedures.

The Challenge

Being that this is the first surgical system of its kind, we had a brief feature list, but no existing designs or competitor products to go off of. The system needed to increase surgical efficiency and accuracy for bone removal of the hip joint while giving the surgeon control of this system from the sterile field.

The Challenge Image

How We Did It

Curvy line

Before designing screens, we needed to understand the requirements that this system would need to satisfy by interviewing various stakeholders within Stryker as well as experienced orthopedic surgeons. With their knowledge, we were able to define the feature set needed to accomplish a system that would improve efficiency and patient outcomes while being easy to use inside the operating room.

Concept Generation

After capturing the minimum feature set of this product, we focused in on one design direction that enforced these principles:


  • Efficient: The interface should make the surgeon’s job faster and easier. More reliable. Interactions should be familiar to reduce learning curve but flexible to support different surgical workflows.
  • Simplified: Interactions should be limited and utilize automation to reduce clicks and while focusing on the key surgical information at each step.
  • Trustworthy: Although the interface should be simple, it should provide enough detail to ensure the surgeon is confident in their surgical decisions. The surgeon needs to be able to adjust the program’s estimations made during surgery and the system should prompt when higher accuracy is possible.
Functional Prototype

A functional prototype was created to communicate both the designs and intended functionality to key stakeholders. It showed the flexible framework of having an in-focus image with multiple different image inputs as well as the visual representation of how much bone still needs to be removed, finishing with a checklist of clinical positions to ensure successful range of motion.


The final design resulted in a complete set of wireframes, functional prototype, and working code all following Stryker’s brand guidelines. The end result was a simple, yet flexible, design that improved surgical efficiency and accuracy of removing bone during hip surgery using algorithms to improve the information provided to surgeons using fluoroscopy imaging. This system has been FDA approved and can be found in operating rooms today.

Similar projects

Let's Get Started!
Call Or Email
With UEGroup, you’ll interact directly with a senior member of the team to ensure your needs are understood and translated into action.
You will hear back from us in a few hours on business days.
Interested in participating in a research study?
Click here to fill out a survey.
Go To Full Contact Us Page ⟶
Accessibility Menu