IPAC Canada (Infection Prevention and Control Canada)

(Live Client Project)

IPAC Canada – Website Design & Development
UI Designer & Web Designer
Designed the full UI/UX for the IPAC Canada website in Adobe XD, creating responsive prototypes and a scalable design system.
Developed the entire website in WordPress from scratch, including 500+ pages, a members-only portal, and 17 regional chapter sub-sites, each with unique branding and logins.
Integrated secure membership systems, chapter-specific resources, and event functionality.
Ensured responsive, accessible, and performance-optimized builds across all core and chapter sites.ons.

My Role & Process:

  • UI/UX Design
    • Designed the full site experience in Adobe XD, from wireframes to final prototypes.
    • Built a cohesive design system (typography, color palettes, UI components, navigation) for a consistent look across all 500+ pages.
    • Created responsive layouts for desktop and mobile to ensure accessibility and ease of use.
  • Web Development
    • Built the core site from scratch in WordPress, using no pre-made templates for maximum customization.
    • Developed over 500 individual pages, each styled for consistency and optimized for speed.
    • Set up members-only areas, restricting content to logged-in users and enabling access to exclusive resources.
    • Created 17 chapter sub-sites, each with:
      • Separate login systems for local members.
      • Their own branding/themes while maintaining structural alignment with the core site.
    • Integrated events calendars, resource libraries, and chapter-specific tools.
  • Optimization & Launch
    • Ensured WCAG accessibility compliance and responsive design.
    • Optimized for speed, performance, and SEO, improving visibility and usability

Side-by-Side Comparison:

Approved XD Design VS Live Website View

Initial UI Concepts: