Hart Of It All

“Chase – Hart of It All” is an engaging digital campaign designed to bridge the gap between Chase’s financial services and the “underbanked” community. The campaign addresses the challenge of effectively reaching individuals who are either starting their financial journey or seeking to improve their financial situation, often lacking the knowledge and confidence to take the first steps.

Task:

My role in this project was multifaceted and encompassed front-end development, framework engineering, design enhancement, and performance optimization:

• Front-End Development and Framework Creation:

  • Developed the website’s front-end using Bootstrap for a responsive framework, working within the Adobe Experience Manager (AEM) environment.
  • Engineered a custom framework based on Zurb’s Panini, tailored for Bootstrap, and incorporated multi-lingual support for Static Site Generation (SSG). This framework was widely adopted by Millennium Web for future projects due to its efficiency and scalability, and I continued to enhance its functionality to meet evolving client needs.

• Design Enhancement:

  • Contributed to the UX/UI design for mobile and tablet views, complementing the existing desktop designs.
  • Refined and optimized the original design, ensuring WCAG ADA Section 508 development compliance within the code for accessibility and inclusivity.

• Performance Optimization:

  • Leveraged Node.js to create utilities that streamlined video closed caption documentation and static HTML generation, significantly enhancing development efficiency.

Key Outcomes:

• Engaging User Experience: The website provided an engaging and informative online experience for users, promoting Chase’s financial wellness initiatives and encouraging greater financial literacy.
• Efficient Development: The use of a custom framework and modern web technologies resulted in efficient development and a maintainable codebase.
• Responsive Design: The website adapted seamlessly to various devices, ensuring a positive user experience across desktops, tablets, and smartphones.
• Campaign Success: The “Hart of It All” campaign successfully engaged a wider audience, particularly Gen Z and millennials, inspiring them to take control of their financial futures.

Highlighting Value:

• This project showcases my ability to work within complex CMS environments (AEM), create innovative solutions (custom framework development), and ensure accessibility (WCAG ADA compliance).
• My full-stack capabilities, from Node.js back-end/front-end development to UX/UI enhancement and efficiency optimization, demonstrate my versatility as a developer.
• The project’s success underscores my ability to contribute to impactful campaigns that achieve both business and social objectives.
• The adoption and continued use of my custom framework by Millennium Web highlights the value and efficiency it brought to their development process.