Homepage & Sitemap
Redesign

PROJECT OVERVIEW

This project focused on redesigning the AAMI (Association for the Advancement of Medical Instrumentation) website homepage and sitemap to improve navigation clarity, user engagement, and accessibility for professionals in the Healthcare Technology Management (HTM) field. The redesign aimed to provide users with a more intuitive way to explore educational resources, publications, and upcoming events, while highlighting the organization’s mission to advance patient safety through technology.

I served as the UX/UI Designer, responsible for user research, persona development, information architecture, wireframing, prototyping, and visual design. I conducted heuristic evaluations, mapped user journeys, developed responsive layouts for desktop and mobile, and created a cohesive design system aligned with AAMI’s brand identity. I also collaborated with content strategists and stakeholders to ensure that the design supported educational goals and user behavior patterns.

MY ROLE

TOOLS

Research &
Discovery

To understand user needs, I developed a persona representing the target audience — Stephen B. Smith, Biomedical Equipment Technician. Insights were drawn from demographic data, user interviews, and behavioral research.

  • Stephen’s goals included supporting hospital staff, performing preventive maintenance, and staying up to date with new certifications and standards.

  • His frustrations revealed key pain points: outdated information, difficulty navigating resources, and a lack of clear guidance on training or certification paths.

Using this persona, I created a Journey Map to visualize user interactions with the AAMI website and identify major friction points—specifically around discovering training opportunities, events, and membership benefits.

The goal of the redesign was to simplify navigation, create clearer pathways to educational and professional resources, and improve how users discover news, events, and certifications. I wanted to design a homepage that not only provided easy access to information but also reflected AAMI’s credibility and mission within the healthcare technology industry. The updated sitemap supports intuitive navigation, guiding users logically from general awareness to engagement and membership conversion.

design Process

Information ARCHITECture

The updated sitemap organizes content by user intent rather than internal structure. It groups core categories such as:

  • Standards & Regulations

  • Training & Education

  • Events & Conferences

  • Publications & News

  • Membership & Community

Each category leads to consistent subpages, reducing navigation depth and improving clarity. The new sitemap makes it easier for both new and returning users to locate specific resources in fewer clicks.

Early sketches explored different ways to balance dense content with white space and visual hierarchy. I focused on creating modular content blocks, sections for news, events, testimonials, and educational resources. These wireframes established the foundation for the desktop and mobile prototypes.

IDEATION & SKETCHES

Low - Fidelity Wireframes

high - Fidelity
Wireframes

I translated the sketches into grayscale digital wireframes in Figma, focusing on layout, spacing, and interaction flow. These wireframes prioritized the placement of video, navigation, and call-to-action elements such as “Learn More” and “Register for Training.

I translated the sketches into grayscale digital wireframes in Figma, focusing on layout, spacing, and interaction flow. These wireframes prioritized the placement of video, navigation, and call-to-action elements such as “Learn More” and “Register for Training.

DESIGNER’S INSIGHT

The redesigned homepage and sitemap created a more cohesive, informative, and user-friendly digital presence for AAMI. It helps professionals in the HTM field find relevant resources faster, stay informed on industry updates, and connect with educational and membership opportunities more efficiently.