Optimizing Developer Experience at J.P. Morgan Chase
🚨Disclaimer: Due to the confidential nature of this project, as well as other work that I have done during my time at J.P. Morgan Chase, certain details have been generalized,and proprietary information has been omitted. The insights and designs presented here focus on my design approach, methodologies, and impact while maintaining compliance with J.P. Morgan Chase’s confidentiality policies.
Duration
2 Years 5 Months
Contributions
Role: Associate UX Designer
Tools: Figma, Jira, Confluence,
Platform: Employee Internal Tools
Team
Collaborated with developers, product managers, and researchers
About J.P. Morgan Chase
JPMorgan Chase & Co. is an American multinational financial services firm headquartered in New York City and incorporated in Delaware. It is the largest bank in the United States and the world’s largest bank by market capitalization as of 2023.
Overview
As a UX Designer at J.P. Morgan Chase, I led the design for an Integrated Developer Platform used by 45K+ engineers, consolidating fragmented tools into a seamless experience. My work focused on usability improvements, design system enhancements, and cross-functional collaboration to streamline developer workflows.
Project Statement: JPMC’s engineering teams relied on multiple disconnected tools, leading to workflow inefficiencies and high cognitive load. Engineers struggled to navigate between platforms, impacting productivity. The challenge was to design a unified developer platform that improved usability while maintaining consistency across tools.
Sample Skeleton Design:
Approach & Design Process
User Research and Testing:
I conducted over 15 usability tests and heuristic evaluations to identify friction points within the user experience. Additionally, I gathered feedback from engineers to better understand pain points and workflow inefficiencies, ensuring improvements were aligned with technical requirements. This collaborative approach allowed me to create targeted solutions that addressed both user needs and technical constraints, improving overall usability and efficiency.
Wireframing and Prototyping:
I created low to high-fidelity wireframes in Figma, testing multiple interaction patterns to optimize user flow. Through iterative design, I refined these wireframes based on user feedback and testing outcomes. Additionally, I designed component-based UI to ensure scalability and reusability across the product, promoting consistency and efficiency in future updates.
Design System Integration:
I leveraged existing Figma components from JPMC’s enterprise design system to ensure consistency and efficiency across teams. When new features required additional components, I collaborated with the designers responsible for maintaining the design system to create scalable solutions. By optimizing how we utilized and contributed to the system, we reduced design turnaround time by 25%, allowing for faster iterations while maintaining alignment with brand guidelines and usability standards.
Cross-Functional Collaboration:
I partnered with developers and product teams to refine technical feasibility, ensuring design solutions were both practical and implementable. Through close collaboration, we identified potential roadblocks early on and adjusted designs accordingly. Additionally, I led design workshops and stakeholder reviews to align on UX goals, fostering a shared vision among all team members and ensuring that the final product met both user needs and business objectives.
Solution and Impact
✅ Enhanced Usability: Streamlined platform navigation, reducing task completion time.
✅ Increased Efficiency: Reduced friction in developer workflows, improving adoption rates.
✅ Design Scalability: Implemented a modular design system, accelerating future iterations.
✅ Stronger Collaboration: Fostered a user-centered design culture within cross-functional teams.
Key Takeaways & Reflections
💡 What I Learned:
- Scaling UX for enterprise platforms requires balancing consistency with flexibility.
- Engaging engineers early in the process improves adoption and usability outcomes.
🚀 Next Steps:
- Further refine the onboarding experience for new users.
- Explore AI-driven enhancements to streamline developer workflows.