(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:


Initial UI Concepts:

