American Express
June 2024 - July 20242 monthsCredit Utilization Calculator
AEM Custom Javascript Component: Credit Utilization Calculator
Adobe Experience Manager
JavaScript
React
PostgreSQL
TypeScript
Responsive CSS
Key Results
95% user satisfaction rate with calculator accuracy
40% increase in user engagement with financial education tools
35% increase in mobile tool usage
20% reduction in customer support queries related to credit utilization
Enhanced mobile experience across all devices
The Challenge
American Express needed a sophisticated calculator to help customers understand their credit utilization and improve financial wellness.
Specific Challenges:
- Build a credit utilization calculator tool for users to track and manage their credit usage effectively
- Ensure seamless integration with existing AEM infrastructure and compliance with security standards
- Adhere to strict brand guidelines and accessibility standards
- Create responsive interface for consistent experience on any device
The Solution
Developed a custom AEM module with precise mathematical algorithms, responsive design, and intuitive user interface.
Implementation Details:
- Individual Card Analysis: Users can add multiple credit cards to the system. For each card, the tool precisely calculates its utilization ratio, offering a granular view of spending patterns and available credit.
- Total Credit Utilization: Beyond individual card analysis, the tool aggregates the data from all entered cards to provide a holistic view of the user's total credit utilization. This allows users to understand their overall credit health and how close they are to their combined credit limits.
- Intuitive User Interface: The application was developed following a meticulous Figma design, ensuring a user-friendly and aesthetically pleasing experience.
- Robust Technical Implementation: Built as a custom AEM (Adobe Experience Manager) module, the tool leverages responsive CSS and JavaScript. This ensures seamless functionality and optimal display across various devices, from desktops to mobile phones, providing a consistent and accessible user experience.
“Sean delivered exceptional work on our credit utilization calculator. His attention to detail and technical expertise resulted in a tool that significantly enhanced our customer experience.”
Financial Product Manager
American Express
Lessons Learned
- 1User-centric design drives adoption and satisfaction
- 2Mathematical precision is crucial for financial tools
- 3Mobile-first approach is essential for consumer applications
Next Steps
Implement additional financial wellness tools and expand calculator features.