Project 3: MedTech front-end redesign

Explore how a complex internal application was transformed through strategic UX design, addressing usability and accessibility challenges in a real-world MedTech environment.

Tackling the MedTech usability challenge

This project involved redesigning an internal Microsoft Power Apps front-end for a MedTech company. The original interface suffered from unnecessary pages, dead ends, confusing iconography, and an overwhelming homepage.

The goal was to enhance usability for internal staff by applying both UX design knowledge and visual design skills. Through a comprehensive UX audit using Nielsen’s Heuristics, Jakob’s Law, WCAG, and WebAIM, repeated issues with usability, accessibility, navigation, visual hierarchy, and page structure were identified and addressed.

My proudest accomplishment

My greatest source of pride in this project was the invaluable exposure to real-world UX problems within a MedTech company. I successfully collaborated with professionals who lacked UX expertise while I was lacking in-depth knowledge of medical engineering, yet I adapted, learned a brand-new application like Microsoft Power Apps, and managed to implement most of the design to a live application.

I achieving stakeholder buy-in for the project was a significant accomplishment, significantly leveling up my professional competence, ability to deliver under high expectations, and my capacity to work effectively with new teams.

Key steps in the redesign process

The project began with a UX audit of the existing Microsoft Power Apps front-end, focusing on usability, accessibility, navigation, visual hierarchy, and page structure.

Key redesign decisions included

  • Improved colour contrast: introduced stronger colour foundations after the original colours failed WebAIM contrast checks, improving visibility across different screens and device conditions.
  • Clearer layout scanning: redesigned screen layouts to support easier left-to-right scanning, helping staff navigate a button-heavy system more quickly.
  • Reduced navigation time: removed unnecessary screens and extra steps that slowed down common tasks and made the app feel frustrating to use.
  • Universal date and time format: redesigned the app clock so visiting staff unfamiliar with Irish date layouts could understand the information immediately.
  • Design system foundation: built a Figma design system and supporting documentation with accessible design tokens for colour, spacing, sizing, and reusable UI components.
  • Practical implementation planning: combined UX auditing, accessibility checks, stakeholder feedback, Figma prototyping, documentation, and Microsoft Power Apps feasibility research to turn a backlogged task into a practical redesign and implementation plan.

These decisions helped ensure that accessibility and consistency were embedded into the redesign, rather than treated as one-off fixes.