The original Account Dashboard was hosted within a slide-in panel, accessible through several entry points from the Overview Dashboard (OVD). This design led to several user experience issues, including layout reflow problems, slow response times, limited functionality, navigation difficulties, and delayed feature rollouts due to the use of an outdated tech stack.

To enhance the user experience on this page, I started designing from the largest breakpoint. I centered the content with side padding to improve readability and reduce visual clutter.

Key data points were arranged in a Z-pattern to align with users' natural eye flow, ensuring important elements stand out. Additionally, structuring data fields into four columns allows items to wrap seamlessly, preventing reflow issues and maintaining a clean, organized interface.

When designing for the smallest breakpoint, the primary challenge was presenting dense data points in a non-cluttered manner while maintaining a clear hierarchy and distinctive calls to action. I explored three layout options, which ultimately led to a final solution.

Accessibility plays a essential role in JPMC digital to ensure all users can view and interactive with our products effortlessly. For the Account dashboard, I followed internal accessibility annotation guide (called Greenlines), delivered specifications that communicate to developers the screens’ functionalities for screen readers and keyboard users’ experiences. The deliveries include: Tab order, Headers announcement, and Regions for focus areas.