UX Creative Technologist, Senior Associate
π Job Overview
Job Title: UX Creative Technologist, Senior Associate
Company: JPMorgan Chase & Co.
Location: Chicago, IL, United States
Job Type: Full time
Category: UX/Creative Technology & Engineering
Date Posted: 2026-04-14T21:37:48
Experience Level: Mid-Senior Level (3-5 years inferred)
Remote Status: On-site
π Role Summary
-
This role acts as a critical bridge between UX design and engineering, translating high-level experience concepts into production-ready user interfaces for the Commercial & Investment Bank (CIB) Payments team.
-
Focuses on defining and building complex UI components, ensuring a deep understanding of component references, props, states, variants, and technical constraints for scalable implementation.
-
Requires the ability to articulate and implement interaction logic beyond static designs, handling data changes, error states, edge cases, and complex user interactions.
-
Leverages AI-assisted development tooling to create live-code prototypes that serve as a definitive source of truth for engineering teams, particularly for real-time data handling and UI state transitions.
-
Involves a quality assurance function, reviewing production builds to ensure alignment with intended UI architecture and interaction design, acting as a gatekeeper for functional craft and usability fidelity.
π Enhancement Note: The "Senior Associate" title, coupled with the 3+ years of experience requirement and the expectation to mentor, suggests a mid-to-senior level role within the UX/Creative Technology discipline, not typically considered a Revenue Operations, Sales Operations, or GTM role. The focus is on the technical implementation of UX designs rather than business process optimization or sales strategy.
π Primary Responsibilities
-
Develop and refine sophisticated UI components, ensuring precise definition of component references, props, states, variants, and technical limitations to support scalable and maintainable design systems.
-
Translate intricate design specifications into functional code-based prototypes using AI-assisted tools, focusing on real-time data handling, dynamic UI state changes, and complex interaction patterns.
-
Collaborate closely with engineering teams to ensure the implementability and consistency of interaction logic, defining behaviors for data updates, error scenarios, and edge cases.
-
Conduct thorough reviews of production builds to validate adherence to the defined UI architecture, interaction design principles, and overall user experience intent.
-
Act as a quality gate for the functional execution of the product experience, ensuring behavior, responsiveness, component accuracy, and usability fidelity meet high standards.
-
Define and document design tokens (e.g., using JSON, CSS variables) and component architecture to ensure cross-platform consistency and facilitate efficient development workflows.
-
Deconstruct complex financial workflows, such as payment ledger experiences, into reusable UI patterns and logical component systems.
π Enhancement Note: These responsibilities highlight a hands-on technical role focused on the execution and quality assurance of UI development, bridging design and engineering. While process-oriented in terms of component systems and design tokens, it's distinct from traditional operations roles focused on business processes, sales enablement, or revenue forecasting.
π Skills & Qualifications
Education: While specific degree requirements are not listed, a strong portfolio and demonstrated experience in a hybrid design/engineering capacity will likely substitute for formal education in Computer Science, Design, or a related field.
Experience:
- Minimum of 3 years of experience in a hybrid design and engineering role, showcasing comfort and proficiency across both design tools and code editors.
Required Skills:
-
Expert understanding of UI component references, including nesting, composition, inheritance, and scalability across different platforms.
-
Proficiency in implementing or managing design tokens using formats like JSON, CSS variables, and tools such as Style Dictionary for cross-platform consistency.
-
Strong command of HTML5, CSS/SCSS (including Flexbox and Grid layouts), and JavaScript for building the UI "view" layer.
-
Proven ability to decompose complex workflows into repeatable UI patterns and logical component systems.
-
Experience using AI-assisted development tooling (e.g., VS Studio with Claude Code) for live-code prototyping.
Preferred Skills:
-
Experience with Git/GitHub for version control and collaborative development.
-
Mentorship experience, with a focus on developing systemic UI thinking (patterns, architecture, scalable interaction logic) in others.
-
Familiarity with complex financial transaction interfaces or enterprise-level payment systems.
π Enhancement Note: The emphasis on coding proficiency (HTML, CSS, JavaScript) and specific UI component architecture skills, alongside design token management and AI tooling, clearly positions this role within a specialized area of front-end development and UX engineering, rather than a broader operations function.
π Process & Systems Portfolio Requirements
Portfolio Essentials:
-
Demonstrate a strong portfolio showcasing complex UI component development, illustrating the ability to define and document props, states, and variants.
-
Present case studies that highlight the translation of high-level experience concepts into production-ready UI logic and component architecture.
-
Include examples of work involving design tokens, showcasing implementation and management for cross-platform consistency.
-
Provide evidence of building live-code prototypes using modern web technologies and potentially AI-assisted tools.
Process Documentation:
-
Candidates should be prepared to discuss their process for decomposing complex workflows into repeatable UI patterns and scalable component systems.
-
Demonstrate an understanding of how to define and document interaction logic beyond visual design, including handling various data states and error conditions.
-
Be ready to explain how they ensure quality and consistency from concept through implementation, acting as a quality gate for functional craft.
π Enhancement Note: While this role involves process and systems, it's centered around the design and development lifecycle of user interfaces and components, not business operations, sales processes, or revenue metrics. The portfolio should reflect technical UI development skills.
π΅ Compensation & Benefits
Salary Range: Based on industry benchmarks for a Senior Associate UX Creative Technologist in Chicago, IL, with 3-5 years of experience in a major financial institution, the estimated salary range is:
-
Base Salary: $104,500 - $150,000 USD per year.
-
Total Compensation: May include incentive compensation (cash) and/or equity, depending on eligibility and performance.
Benefits:
-
Comprehensive health care coverage.
-
On-site health and wellness centers.
-
Retirement savings plan.
-
Backup childcare services.
-
Tuition reimbursement programs.
-
Mental health support resources.
-
Financial coaching services.
Working Hours:
- Standard full-time hours are assumed to be approximately 40 hours per week, typical for a Senior Associate role in a corporate environment.
π Enhancement Note: The salary range and benefits are estimated based on the provided "ai_salary_minvalue", "ai_salary_maxvalue", and "ai_benefits" fields, combined with general knowledge of compensation for similar roles in Chicago and the financial services industry. The "ai_working_hours" of 40 per week is also incorporated. This is not a revenue or sales operations role, so compensation benchmarks would differ significantly.
π― Team & Company Context
π’ Company Culture
Industry: Financial Services (Commercial & Investment Banking, Payments)
Company Size: Large Enterprise (JPMorgan Chase & Co. is a global financial services firm with tens of thousands of employees worldwide).
Founded: Over 200 years ago, with a history as one of the oldest financial institutions.
Team Structure:
-
This role is within the Commercial & Investment Bank (CIB) Payments team, likely part of a larger UX or Digital Product Development group.
-
The team structure probably involves close collaboration between UX designers, UX Creative Technologists, product managers, and engineering teams.
Methodology:
-
Emphasis on a hybrid design-engineering approach, blending creative conceptualization with technical implementation.
-
Utilizes design systems, component architecture, and potentially AI-assisted tools for efficient and consistent product development.
-
Strong focus on quality assurance through production build reviews and adherence to interaction design principles.
-
A data-driven approach is implied through the need to handle real-time data and complex scenarios.
Company Website: https://www.jpmorganchase.com/
π Enhancement Note: JPMorgan Chase is a global leader in financial services. The culture is likely to be structured, process-oriented, and focused on innovation within a highly regulated environment. For a UX Creative Technologist, this means working on enterprise-level solutions with a strong emphasis on reliability, security, and user experience for sophisticated financial products.
π Career & Growth Analysis
Operations Career Level: Senior Associate, UX Creative Technologist. This position is a specialized technical role within the UX/Product Development domain, focusing on the intersection of design and front-end development. It is not a traditional operations management or strategic GTM role.
Reporting Structure: The role likely reports to a UX Design Manager, Lead UX Creative Technologist, or a Digital Product Development Lead within the CIB Payments organization. Collaboration will be extensive with engineering leads and product managers.
Operations Impact: The impact is primarily on the quality, consistency, and implementability of user interfaces for enterprise payments solutions. By bridging design and code, this role enhances the efficiency of the development process and the fidelity of the final user experience, contributing indirectly to client satisfaction and operational efficiency within the CIB Payments division.
Growth Opportunities:
-
Specialization: Deepen expertise in advanced UI component architecture, design systems, and emerging front-end technologies, potentially leading to a Lead UX Creative Technologist or Principal level.
-
Leadership: Develop mentorship skills and potentially lead small teams or initiatives focused on UI implementation best practices.
-
Cross-functional Exposure: Gain deeper understanding of the financial services domain, particularly payments, which could open doors to product management or specialized technical roles within the financial industry.
-
Skill Enhancement: Opportunities to master AI-assisted development tools and advanced prototyping techniques.
π Enhancement Note: This analysis frames the role within UX and product development, not operations. Growth opportunities are geared towards technical specialization and leadership within that domain.
π Work Environment
Office Type: The role is explicitly listed as On-site, indicating a traditional corporate office environment.
Office Location(s): 10 S Dearborn St, Chicago, IL 60603. This is a major corporate office location in downtown Chicago.
Workspace Context:
-
Expect a collaborative office setting within a large financial institution, conducive to team syncs and cross-functional discussions.
-
Access to standard corporate IT infrastructure, security protocols, and a range of development and design tools will be provided.
-
Opportunities for direct interaction with UX designers, engineers, product managers, and other stakeholders involved in the CIB Payments product lifecycle.
Work Schedule: Standard corporate working hours are expected, likely Monday to Friday, with a 40-hour work week. Flexibility may exist, but the on-site nature suggests adherence to a typical business day schedule.
π Enhancement Note: The on-site requirement in a major financial hub like Chicago suggests a structured corporate environment where in-person collaboration is valued.
π Application & Portfolio Review Process
Interview Process:
-
Initial Screening: HR or Recruiter call to assess basic qualifications, experience alignment, and cultural fit.
-
Technical Interview(s): Likely involve deep dives into HTML, CSS, JavaScript, UI component architecture, and design token implementation. Expect coding challenges or live coding exercises.
-
Portfolio Review Session: A dedicated session to walk through your portfolio, discussing specific projects, your role, technical challenges, and problem-solving approaches. This is critical for demonstrating your hybrid design/engineering capabilities.
-
Behavioral/Situational Interviews: Questions assessing problem-solving, collaboration, mentorship, and how you handle edge cases or complex requirements.
-
Final Round: Potentially with senior leadership or hiring manager to discuss strategic alignment and long-term fit.
Portfolio Review Tips:
-
Curate Select Projects: Focus on 2-4 projects that best showcase your hybrid design/engineering skills, particularly those involving complex UI components, design systems, or interaction logic.
-
Structure Your Case Studies: For each project, clearly outline the problem, your role, the process you followed (design to code), the technical solutions you implemented (e.g., component structure, styling, interaction logic), and the outcome/impact.
-
Demonstrate Code Proficiency: Be ready to show code snippets or discuss implementation details. If possible, have live prototypes or well-documented repositories.
-
Highlight Design Token Usage: Clearly explain how youβve used or managed design tokens and the benefits achieved.
-
Showcase Interaction Logic: Detail how you translated static designs into dynamic, interactive experiences, explaining how you handled states, data, and edge cases.
-
Quantify Impact: Where possible, quantify the impact of your work (e.g., improved developer efficiency, consistent UI across platforms, better user flow).
Challenge Preparation:
-
Coding Challenges: Practice building responsive UI components with HTML, CSS, and JavaScript. Focus on clean, semantic HTML, efficient CSS (Flexbox, Grid), and functional JavaScript.
-
System Design Questions: Be prepared to discuss how you would architect a reusable UI component system or manage design tokens for a large application.
-
Problem-Solving Scenarios: Think about how you would approach translating a complex business requirement (e.g., a payment reconciliation workflow) into a user interface.
π Enhancement Note: This section provides actionable advice tailored to a UX Creative Technologist role, emphasizing the unique blend of design and technical skills required.
π Tools & Technology Stack
Primary Tools:
-
Code Editors: VS Studio (specifically mentioned with Claude Code integration), potentially others like Sublime Text or Atom.
-
Version Control: Git, GitHub for managing code contributions and collaborative workflows.
-
Design Tools: While not explicitly named, familiarity with tools like Figma, Sketch, or Adobe XD is implied for translating designs.
-
Prototyping Tools: Experience with building live-code prototypes.
Analytics & Reporting:
CRM & Automation:
Key Technologies:
-
Core Web Technologies: HTML5, CSS/SCSS (Flexbox, Grid), JavaScript.
-
Design Systems: Experience with component references, nesting, composition, inheritance, and scalability.
-
Design Tokens: JSON, CSS variables, Style Dictionary or similar tooling.
-
AI-Assisted Development: VS Studio with Claude Code.
π Enhancement Note: This section highlights the critical technical tools and languages for a UX Creative Technologist, emphasizing the blend of design system principles and front-end development expertise.
π₯ Team Culture & Values
Operations Values:
-
Craftsmanship & Quality: A strong emphasis on the technical execution and functional integrity of user interfaces, ensuring a high-fidelity experience from concept to production.
-
Collaboration & Partnership: Working seamlessly between design and engineering teams, acting as a translator and quality gatekeeper.
-
Systemic Thinking: Developing and promoting reusable UI patterns and component architectures that scale across the enterprise.
-
Innovation: Leveraging emerging technologies like AI-assisted development to enhance efficiency and prototyping capabilities.
-
User-Centricity: Ensuring that technical implementations accurately reflect and preserve the intended user experience.
Collaboration Style:
-
Highly collaborative, requiring close partnership with UX designers, product managers, and front-end/back-end engineers.
-
Proactive communication to clarify design intent, discuss technical constraints, and provide feedback on production builds.
-
A culture of shared ownership for the quality and functionality of the user experience.
π Enhancement Note: The values are inferred from the role's description and typical expectations within a forward-thinking design and engineering department at a large financial institution.
β‘ Challenges & Growth Opportunities
Challenges:
-
Bridging Design and Development Gaps: Effectively translating nuanced design concepts into robust, production-ready code while maintaining fidelity.
-
Scalability of UI Components: Ensuring that component architecture and implementation strategies can scale across a large enterprise with diverse needs.
-
Keeping Pace with Technology: Staying current with evolving front-end technologies, AI tools, and design system best practices.
-
Navigating Enterprise Processes: Working within the structured environment of a large financial institution, adhering to established workflows and compliance requirements.
-
Mentoring and Knowledge Transfer: Effectively guiding and teaching others about systemic UI thinking and technical implementation best practices.
Learning & Development Opportunities:
-
Advanced Technical Skills: Deepening expertise in JavaScript frameworks, state management, and performance optimization.
-
Design System Mastery: Becoming a leader in the development and maintenance of enterprise-level design systems.
-
AI Tooling Exploration: Gaining proficiency in new AI-assisted development tools and their application to UI creation.
-
Financial Domain Expertise: Expanding knowledge of the payments industry and its unique UX challenges.
-
Leadership and Mentorship: Developing skills in leading technical initiatives and mentoring junior team members.
π Enhancement Note: These challenges and growth opportunities are tailored to the specific technical and collaborative demands of a UX Creative Technologist role within a large enterprise.
π‘ Interview Preparation
Strategy Questions:
-
Design System Architecture: "Describe how you would approach building a scalable UI component library for a large enterprise financial application. What are the key considerations for component references, props, and states?"
-
Interaction Logic Translation: "Walk me through a complex interaction you designed and implemented. How did you ensure it handled various data states, error conditions, and user inputs correctly?"
-
AI Tooling Application: "How have you used AI-assisted development tools in your workflow? Provide an example where it significantly improved your efficiency or the quality of your output."
-
Production Review Process: "Describe your process for reviewing production builds. What specific criteria do you look for to ensure alignment with design intent and interaction specifications?"
-
Mentorship Approach: "If you were mentoring a junior designer or developer, how would you help them develop a more systemic approach to UI design and implementation?"
Company & Culture Questions:
-
"What interests you about JPMorgan Chase and specifically the CIB Payments team?"
-
"How do you see your hybrid design/engineering skills contributing to our team's goals?"
Portfolio Presentation Strategy:
-
Tell a Story: For each project, frame it as a narrative: the challenge, your unique approach, the technical solutions, and the impactful outcome.
-
Focus on "Why" and "How": Explain your design decisions and technical implementation choices. Don't just show what you built, but why you built it that way and how you did it.
-
Showcase Code Snippets: Be prepared to share relevant code examples that demonstrate your proficiency in HTML, CSS, and JavaScript, and your understanding of component architecture.
-
Highlight Design Token Implementation: Clearly articulate how youβve used design tokens and the benefits they brought to consistency and maintainability.
-
Address Edge Cases: Demonstrate your ability to think through and implement solutions for complex scenarios, error states, and data variations.
π Enhancement Note: These interview questions and preparation tips are specific to the technical and collaborative requirements of a UX Creative Technologist role, emphasizing practical application and problem-solving.
π Application Steps
To apply for this UX Creative Technologist position:
-
Submit your application through the provided Oracle Cloud portal link.
-
Portfolio Customization: Tailor your resume and portfolio to highlight your 3+ years of experience in hybrid design/engineering, focusing on UI component architecture, design tokens, HTML/CSS/JavaScript proficiency, and any experience with AI-assisted development tools.
-
Resume Optimization: Ensure your resume clearly lists relevant technologies (HTML5, CSS, SCSS, JavaScript, Git, JSON, Style Dictionary) and keywords such as "UI Component Architecture," "Design Tokens," "Prototyping," and "Interaction Design." Quantify achievements where possible.
-
Interview Preparation: Practice articulating your design and development process, especially for complex UI challenges and component systems. Prepare specific examples for your portfolio walkthrough, focusing on the "how" and "why" of your technical solutions.
-
Company Research: Familiarize yourself with JPMorgan Chase's CIB division and its focus on payments. Understand the company's emphasis on innovation within a regulated financial environment.
β οΈ Important Notice: This enhanced job description includes AI-generated insights and industry-standard assumptions. While tailored for a UX Creative Technologist role, it is crucial to verify all details directly with JPMorgan Chase & Co. during the application and interview process. This role is not within Revenue Operations, Sales Operations, or GTM functions.
Application Requirements
Candidates must have at least 3 years of experience in a hybrid design and engineering role with strong proficiency in HTML, CSS, and JavaScript. Expertise in UI component architecture and experience managing design tokens are essential for this position.