Front End React UI Engineer, Vice President

📍 Job Overview

Job Title: Front End React UI Engineer, Vice President

Company: State Street

Location: Boston, Massachusetts, United States

Job Type: FULL_TIME

Category: Engineering / Technology

Date Posted: 2026-06-05

Experience Level: Mid-Senior Level (implied by VP title and 3+ years requirement, though typically VP is more senior, this may indicate a specific band within State Street's structure)

Remote Status: Hybrid (4 days in office required)

🚀 Role Summary

• Develop and maintain responsive, accessible, and high-performance front-end applications and reusable UI components within the State Street Design System (SSDS) platform.

• Drive the implementation of modern front-end architecture, utilizing React, TypeScript, and utility-first CSS frameworks to ensure consistency and scalability across enterprise-wide digital experiences.

• Collaborate closely with Product Managers, UX Designers, and fellow Engineers to translate complex business and user experience requirements into clean, maintainable, and feature-rich front-end solutions.

• Contribute to the evolution of design system capabilities, front-end standards, and engineering best practices, fostering a culture of continuous improvement and adoption across distributed teams.

📝 Enhancement Note: The title "Vice President" for a Front End React UI Engineer suggests a senior individual contributor role with significant influence or a lead position within the Global Experience Design team, rather than a traditional management role. The focus on a design system and reusable components indicates a strategic platform engineering function critical for enterprise-wide UI consistency and efficiency.

📈 Primary Responsibilities

• Architect, build, and maintain responsive, accessible, and performant front-end applications, reusable UI components, and core design system capabilities for the SSDS platform.

• Translate product roadmaps, UX designs, and critical business requirements into clean, maintainable, and reusable UI components and application features that adhere to design system principles.

• Collaborate effectively with product managers, UX designers, and fellow software engineers to deliver intuitive, workflow-driven user experiences in an iterative, product-led development model.

• Develop robust front-end integrations with internal APIs, shared services, and other platform capabilities, ensuring seamless data flow and functionality.

• Contribute to the enhancement and expansion of reusable design systems, establish and enforce front-end standards, and champion engineering best practices across development teams.

• Actively implement agent-assisted and AI-enabled user experiences, with a strong emphasis on clarity, trust, transparency, and overall usability.

• Write well-tested, secure, and maintainable code that strictly adheres to enterprise quality, compliance, and security expectations.

• Actively participate in code reviews, technical discussions, and contribute to the continuous improvement of front-end architecture, development processes, and tooling.

📝 Enhancement Note: The responsibilities highlight a blend of hands-on development, architectural contribution, and cross-functional collaboration, typical of senior engineering roles focused on platform development and reusable assets. The emphasis on AI-enabled experiences and enterprise compliance is crucial for a financial services institution like State Street.

🎓 Skills & Qualifications

Education:

• Bachelor's degree in Computer Science, Engineering, Human-Computer Interaction, or a related field, or equivalent practical experience. Experience:

• 3+ years of progressive experience in front-end engineering or full-stack development with a strong front-end specialization.

• Demonstrated expertise in building and deploying production-grade applications using React. Required Skills:

• Strong proficiency in JavaScript and TypeScript, with deep hands-on expertise in React and modern front-end application development paradigms.

• Proven experience developing reusable UI components, application shells, and scalable client-side architectures.

• Experience working with utility-first CSS frameworks such as Tailwind CSS or comparable advanced front-end styling systems.

• Solid understanding of front-end fundamentals including advanced state management techniques, performance optimization strategies, web accessibility (WCAG), and responsive design principles.

• Experience building accessible user interfaces and applying accessibility best practices and standards rigorously.

• Experience consuming REST APIs and effectively integrating with back-end services within complex distributed systems.

• Proficiency with modern front-end tooling and workflows, including build tools like Vite, testing frameworks like Vitest, and component documentation tools like Storybook.

• Ability to collaborate effectively across diverse engineering, product management, and UX design teams.

• Strong analytical and problem-solving skills, with a keen attention to detail in crafting polished, user-centered interfaces.

• Comfort and adaptability in a fast-moving enterprise environment with evolving priorities and complex business workflows. Preferred Skills:

• Experience working within a large, regulated enterprise environment, understanding compliance and security constraints.

• Familiarity with established design systems, component libraries, and accessibility standards such as WCAG.

• Familiarity with CSS variables, sophisticated theming systems, and scalable styling patterns specifically tailored for enterprise applications.

• Experience with data-rich applications, complex workflow platforms, or enterprise Software-as-a-Service (SaaS) products.

• Exposure to AI-enabled products, intelligent automation, or human-in-the-loop workflow applications.

📝 Enhancement Note: The requirement for 3+ years of experience coupled with a "Vice President" title suggests the role is positioned as a senior individual contributor or team lead within a specific engineering discipline, focusing on deep technical expertise rather than broad management. The emphasis on enterprise environments and regulated industries is a key differentiator.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate experience in building and maintaining reusable UI component libraries, showcasing architectural patterns and scalability.

• Provide examples of front-end applications or features developed using React, highlighting performance optimization techniques and state management strategies.

• Showcase contributions to or usage of design systems, including examples of token-driven UI development, theming, and component documentation (e.g., via Storybook).

• Include case studies or project examples that illustrate a strong understanding of web accessibility (WCAG compliance) and responsive design principles. Process Documentation:

• Candidates should be prepared to discuss their approach to front-end development workflows, including feature development, testing (unit, integration), and deployment processes.

• Examples of how you've documented front-end architecture, component usage guidelines, and best practices for a team or project are highly valued.

• Be ready to articulate methodologies for ensuring code quality, security, and maintainability within an enterprise context, potentially including CI/CD pipeline integration.

📝 Enhancement Note: For a senior engineering role focused on a design system, a portfolio demonstrating reusable components, design system contributions, and accessibility expertise is critical. Candidates should be ready to discuss their process for developing and maintaining these assets within an enterprise framework.

💵 Compensation & Benefits

Salary Range: $110,000 - $188,750 Annual

• This range is specified for the primary location (Boston, MA). Actual compensation may vary based on candidate qualifications, experience, and the candidate's work location if different from Boston. Benefits:

• Retirement Savings: 401(k) plan with company match.

• Comprehensive Insurance: Medical, dental, and vision insurance coverage.

• Life & Disability: Basic life insurance, long-term disability insurance, and short-term disability insurance.

• Paid Time Off: Generous paid-time off, including vacation, sick leave, and time for family care responsibilities.

• Employee Support: Access to a comprehensive Employee Assistance Program (EAP).

• Incentive Compensation: Eligibility for annual performance-based awards (note: excludes certain sales roles).

• Savings Plans: Eligibility for tax-advantaged savings plans.

• Additional Coverages: Availability of other optional additional coverages.

Working Hours:

• Standard full-time hours, with an expectation of 4 days per week in the office. Candidates should be comfortable working within established team working hours and supporting collaboration across business functions and time zones as needed.

📝 Enhancement Note: The salary range is competitive for a Vice President-level individual contributor role in a major tech hub like Boston, especially within the financial services industry. The benefits package is robust and standard for large, established corporations. The hybrid requirement with 4 days in-office is a significant detail for candidates.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services (Asset Management, Investment Banking, Financial Technology)

Company Size: Large Enterprise (State Street is a global financial services corporation with tens of thousands of employees).

Founded: 1792 (State Street has a long and established history).

Team Structure:

• The role is within the Global Experience Design team, which is part of the broader SSDS (State Street Digital Services) platform. This team likely comprises UX designers, UI engineers, product managers, and potentially researchers.

• The team operates within a larger engineering and technology organization at State Street, requiring collaboration with various product teams and platform engineering groups.

• Reporting structure likely involves a Director or Senior VP of Design Systems/Platform Engineering, with the individual contributor holding a VP title within their technical domain. Methodology:

• Emphasis on agile development methodologies, iterative product development, and a product-led approach.

• Strong focus on building and leveraging a shared design system for consistency, accessibility, and efficiency across enterprise applications.

• Commitment to modern front-end development practices, including component-based architecture, automated testing, and CI/CD pipelines.

• Adoption of user-centered design principles, with a growing interest in integrating AI and agent-assisted capabilities.

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

📝 Enhancement Note: State Street's status as a large, established financial institution means the culture will likely balance innovation with rigorous compliance, security, and stability. The Global Experience Design team operates as a central enablement function for product development.

📈 Career & Growth Analysis

Operations Career Level: Vice President (Senior Individual Contributor/Technical Lead)

• This level signifies deep technical expertise and a significant impact on platform strategy and implementation. The role is critical for enabling other engineering teams and ensuring a cohesive digital experience across State Street's vast product portfolio. Reporting Structure:

• Likely reports to a Director or Senior Vice President within the Global Experience Design or SSDS Platform organization.

• Works closely with Product Management, UX Design, and other Front-End Engineers within the design system team, as well as with engineering teams across various business units. Operations Impact:

• The design system directly impacts the speed, quality, and consistency of all enterprise digital experiences. By providing reusable components and established patterns, this role enables product teams to accelerate development cycles, reduce redundant efforts, and deliver more polished, accessible, and user-friendly applications.

• This role contributes to significant cost savings and efficiency gains by standardizing UI development and reducing technical debt across the organization. Growth Opportunities:

• Technical Specialization: Deepen expertise in advanced React patterns, state management, performance tuning, Web Accessibility, and emerging front-end technologies.

• Architectural Leadership: Lead the technical direction and evolution of the State Street Design System, influencing front-end architecture across the enterprise.

• Cross-Functional Influence: Become a key influencer in how product teams approach UI development, design systems, and user experience.

• Mentorship: Mentor junior engineers and contribute to establishing best practices and training programs for front-end development and design system adoption.

• Exposure to AI/ML: Gain hands-on experience integrating cutting-edge AI and ML capabilities into user interfaces within a large-scale, regulated environment.

📝 Enhancement Note: The "VP" title, even for an individual contributor, indicates a high level of responsibility and potential for significant career growth within State Street's technology organization, particularly in areas of platform engineering and architectural leadership.

🌐 Work Environment

Office Type: Hybrid work model, requiring a significant in-office presence.

Office Location(s): Boston, Massachusetts (primary) and Clifton, New Jersey. Candidates should be comfortable working from one of these locations.

Workspace Context:

• The environment is likely collaborative, with a strong emphasis on team interaction, code reviews, and knowledge sharing, especially given the 4-day in-office requirement.

• Access to modern development tools, cloud infrastructure, and enterprise-grade technology stacks is expected.

• Opportunities for close collaboration with designers, product managers, and other senior engineers on critical platform initiatives. Work Schedule:

• Standard full-time working hours, with the expectation of 4 days per week in the office. This hybrid model is designed to facilitate in-person collaboration while allowing some flexibility. Candidates must be prepared to adhere to established team working hours and support cross-functional collaboration across different time zones as required.

📝 Enhancement Note: The explicit requirement for 4 days in the office signifies a company preference for in-person collaboration, team cohesion, and mentorship, which is common in large, established organizations, especially in roles requiring significant cross-functional alignment.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review applications to assess qualifications and experience against the role requirements.

• Technical Interview(s): Expect one or more technical interviews focused on JavaScript, React, TypeScript, front-end architecture, state management, and problem-solving. These may involve live coding exercises or discussions about past projects.

• Design System/Component Deep Dive: A dedicated session to discuss your experience with design systems, reusable components, accessibility, and styling frameworks like Tailwind CSS. This may involve reviewing your portfolio or discussing specific challenges you've overcome.

• System Design/Architecture Discussion: A conversation focused on your ability to design scalable, maintainable front-end architectures, integrate with APIs, and consider enterprise-level concerns like security and performance.

• Behavioral/Cultural Fit Interview: Questions designed to assess your collaboration skills, problem-solving approach, adaptability, and alignment with State Street's values and the team's working style.

• Final Interview: Potentially with senior leadership to discuss strategic impact, leadership potential (as an individual contributor), and overall fit for the "Vice President" level role.

Portfolio Review Tips:

• Curate for Relevancy: Prioritize projects showcasing your React expertise, reusable component development, design system contributions, and accessibility implementation.

• Quantify Impact: For each project, clearly articulate the problem addressed, your role, the technologies used, and the quantifiable outcomes (e.g., improved performance, reduced development time, increased adoption rates, accessibility compliance achieved).

• Showcase Design System Work: If you have direct experience building or contributing to design systems, highlight this prominently. Include examples of component documentation (e.g., Storybook), token usage, and theming capabilities.

• Accessibility Spotlight: Dedicate a section or clearly label examples that demonstrate your commitment to and expertise in web accessibility (WCAG standards).

• Code Samples: Be prepared to share links to public repositories (GitHub) or provide sanitized code snippets that demonstrate your coding style, best practices, and proficiency in TypeScript and React.

Challenge Preparation:

• Be ready for coding challenges that test your proficiency in JavaScript/TypeScript, React hooks, state management (e.g., Context API, Redux/Zustand), and component design.

• Prepare to discuss how you would approach building a specific reusable component or integrating a new feature into an existing design system.

• Practice articulating your thought process for debugging complex front-end issues and optimizing application performance.

📝 Enhancement Note: Given the "VP" title and the focus on a design system, expect interviews to probe deeply into architectural thinking, best practices, and the ability to influence and enable other teams through technical leadership and well-crafted components.

🛠 Tools & Technology Stack

Primary Tools:

• Core Framework: React

• Languages: JavaScript, TypeScript

• Styling: Tailwind CSS (utility-first CSS framework), CSS Variables, potentially Styled Components or similar.

• Component Development & Documentation: Storybook

• Build Tools: Vite (or similar modern bundlers like Webpack)

• Testing: Vitest (or Jest), React Testing Library

Analytics & Reporting:

• While not explicitly mentioned for this role, expect integration with enterprise analytics platforms for tracking component/application usage and performance. Knowledge of tools for performance monitoring and debugging is essential. CRM & Automation:

• This role focuses on front-end platform development, so direct CRM/automation tool experience is less critical, but understanding how front-end applications integrate with backend services that might be managed by CRM/automation systems is beneficial.

📝 Enhancement Note: The technology stack is modern and focused on best practices for building scalable and maintainable front-end applications and design systems. Proficiency in these specific tools is a strong indicator of suitability for the role.

👥 Team Culture & Values

Operations Values:

• Collaboration: Strong emphasis on working together across disciplines (engineering, design, product) to achieve shared goals.

• Quality & Craftsmanship: Commitment to building robust, well-tested, and high-quality software, with a particular focus on UI polish and accessibility.

• Efficiency & Scalability: Driving initiatives that enable faster development cycles and consistent user experiences across the enterprise through reusable assets.

• Innovation & Continuous Improvement: Encouraging the adoption of modern technologies and methodologies to enhance development processes and product offerings.

• User-Centricity: Prioritizing the end-user experience in all development efforts, ensuring clarity, trust, and usability.

Collaboration Style:

• Highly collaborative, with a strong emphasis on cross-functional partnerships between design, product, and engineering.

• Expect frequent code reviews, design critiques, and shared problem-solving sessions.

• Knowledge sharing is encouraged through documentation, internal presentations, and team discussions.

• The hybrid work model supports both focused individual work and in-person team collaboration.

📝 Enhancement Note: As part of a large financial institution, the values will likely reflect a balance between innovation and stability, with a strong emphasis on reliability, security, and customer focus, alongside modern engineering principles.

⚡ Challenges & Growth Opportunities

Challenges:

• Enterprise Scale Adoption: Driving adoption of the design system and new components across numerous disparate product teams within a large, complex organization.

• Balancing Innovation with Legacy: Integrating modern front-end practices and technologies while maintaining compatibility with existing enterprise systems and potentially older codebases.

• Navigating Compliance: Ensuring all developed components and applications meet stringent financial industry regulations, security standards, and accessibility mandates (e.g., WCAG).

• Cross-Functional Alignment: Facilitating consensus and effective collaboration among diverse stakeholders with varying priorities and technical backgrounds.

• Rapidly Evolving Tech Landscape: Keeping the design system and associated technologies up-to-date with the fast pace of front-end development while ensuring stability.

Learning & Development Opportunities:

• Advanced React & Web Technologies: Opportunities to deepen expertise in cutting-edge React features, state management patterns, performance optimization, and emerging web standards.

• Design System Architecture: Gain in-depth experience in the architecture and governance of large-scale enterprise design systems.

• Accessibility Leadership: Become a subject matter expert in web accessibility, potentially leading accessibility initiatives.

• AI/ML Integration: Work on integrating AI-enabled features into user interfaces, providing exposure to next-generation product development.

• Mentorship & Technical Leadership: Develop leadership skills by mentoring junior engineers and influencing technical direction at an enterprise level.

📝 Enhancement Note: The challenges are typical for platform engineering roles in large enterprises, focusing on adoption, integration, and compliance. The growth opportunities are substantial, offering a path for deep technical mastery and influence.

💡 Interview Preparation

Strategy Questions:

• Design System Vision: "How would you approach building or scaling a design system for an enterprise like State Street? What are the key considerations for adoption and governance?"

  • Preparation: Focus on modularity, component cataloging, documentation (Storybook), tokenization, theming, accessibility, and a phased rollout strategy with clear communication channels.

• Component Development Best Practices: "Describe your process for creating a reusable, accessible, and performant React component. How do you ensure it’s maintainable and easy for other teams to use?"

  • Preparation: Emphasize a component-first approach, TypeScript for type safety, clear props and state management, thorough testing (unit, accessibility), and comprehensive documentation.

• Accessibility Implementation: "Walk me through how you ensure a web application is accessible. What specific tools, techniques, and standards do you employ?"

  • Preparation: Discuss semantic HTML, ARIA roles, keyboard navigation, color contrast, focus management, testing tools (e.g., Axe, Lighthouse), and adherence to WCAG guidelines.

• API Integration: "How do you handle data fetching and state management in a complex React application that integrates with multiple backend APIs?"

  • Preparation: Discuss patterns like hooks (useEffect, useReducer), libraries like React Query or SWR, context API for global state, and error handling strategies. Company & Culture Questions:

• State Street's Digital Transformation: "What are your thoughts on how large financial institutions are leveraging technology and design systems to improve customer experience?"

  • Preparation: Research State Street's recent tech initiatives, digital transformation efforts, and any public statements on innovation.

• Collaboration in Hybrid Environments: "How do you foster strong collaboration with designers and other engineers in a hybrid work model, especially when working on shared components?"

  • Preparation: Highlight proactive communication, asynchronous documentation, effective use of collaboration tools, and structured in-office collaboration time. Portfolio Presentation Strategy:

• Storytelling: For each project, tell a clear story: the problem, your solution, your role, the technologies used, and the impact.

• Focus on "Why": Explain why you made certain technical decisions, especially regarding architecture, component design, and accessibility.

• Demonstrate Technical Depth: Be ready to dive into code details, architectural patterns, and specific implementation challenges.

• Highlight Design System Contributions: If applicable, clearly articulate your role in creating, maintaining, or scaling design systems.

• Quantify Results: Use metrics whenever possible to demonstrate the business value and impact of your work.

📝 Enhancement Note: Interviews for this role will be rigorous, assessing not only technical skill but also architectural thinking, understanding of enterprise challenges, and the ability to lead technically within a large organization.

📌 Application Steps

To apply for this Front End React UI Engineer position at State Street:

• Submit your application through the State Street careers portal using the provided link.

• Tailor Your Resume: Update your resume to prominently feature your experience with React, TypeScript, JavaScript, Tailwind CSS, design systems, and web accessibility. Quantify your achievements with specific metrics where possible.

• Prepare Your Portfolio: Curate a portfolio that clearly showcases your best work related to reusable UI components, React applications, and any design system contributions. Ensure accessibility is a highlighted aspect.

• Research State Street: Familiarize yourself with State Street's business, its technology landscape, and its commitment to digital experience and design systems. Understand the challenges of working within a large, regulated financial institution.

• Practice Interview Questions: Review common interview questions for senior front-end roles, focusing on React, TypeScript, system design, and behavioral aspects. Prepare to discuss your portfolio in detail.

⚠️ Important Notice: This enhanced job description has been created by analyzing the provided data and augmenting it with industry-standard expectations for a Vice President-level Front End React UI Engineer role in the financial services sector. All details should be verified directly with the hiring organization.