isral Duke | Designer Medical Diagnosis App |

App screen designs for the medical diagnosis app.

Medical Diagnosis App Details

Web application allows licensed medical personnel to remotely diagnose patients.

Try Medical Diagnosis App yourself


Relief Telemed created a mobile application and web application for healthcare professionals to remotely diagnose patients. This covers the web application used by the healthcare professionals.

Target Audience

The user for this web application is an educated, trained, and licensed registered nurse. This is the highest rank of nurse and they are legally sanctioned for diagnosing patients and writing limited prescriptions.

Medical diagnosis app personas, William and Nancy, representing two user groups.

Key Challenges

This web application needs to fit and work on small laptops to ensure maximum hardware compatibility. The video is fixed in place so the healthcare professional can always have the patient in view while scrolling the chart. Controls are designed to be large enough for easy, non-precise clicking. The color choices are limited to reserve high-intensity colors for important status, system, or patient-related info to gain prominence. As much as possible, we limited the layouts of the portal to be two columns, but no more than three if absolutely necessary, to control information density for easy scanning and reading. The UX designer role was mostly distributed across the product owner and a SME.

Digital Wireframes

The wireframes were collaboratively designed with the CIO and CEO, using their backgrounds in medicine and informatics, to guide the placement of “widget regions”. As the digital wireframes were simple rectangles denoting widget regions, we iteratively arranged the regions until the executive team was satisfied.

Digital wireframes collaboratively-created with the executive team.


Continuing education is an important part of being a designer. Staying on track in technology means serving the users. This also means watching the industry leaders and learning from them.

W3C Accessibility

It makes moral and business sense to ensure everyone can use your app.

Verify isral Duke’s certification for W3C Accessibility

Google UX Design

I studied Google’s own internal UX process for knowing what users need.

Verify isral Duke’s certification for Google UX Design

Interaction Design

People respond to digital products based on prior experiences in combination with our brains’ wiring.

Verify isral Duke’s certification for Interaction Design

Adobe Photoshop

Photoshop is the market leader of for image manipulation.

Verify isral Duke’s certification for Adobe Photoshop

isral Duke’s Skills

UX Skills

UX Design is discovering and knowing what to build. UX means talking to users and getting their input.

  • Accessible Content Development
  • Information Architecture
  • User Research

Design Skills

Interaction Design is creating an interface or process around the users’ problems and goals. It’s informed by the UX research phase.

  • Accessible & Inclusive Design
  • Creative Cloud
  • Figma
  • Graphic Design

Technical Skills

Technology is how users’ solutions are built. Good design takes technology into account.

  • Accessible Markup
  • Bootstrap
  • GitHub