Experience Design Technologist, Senior Associate

📍 Job Overview

Job Title: Experience Design Technologist, Senior Associate

Company: JPMorgan Chase & Co.

Location: Brooklyn, NY

Job Type: Full time

Category: Experience Design / Technology

Date Posted: 2026-05-19T15:27:10

Experience Level: Mid-Level (3+ years)

Remote Status: On-site

🚀 Role Summary

• Translate sophisticated experience design concepts into production-ready user interfaces and code-ready logic, serving as a critical liaison between design and engineering teams.

• Develop and refine complex UI components, defining their architecture, props, states, variants, and technical constraints to ensure scalability and consistency across platforms.

• Leverage advanced knowledge of information architecture, storyboarding, and data-driven analysis to inform user-centric designs and enhance product usability.

• Champion inclusive design principles and accessibility guidelines throughout the design and development lifecycle to create equitable digital experiences for all users.

• Build and maintain live-code prototypes using AI-assisted development tooling, acting as a source of truth for engineering and validating interaction logic and UI state transitions.

📝 Enhancement Note: This role is positioned as a Senior Associate, indicating a need for demonstrated expertise and a minimum of 3 years of experience. The emphasis on "Technologist" suggests a strong blend of design sensibility and technical implementation skills, particularly in translating design intent into functional code structures and component systems. The specific mention of "Card Platforms Team" points to a focus on financial products and services within the consumer banking division.

📈 Primary Responsibilities

• Design and develop elegant solutions for intricate interaction problems, ensuring a consistent user experience across multiple products and platforms.

• Apply advanced information architecture and storyboarding techniques to create intuitive, user-centric designs that improve navigation, findability, and overall user satisfaction.

• Conduct data-driven analyses to translate raw information into valuable insights, informing design decisions and driving strategic enhancements.

• Collaborate with cross-functional teams to integrate inclusive design principles and accessibility guidelines, ensuring products and services cater to a diverse user base.

• Operate with an iterative design mindset, incorporating user feedback and insights to continuously refine and improve the user experience of financial offerings.

• Analyze market trends, user research, and user behavior to inform design decisions and contribute to the team's strategic thinking and product roadmap.

• Build and refine complex UI components, defining and documenting component props, states, variants, and technical constraints for scalable implementation.

• Define and ensure implementable interaction logic for UI components, including responses to data changes, error states, edge cases, and user interactions.

• Utilize AI-assisted development tooling (e.g., VS Studio, Co-Pilot, Claude Code) to create live-code prototypes demonstrating real-time data handling, UI state transitions, and complex interaction patterns.

• Review production builds to validate alignment with intended UI architecture and interaction design, acting as a quality gate for functional craft, responsiveness, component correctness, and usability fidelity.

📝 Enhancement Note: The responsibilities highlight a "developer-in-design" or "design-engineer" hybrid role. The emphasis is on bridging the gap between static design files and functional, code-ready components, with a strong focus on interaction logic, state management, and the technical implementation of design systems. This goes beyond traditional UX/UI roles by requiring hands-on coding and deep understanding of component architecture.

🎓 Skills & Qualifications

Education: While no specific degree is listed, a Bachelor's degree in Design, Human-Computer Interaction, Computer Science, or a related field is typically expected for senior-level roles in this domain. Equivalent practical experience will also be considered.

Experience: A minimum of 3+ years in a user experience design or equivalent role focused on improving digital products and services.

Required Skills:

• Proven ability to create visually appealing and functional designs using industry-standard tools (e.g., Figma, Adobe Creative Suite).

• Demonstrated experience in designing and optimizing user experiences across multiple platforms (web, mobile, digital channels).

• Proficiency in translating complex data into actionable insights for informed decision-making.

• Strong understanding of inclusive design principles, accessibility guidelines, and assistive technologies.

• Experience working in both code editors and design tools, effectively translating between disciplines.

• Expert understanding of UI component references (nesting, inheritance, composition) and how components scale across platforms.

• Experience implementing or managing design tokens using JSON, CSS variables, and/or tooling (e.g., Style Dictionary) for cross-platform consistency.

• Strong proficiency with HTML5, CSS/SCSS (Flexbox, Grid), and JavaScript; ability to build high-quality UI "view" layers.

Preferred Skills:

• Familiarity with Git/GitHub for managing design-led code contributions and collaborating with engineering workflows.

• Mentorship experience, particularly in developing systemic UI thinking (patterns, architecture, scalable interaction logic).

• Experience with AI-assisted development tooling (e.g., VS Studio, Co-Pilot, Claude Code).

📝 Enhancement Note: The required skills emphasize a unique blend of design tool proficiency (Figma), front-end development fundamentals (HTML, CSS, JavaScript), and a deep understanding of design system principles (component architecture, design tokens). The preferred skills suggest a forward-thinking individual who can also guide others and leverage emerging AI technologies.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a minimum of 2-3 detailed case studies demonstrating end-to-end experience design and technical implementation, with a focus on problem-solving and solution articulation.

• Include examples of complex UI component development, illustrating the architecture, states, and interactive behaviors designed.

• Present evidence of applying inclusive design principles and accessibility standards in your work, with specific examples of how these were integrated.

• Demonstrate experience translating design intent into code-ready logic, component systems, or functional prototypes.

Process Documentation:

• For each case study, clearly outline the problem statement, user research undertaken, design process, and the technical approach to implementation.

• Detail the methodologies used for defining and managing UI component systems and design tokens.

• Provide examples of how user feedback and iterative refinement were incorporated into the design and development cycle.

• Illustrate the process of collaborating with engineering teams to ensure design fidelity and functional accuracy in production.

📝 Enhancement Note: A portfolio for this role must go beyond static mockups. It needs to demonstrate the candidate's ability to think technically about design, showcase their understanding of component-based development, and provide evidence of their contribution to the "code-ready" aspect of the design process. This includes showing how they've implemented design systems or contributed to front-end code.

💵 Compensation & Benefits

Salary Range: Based on the Senior Associate title, 3+ years of experience, and the location in Brooklyn, NY (a high cost of living area), a competitive salary range for this role is estimated to be between $114,000 and $165,000 annually. This range aligns with industry benchmarks for specialized design technology roles within large financial institutions.

Benefits:

• Comprehensive health care coverage (medical, dental, vision).

• On-site health and wellness centers for employee well-being.

• Retirement savings plan (e.g., 401k) with potential company match.

• Backup childcare services to support work-life balance.

• Tuition reimbursement for continued education and skill development.

• Mental health support programs and resources.

• Financial coaching and planning services.

• Potential for performance-based bonuses or incentive compensation.

Working Hours: Standard full-time working hours are expected, typically around 40 hours per week. While the role is on-site, flexibility may be available depending on team needs and project deadlines.

📝 Enhancement Note: The provided salary range is an estimation based on industry data for similar roles in the specified location and experience level. JPMorgan Chase & Co. typically offers a robust benefits package, and the listed benefits are common for large corporations in the financial services sector.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services, specifically within Consumer & Community Banking. JPMorgan Chase & Co. is a global leader in financial services, offering a wide array of products and services. The digital innovation within this sector is rapid, requiring a blend of cutting-edge technology and robust, secure user experiences.

Company Size: JPMorgan Chase & Co. is a very large, global financial institution with tens of thousands of employees. This scale implies a structured environment with established processes, but also significant opportunities for impact and career advancement.

Founded: The company's history dates back to 1799, evolving through various mergers and acquisitions into the modern JPMorgan Chase & Co. This long history signifies stability, a deep understanding of the financial markets, and a commitment to long-term customer relationships.

Team Structure:

• The role is within the Card Platforms Team, part of the Digital organization within Consumer & Community Banking. This team likely comprises product managers, UX/UI designers, experience design technologists, front-end engineers, back-end engineers, and QA specialists.

• Reporting likely falls within a product or engineering management hierarchy, with close collaboration across design and development functions.

Methodology:

• Emphasizes data-driven decision-making, leveraging analytics and user research to inform design and development.

• Utilizes iterative design and development processes, allowing for continuous improvement based on feedback and performance metrics.

• Adheres to industry best practices for inclusive design, accessibility, and secure coding standards, particularly crucial in the financial services sector.

• Integrates AI-assisted tooling to enhance design and development efficiency and accuracy.

Company Website: https://www.jpmorganchase.com/

📝 Enhancement Note: The company culture at a large financial institution like JPMC is typically characterized by a strong emphasis on security, compliance, and customer trust. For a design technologist, this means balancing innovation with rigorous standards. The "Card Platforms Team" suggests a focus on the user experience of credit card products, which are a major part of consumer banking.

📈 Career & Growth Analysis

Operations Career Level: This role is at a "Senior Associate" level, indicating a mid-career professional with specialized skills. It requires a solid foundation of 3+ years of experience and the ability to work independently on complex tasks, contribute to team strategy, and potentially mentor junior colleagues.

Reporting Structure: The Experience Design Technologist will likely report to a Design Lead, UX Manager, or Engineering Manager within the Card Platforms Team. They will work closely with product managers, engineers, and other designers, forming a core part of a cross-functional product development squad.

Operations Impact: The role has a direct impact on the user experience of critical financial products. By ensuring seamless, accessible, and intuitive digital interactions for cardholders, this role contributes to customer satisfaction, retention, and the overall success of the Card Platforms initiative, which in turn drives revenue and market share for the Consumer & Community Banking division.

Growth Opportunities:

• Skill Advancement: Opportunities to deepen expertise in advanced front-end development, design system architecture, accessibility standards, and emerging AI design tools.

• Leadership Development: Potential to lead smaller design initiatives, mentor junior team members, and become a subject matter expert in specific areas like component development or accessibility.

• Career Progression: Pathways can lead to roles such as Lead Experience Design Technologist, Senior UX Engineer, Design Systems Manager, or even transition into specialized front-end engineering roles within product teams.

📝 Enhancement Note: The "technologist" aspect of this role suggests a growth path that blends design and engineering, which is a highly sought-after skill set. The ability to act as a bridge between these disciplines is a key differentiator for career advancement within product development at large tech-forward financial institutions.

🌐 Work Environment

Office Type: This is an on-site role located at 4 Chase Metrotech Center in Brooklyn, NY. JPMorgan Chase & Co. offices are typically modern, professional, and equipped with the necessary technology to support collaborative work.

Office Location(s): The primary office location is Brooklyn, NY, a vibrant borough with significant business and tech presence. This location offers accessibility via public transportation. JPMorgan Chase has multiple large corporate offices, but this specific role is tied to the Brooklyn site.

Workspace Context:

• The workspace will likely be designed to foster collaboration, with shared common areas, meeting rooms, and potentially open-plan desk arrangements.

• Access to robust IT infrastructure, including high-performance workstations, reliable internet, and relevant software licenses (e.g., Figma, Adobe Creative Suite, IDEs).

• Opportunities for direct interaction with a diverse team of designers, engineers, and product managers, facilitating knowledge sharing and problem-solving.

Work Schedule: The typical work schedule will be full-time (approximately 40 hours per week) with an on-site presence required. While core business hours will be observed, there may be some flexibility depending on project needs and team agreements, but the primary expectation is physical presence in the office.

📝 Enhancement Note: The Brooklyn location at 4 Chase Metrotech Center is a significant hub for JPMorgan Chase, suggesting a well-established and resourced team environment. The on-site requirement emphasizes the company's preference for in-person collaboration for these specialized roles.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review your application and resume to assess for basic qualifications and experience.

• Portfolio Review: Candidates will be asked to present their portfolio, focusing on projects that demonstrate their experience design, technical implementation, and problem-solving skills. Be prepared to walk through at least 2-3 relevant case studies.

• Technical/Design Interview(s): Expect interviews that delve into your technical skills (HTML, CSS, JavaScript, component architecture, design tokens) and your approach to user experience design, inclusive design, and accessibility.

• Behavioral/Situational Interviews: These interviews will assess your collaboration style, problem-solving abilities, how you handle feedback, and your cultural fit within the team and organization. Questions may relate to past projects, team dynamics, and navigating complex challenges.

• Final Interview: Potentially with senior leadership to discuss overall fit and strategic alignment.

Portfolio Review Tips:

• Structure for Impact: Organize your portfolio to clearly articulate the problem, your role, the process, your solutions (both design and technical), and the impact/outcomes.

• Highlight Technical Craft: For this role, dedicate sections to showcase your ability to translate design into code-ready logic, component systems, and prototypes. Include code snippets or links to live prototypes where appropriate.

• Demonstrate System Thinking: Clearly explain your approach to building scalable UI components and implementing design tokens.

• Showcase Collaboration: Provide examples of how you've worked with engineers and other stakeholders, including how you've managed feedback and resolved discrepancies.

• Quantify Impact: Whenever possible, use metrics to demonstrate the success of your designs and technical contributions (e.g., improved conversion rates, reduced error rates, increased user satisfaction scores).

Challenge Preparation:

• Be prepared for potential design or coding challenges that might assess your ability to quickly prototype an interaction, decompose a complex UI, or articulate technical design decisions.

• Practice explaining your thought process clearly and concisely, especially when discussing complex technical or design trade-offs.

• Familiarize yourself with JPMorgan Chase's digital products, particularly within the consumer banking and card services space, to understand their current design language and user experience.

📝 Enhancement Note: The portfolio is critical for this role. It needs to explicitly demonstrate the "technologist" aspect, showing not just design thinking but also the technical acumen to implement it effectively within a design system framework.

🛠 Tools & Technology Stack

Primary Tools:

• Design & Prototyping: Figma (primary tool), Adobe Creative Suite (Photoshop, Illustrator).

• Code Editors: VS Studio, Sublime Text, or similar IDEs for front-end development.

• AI-Assisted Development: Co-Pilot, Claude Code, or similar for enhanced coding productivity.

• Version Control: Git, GitHub for collaborative code management.

Analytics & Reporting:

CRM & Automation:

• While not directly managing CRM, an understanding of how user data flows from CRM and other systems into the user interface is beneficial.

• Experience with design token management tools like Style Dictionary.

📝 Enhancement Note: The technology stack emphasizes a modern front-end development and design workflow. Proficiency in Figma is paramount, alongside strong front-end coding skills. The inclusion of AI-assisted tooling highlights the company's adoption of cutting-edge development practices.

👥 Team Culture & Values

Operations Values:

• Customer Centricity: A deep commitment to understanding and serving customer needs, ensuring that all designs and technical solutions prioritize user experience and satisfaction.

• Innovation: Encouraging the exploration of new technologies and methodologies to create leading-edge digital products and experiences.

• Excellence: A drive for high-quality output, meticulous attention to detail in both design and code, and a commitment to best practices.

• Collaboration: Fostering a team-oriented environment where open communication, knowledge sharing, and mutual support are valued.

• Integrity & Trust: Upholding the highest standards of ethical conduct, security, and data privacy, crucial in the financial services industry.

Collaboration Style:

• Cross-functional Integration: Actively engaging with product managers, engineers, researchers, and other stakeholders to ensure alignment and shared understanding throughout the product development lifecycle.

• Feedback-Driven: Embracing constructive feedback as an essential part of the iterative design and development process, fostering an environment where ideas can be refined.

• Knowledge Sharing: Proactively sharing insights, best practices, and learnings with team members, contributing to a collective growth in expertise, particularly around design systems and technical implementation.

📝 Enhancement Note: The emphasis on "integrity & trust" is particularly important for a financial institution. For a Design Technologist, this translates to building secure, reliable, and compliant user experiences.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Innovation with Compliance: Navigating the stringent security and regulatory requirements of the financial services industry while striving for innovative and user-friendly designs.

• Cross-Disciplinary Communication: Effectively bridging the gap between design intent and engineering implementation, ensuring clear communication and shared understanding of complex technical and design concepts.

• Scalability and Consistency: Designing and building UI components and systems that are scalable across a vast product portfolio and maintain consistency across multiple platforms and devices.

• Adopting New Technologies: Staying abreast of rapid advancements in design tools, AI development assistance, and front-end technologies while integrating them effectively into established workflows.

Learning & Development Opportunities:

• Advanced Skill Specialization: Deepen expertise in areas like advanced accessibility compliance, performance optimization, and complex interaction design patterns.

• Industry Certifications: Pursue certifications in UX, accessibility, or specific front-end technologies.

• Internal Training & Workshops: Participate in JPMC's extensive internal learning programs focused on technology, design, and leadership.

• Mentorship: Opportunity to be mentored by senior technologists and designers, and to mentor junior team members, solidifying knowledge and leadership skills.

📝 Enhancement Note: The challenge of balancing innovation with the strict requirements of financial services is a key aspect of this role. Growth opportunities are tied to mastering this balance and becoming a leader in specialized areas.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI component you designed and built. How did you define its architecture, states, and interaction logic? How did you ensure it was scalable and reusable?"

• "Walk us through a project where you had to translate a high-fidelity design into code-ready specifications or a functional prototype. What challenges did you face, and how did you overcome them?"

• "How do you incorporate inclusive design principles and accessibility guidelines into your workflow? Provide an example of a design decision you made specifically to improve accessibility."

Company & Culture Questions:

• "What interests you about working at JPMorgan Chase & Co., specifically within the Card Platforms Team?"

• "How do you approach collaboration with engineering teams? Describe a time you had to resolve a disagreement on design implementation."

• "How do you stay updated on emerging trends in experience design and front-end technology?"

Portfolio Presentation Strategy:

• Focus on Technical Contributions: When presenting case studies, clearly delineate your specific contributions as a Design Technologist – what you designed, how you technically specified it, and what code/prototypes you built.

• Show, Don't Just Tell: Leverage live prototypes or screen recordings to demonstrate interactive elements and component behaviors.

• Explain the "Why": For every design and technical decision, articulate the reasoning behind it, linking it back to user needs, business goals, or technical constraints.

• Prepare for Deep Dives: Be ready to answer detailed questions about your code, design decisions, and the tools you use.

📝 Enhancement Note: Interview preparation should focus on showcasing both design thinking and technical implementation skills. Candidates should be ready to discuss their portfolio projects in detail, highlighting their unique ability to bridge the gap between design and code.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided Oracle Cloud portal link.

• Customize your resume: Highlight experience in UX design, front-end development (HTML, CSS, JavaScript), design systems, component architecture, and the use of tools like Figma and AI coding assistants. Quantify achievements where possible.

• Prepare your portfolio: Ensure it prominently features projects demonstrating your technical design capabilities, including examples of UI component systems, design token implementation, and code-ready prototypes. Select 2-3 strong case studies that best align with the job description.

• Practice your presentation: Rehearse walking through your portfolio, clearly explaining your role, process, technical contributions, and the impact of your work. Be ready to articulate your problem-solving approach and technical rationale.

• Research JPMorgan Chase: Familiarize yourself with their digital products, especially in consumer banking and card services, and understand their stated values and mission.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.