{"id":2227,"date":"2024-09-16T20:24:43","date_gmt":"2024-09-17T00:24:43","guid":{"rendered":"https:\/\/patricklesage.ca\/portfolio\/?p=2227"},"modified":"2024-09-28T13:03:43","modified_gmt":"2024-09-28T17:03:43","slug":"mnp-debt","status":"publish","type":"post","link":"https:\/\/patricklesage.ca\/portfolio\/mnp-debt\/","title":{"rendered":"MNP Dept"},"content":{"rendered":"\n
The MNP Debt website helps users find trusted advice for personal and business financial solutions.<\/pre>\n\n\n\n
<\/div>\n\n\n\n
Problem<\/strong><\/h2>\n\n\n\n
The digital ecosystem had amassed siloed content on a legacy CMS that was not optimized for mobile, tablet screens, or accessibility. Navigation and content maintenance were also difficult for both users and authors.<\/p>\n\n\n\n
Solution<\/strong><\/h2>\n\n\n\n
Our team completely overhauled the digital platform, applying user-centered design, accessibility standards, and content optimization.<\/p>\n\n\n\n
\n
\n
\n
Before<\/strong><\/h3>\n\n\n\n
\n
\"Screenshots<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
After<\/strong><\/h3>\n\n\n\n
\n
\"Screenshots<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Results<\/h2>\n\n\n\n
    \n
  • 50% faster implementation<\/strong> for developers and content authors using a modular design system.<\/li>\n\n\n\n
  • 15% increase<\/strong> in traffic and contact form conversions in 3 months.<\/li>\n\n\n\n
  • Improved navigation<\/strong> and search through 3 themes, 5 filters, and 8 categories, significantly enhancing user and author satisfaction.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n
    Team Composition<\/strong><\/h2>\n\n\n\n
    The project was a collaborative effort between UX\/UI designers, business analysts, developers, and marketing leadership, with remote coordination across different offices from Calgary and Ottawa.<\/p>\n\n\n\n
    \"Screenshot<\/figure>\n\n\n\n
    \n
    \n
    My Responsibilities<\/strong><\/h2>\n\n\n\n
    I led research, facilitated workshops, conducted user studies, and managed UI development for the Minimum Viable Product (MVP).<\/p>\n\n\n\n
      \n
    • Led user research<\/strong> activities (card sorting, interviews, surveys).<\/li>\n\n\n\n
    • Created high-fidelity prototypes<\/strong>, UI style guides, and storyboarded user flows.<\/li>\n\n\n\n
    • Ensured WCAG 2.0 (AA) compliance<\/strong> for accessibility.<\/li>\n\n\n\n
    • Coordinated Agile Scrum<\/strong> processes, including sprint planning and user story validation.<\/li>\n<\/ul>\n<\/div>\n\n\n\n
      <\/div>\n\n\n\n
      \n
      \n
      \"whiteboard<\/figure>\n<\/div>\n\n\n\n
      \n
      \"whiteboard<\/figure>\n<\/div>\n<\/div>\n\n\n\n
      <\/div>\n<\/div>\n\n\n\n
      \n
      Key Phases of the Project:<\/strong><\/h2>\n\n\n\n
      <\/div>\n\n\n\n
      \n
      \n
      Discovery Phase:<\/strong><\/h3>\n\n\n\n
        \n
      • Established strategy for business and user needs. <\/li>\n\n\n\n
      • Audits revealed 80% non-compliant content and unsearchable pages.<\/li>\n\n\n\n
      • Conducted card sorting, interviews, and surveys; <\/li>\n\n\n\n
      • produced a service blueprint; and set KPIs.<\/li>\n<\/ul>\n<\/div>\n\n\n\n
        \n
        \n
        \"MNP<\/figure>\n\n\n\n
        \"Graph<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
        <\/div>\n\n\n\n
        \n
        \n
        Design Phase:<\/strong><\/h3>\n\n\n\n
          \n
        • Facilitated workshops,<\/li>\n\n\n\n
        • created high-fidelity prototypes, <\/li>\n\n\n\n
        • and prioritized features for development.<\/li>\n<\/ul>\n<\/div>\n\n\n\n
          \n
          \n
          \n
          \"MNP<\/figure>\n\n\n\n
          \n
          \"MNP<\/figure>\n\n\n\n
          \"MNP<\/figure>\n<\/div>\n<\/div>\n\n\n\n
          \n
          \n
          \"MNP<\/figure>\n\n\n\n
          \"MNP<\/figure>\n<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
          <\/div>\n\n\n\n
          \n
          \n
          Development Phase:<\/strong><\/h3>\n\n\n\n
            \n
          • Created a UI style guide,<\/li>\n\n\n\n
          • performed iterative testing, <\/li>\n\n\n\n
          • and ensured accessibility compliance.<\/li>\n<\/ul>\n<\/div>\n\n\n\n
            \n
            \n
            \"MNP<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
            <\/div>\n\n\n\n
            \n
            \n
            Delivery Phase:<\/strong><\/h3>\n\n\n\n
              \n
            • Validated designs,<\/li>\n\n\n\n
            • completed content migration, <\/li>\n\n\n\n
            • and tracked KPIs for continuous improvement.<\/li>\n<\/ul>\n\n\n\n
              <\/div>\n\n\n\n
              \"MNP<\/figure>\n<\/div>\n\n\n\n
              \n
              \n
              \"MNP<\/figure>\n\n\n\n
              \"MNP<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
              \n
              \n
              Conclusion<\/strong><\/h2>\n\n\n\n
              The overhaul of the MNP Debt platform resulted in clear hierarchies, enhanced readability, and consistent branding across services. Users and authors gained easy access to financial resources, and navigation was simplified with a modular, searchable system. The new design, built on brand trust, is mobile-optimized, accessible, and maintains user satisfaction.<\/p>\n<\/div>\n\n\n\n
              <\/div>\n\n\n\n
              \n
              \n
              \n
              Personal Finances<\/h4>\n\n\n\n
              \"MNP<\/figure>\n<\/div>\n\n\n\n
              \n
              Corporate Finances<\/h4>\n\n\n\n
              \"MNP<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
              Designed a brand refresh with a complete overhaul of the MNP Debt digital platform.<\/p>\n","protected":false},"author":1,"featured_media":2228,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2227","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\/2227","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=2227"}],"version-history":[{"count":1,"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/posts\/2227\/revisions"}],"predecessor-version":[{"id":2851,"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/posts\/2227\/revisions\/2851"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/media\/2228"}],"wp:attachment":[{"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/media?parent=2227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/categories?post=2227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/patricklesage.ca\/portfolio\/wp-json\/wp\/v2\/tags?post=2227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}