{"id":2646,"date":"2024-09-17T22:32:53","date_gmt":"2024-09-18T02:32:53","guid":{"rendered":"https:\/\/patricklesage.ca\/portfolio\/?p=2646"},"modified":"2025-03-13T22:35:18","modified_gmt":"2025-03-14T02:35:18","slug":"camh-website","status":"publish","type":"post","link":"https:\/\/patricklesage.ca\/portfolio\/camh-website\/","title":{"rendered":"Center for Addiction and Mental Health (CAMH)"},"content":{"rendered":"\n
CAMH, Canada\u2019s largest mental health teaching hospital, partnered with Zulu Alpha Kilo to modernize its brand platform. This transformation required migrating from an outdated system to a new, fully accessible digital platform, compliant with AODA standards. <\/pre>\n\n\n\n
\n
\"Welcome<\/figure>\n\n\n\n
\n
Problem<\/h2>\n\n\n\n
The existing CAMH digital platform was outdated and lacked accessibility, hindering users from finding mental health resources efficiently. The rebranding required a new digital system that not only adhered to Ontario\u2019s AODA standards but also simplified content management, supported multiple user types, and enhanced public engagement with mental health programs and services.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Solution<\/h2>\n\n\n\n
Zulu’s implementation team worked with accessibility specialists and a cross-functional team to code the designs of over 80 fully accessible components. The new platform was created with a modular, component-based structure optimized for various devices and breakpoints. We ensured compliance with AODA \u2018AA\u2019 standards, going beyond typical WCAG 2.0 AA requirements.<\/p>\n<\/div>\n\n\n\n
\n
Key highlights include:<\/h3>\n\n\n\n
    \n
  • Developed persona-based interactive prototypes to validate the user experience.<\/li>\n\n\n\n
  • Created a comprehensive Front-end UI Style Guide with live prototypes, enabling seamless collaboration and faster iteration.<\/li>\n\n\n\n
  • Ensured that every component adhered to accessibility standards, making the platform fully compliant and user-friendly for people with diverse needs.<\/li>\n<\/ul>\n<\/div>\n\n\n\n
    \"CAMH<\/figure>\n<\/div>\n\n\n\n
    \n
    \n
    Results<\/h2>\n\n\n\n
    Accessibility:<\/strong><\/h3>\n\n\n\n
      \n
    • Successfully delivered a fully compliant digital experience that met AODA standards, improving overall usability.<\/li>\n<\/ul>\n\n\n\n
      Efficiency:<\/strong><\/h3>\n\n\n\n
        \n
      • Launched an MVP within 6 months, allowing for early content migration and feedback.<\/li>\n<\/ul>\n\n\n\n
        Component Library:<\/strong><\/h3>\n\n\n\n
          \n
        • Developed and validated over 80 modular components, reducing future design iterations by 50%.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n
          \n
          \n
          \n
          \n
          Team<\/h2>\n\n\n\n
          Collaborated with Zulu Alpha Kilo, CAMH stakeholders, and a multidisciplinary team that included a business analyst, Sitecore developers, and designers. This partnership ensured alignment across branding, content migration, and technical execution.<\/p>\n<\/div>\n<\/div>\n\n\n\n
          \n
          \"Zulu<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
          \n
          \n
          My Role<\/h2>\n\n\n\n
          As part of the UX process for Zulu’s design implementation phase, I supported UX strategies, facilitated collaboration between UX and development teams to ensure UX consistency and accessibility compliance.<\/p>\n<\/div>\n\n\n\n
          \n
          \n
          \n
          \"CAMH<\/figure>\n<\/div>\n\n\n\n
          \n
          \"CAMH<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
          \n
          \n
          Process<\/strong><\/h2>\n\n\n\n
          \n
          \n
          Discovery & Research:<\/strong><\/h3>\n\n\n\n
            \n
          • Conducted stakeholder study to inform content structure for the component dashboard system.<\/li>\n\n\n\n
          • Identified key accessibility pain points and addressed them through AODA-compliant design solutions.<\/li>\n<\/ul>\n<\/div>\n\n\n\n
            \n
            \n
            \n
            \"Dashboard<\/figure>\n<\/div>\n\n\n\n
            \n
            \"Component<\/figure>\n<\/div>\n\n\n\n
            \n
            \"focus<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
            \n
            \n
            Prototyping & Design:<\/strong><\/h3>\n\n\n\n
              \n
            • Collaborated on modular, accessible component designs using Sketch, InVision, and Sitecore.<\/li>\n\n\n\n
            • Applied atomic design principles to support scalable component library.<\/li>\n<\/ul>\n<\/div>\n\n\n\n
              \n
              \"Style<\/figure>\n<\/div>\n<\/div>\n\n\n\n
              \n
              \n
              Accessibility Testing & Iteration:<\/strong><\/h3>\n\n\n\n
                \n
              • Worked with accessibility specialists to test and validate components using AODA standards.<\/li>\n\n\n\n
              • Integrated user feedback to ensure that the platform was operable by all users, including those using assistive technologies like screen readers.<\/li>\n<\/ul>\n<\/div>\n\n\n\n
                \n
                \"skip<\/figure>\n<\/div>\n<\/div>\n\n\n\n
                \n
                \n
                Implementation:<\/strong><\/h3>\n\n\n\n
                  \n
                • Coordinated the agile development of over 80 components and dynamic landing pages.<\/li>\n\n\n\n
                • Ensured content migration aligned with AODA and optimized for user experience.<\/li>\n<\/ul>\n\n\n\n
                  <\/div>\n\n\n\n
                  \"filter<\/figure>\n<\/div>\n\n\n\n
                  \n
                  \n
                  \"tile<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
                  \n
                  Conclusion<\/h2>\n\n\n\n
                  The CAMH rebranding project was a successful digital transformation, aligning CAMH’s new brand identity with a fully accessible, user-friendly platform. The collaboration between Zulu, CAMH, and our team resulted in a world-class user experience that not only met compliance standards but also improved the public\u2019s ability to access mental health resources efficiently.<\/p>\n\n\n\n
                  <\/div>\n\n\n\n
                  \"CAMH<\/figure>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
                  Redefining CAMH’s Digital Presence through Accessible, User-Centered Design.<\/p>\n","protected":false},"author":1,"featured_media":2647,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2646","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/posts\/2646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/comments?post=2646"}],"version-history":[{"count":6,"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/posts\/2646\/revisions"}],"predecessor-version":[{"id":2859,"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/posts\/2646\/revisions\/2859"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/media\/2647"}],"wp:attachment":[{"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/media?parent=2646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/categories?post=2646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/tags?post=2646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}