Senior UX Developer

📍 Job Overview

Job Title: Senior UX Developer

Company: State Street

Location: Hangzhou, China

Job Type: FULL_TIME

Category: Front-End Development / UX Engineering

Date Posted: April 29, 2026

Experience Level: 5-10 Years

🚀 Role Summary

• Develop and maintain modern, scalable, and consistent investment management web applications using React and TypeScript.

• Translate UX standards, design systems, and business workflows into high-quality, production-ready front-end solutions.

• Collaborate closely with UX designers, platform teams, and product partners to ensure seamless integration of design intent with technical implementation.

• Explore and leverage AI-assisted development tools to enhance delivery speed, code quality, and overall development efficiency.

• Contribute to application modernization efforts, including refactoring and migrating legacy front-end code.

📝 Enhancement Note: This role is positioned as a Senior UX Developer, indicating a need for experienced professionals who can not only code but also contribute to architectural decisions and mentor junior team members. The emphasis on AI-assisted development suggests a forward-thinking team focused on innovation and efficiency in the front-end development lifecycle, particularly within the financial services sector.

📈 Primary Responsibilities

• Build and maintain modern web applications utilizing React and TypeScript, ensuring adherence to best practices and coding standards.

• Implement user interfaces that precisely align with established UX standards, robust design systems, and comprehensive component libraries.

• Actively partner with UX designers throughout the development lifecycle to translate design mockups and wireframes into high-quality, maintainable, and performant code.

• Develop and champion the creation of reusable components, design patterns, and templates to foster consistency and accelerate development across multiple applications.

• Drive application modernization initiatives by improving existing legacy front-end implementations or undertaking strategic migrations to newer frameworks and architectures.

• Seamlessly integrate front-end applications with backend services and APIs, ensuring efficient data flow and robust functionality.

• Proactively leverage AI-assisted development tools and workflows to optimize delivery speed, enhance code consistency, and elevate overall code quality.

• Contribute to the continuous improvement of front-end development processes, tools, and methodologies within the team.

📝 Enhancement Note: The responsibilities highlight a blend of core front-end development, strong collaboration with design, and a strategic focus on reusability and modernization. The explicit mention of AI-assisted development indicates a key area of focus for this role, requiring candidates to be adaptable and forward-thinking.

🎓 Skills & Qualifications

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

Experience: 5-10 years of professional experience in front-end development, with a significant focus on UX implementation and web application development.

Required Skills:

• Extensive experience with React, TypeScript, and modern JavaScript (ES6+).

• Deep understanding of component-based UI architecture and its application in building scalable applications.

• Proven experience working with established design systems, UI libraries, and the development of reusable components.

• Solid familiarity with web accessibility standards (e.g., WCAG) and responsive design principles.

• Demonstrated ability to collaborate effectively with UX designers, product managers, and backend engineers in a cross-functional setting.

• Proficiency in modern front-end build tools and development environments (e.g., Vite, Next.js, Webpack).

• Strong English communication skills, enabling effective collaboration within a global, cross-functional team.

Preferred Skills:

• Experience with state management libraries like Redux or Zustand.

• Familiarity with front-end testing frameworks (e.g., Jest, React Testing Library).

• Knowledge of CI/CD pipelines and deployment strategies for front-end applications.

• Experience with Storybook for component development and documentation.

• Understanding of API design principles and experience integrating with RESTful or GraphQL APIs.

• Prior exposure to financial services or investment management platforms.

📝 Enhancement Note: The experience level of 5-10 years suggests that the company is looking for individuals who can lead by example, contribute to technical strategy, and potentially mentor more junior developers. The emphasis on both strong technical skills and collaborative abilities is critical for success in this role.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase of at least 2-3 complex front-end projects built with React and TypeScript, demonstrating robust UI architecture and component reusability.

• Examples of user interfaces that have been meticulously crafted to align with specific design systems or style guides.

• Demonstrations of responsive design implementation across various devices and screen sizes.

• Clear articulation of how accessibility standards were integrated into the development process.

Process Documentation:

• Provide examples of how design specifications were translated into functional code, highlighting collaboration with UX designers.

• Illustrate the process of integrating front-end applications with backend APIs, including error handling and data management strategies.

• Detail any contributions to improving front-end development workflows, tooling, or CI/CD processes.

• Showcase how AI-assisted development tools were used to achieve specific project outcomes, detailing efficiency gains or quality improvements.

📝 Enhancement Note: For a Senior UX Developer role, a portfolio is crucial. It should not just display finished products but also the thought process behind them, especially concerning design system adherence, component reusability, and the integration of AI tools. The ability to explain the "how" and "why" behind technical decisions is paramount.

💵 Compensation & Benefits

Salary Range: Given the location in Hangzhou, China, and the Senior UX Developer title with 5-10 years of experience, a competitive annual salary range is estimated to be between ¥350,000 - ¥600,000 CNY. This range is based on industry benchmarks for senior software engineering roles in major Chinese tech hubs, considering the specific skills required and the company's standing in the financial services sector.

Benefits:

• Inclusive development opportunities to foster continuous learning and skill enhancement.

• Flexible work-life support mechanisms designed to promote well-being and productivity.

• Paid volunteer days, encouraging community engagement and corporate social responsibility.

• Access to vibrant employee networks that promote connection, collaboration, and professional development.

• Health insurance and retirement savings plans (specifics to be confirmed).

• Opportunities for professional training and certifications in cutting-edge technologies.

Working Hours: Standard full-time working hours are typically 40 hours per week. While the role is on-site, there may be flexibility offered based on team needs and project deadlines, with potential for some remote work arrangements if business requirements permit.

📝 Enhancement Note: The salary estimate is based on publicly available data for senior software engineering roles in Hangzhou, China, from reputable job boards and salary aggregators. It accounts for the demanding skill set (React, TypeScript, AI-assisted development) and the financial industry context. Benefits are tailored to common offerings for senior roles in multinational corporations.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services, specifically focused on institutional investment management. State Street is a global leader in providing financial services to institutional investors, offering a wide range of services including investment servicing, investment management, and investment research and trading. This context implies a need for robust, secure, and high-performance applications.

Company Size: State Street is a large, global financial institution with tens of thousands of employees worldwide. This scale suggests a structured environment with established processes, but also opportunities for significant impact within specialized teams.

Founded: State Street was founded in 1792, making it one of the oldest financial institutions in the United States. Its long history signifies stability, deep industry knowledge, and a commitment to long-term client relationships.

Team Structure:

• The UX team likely operates within a larger technology or product development division, consisting of UX designers, UX researchers, and front-end developers like this role.

• Reporting structure will place the Senior UX Developer under a lead or manager responsible for front-end development or UX engineering.

Methodology:

• Data-driven decision-making is paramount in finance; therefore, operations will likely emphasize metrics, A/B testing, and user feedback analysis to drive improvements.

• Workflow planning and optimization will focus on efficiency, scalability, and adherence to strict regulatory and security standards.

• Automation and efficiency practices will be key, especially with the explicit mention of AI-assisted development tools.

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

📝 Enhancement Note: The financial services industry demands a high level of precision, security, and reliability. The company's scale and history suggest a culture that values experience, process, and stability, while the mention of AI points to an openness to innovation.

📈 Career & Growth Analysis

Operations Career Level: This is a Senior-level individual contributor role. A Senior UX Developer is expected to possess deep technical expertise in front-end technologies, a strong understanding of UX principles, and the ability to work independently on complex tasks. They are also expected to contribute to team best practices, mentor junior developers, and influence technical direction within their domain.

Reporting Structure: The Senior UX Developer will likely report to a Front-End Development Manager, a UX Engineering Lead, or a Director of Engineering. They will work collaboratively with a dedicated UX design team and product managers.

Operations Impact: The role directly impacts the user experience and efficiency of investment management applications. High-quality front-end development leads to better client engagement, improved operational efficiency for users, and reinforces State Street's reputation for technological sophistication and reliability in the competitive financial sector. Successful implementation of AI-assisted development can significantly accelerate product delivery timelines and reduce development costs.

Growth Opportunities:

• Technical Specialization: Deepen expertise in specific front-end frameworks, state management, performance optimization, or explore specialized areas like web accessibility or front-end security.

• Leadership Development: Transition into a Tech Lead or Architect role, guiding technical strategy, mentoring junior developers, and overseeing complex projects.

• Cross-Functional Exposure: Gain broader experience by working on different product lines or collaborating with other technology teams within State Street.

• AI & Innovation Focus: Become a subject matter expert in AI-assisted development, championing its adoption and exploring new tools and methodologies.

📝 Enhancement Note: Senior roles typically offer significant growth paths, either through deepening technical expertise or moving into leadership and architectural positions. The explicit mention of AI development also presents a unique opportunity for career advancement in a rapidly evolving field.

🌐 Work Environment

Office Type: This is an on-site role, indicating a traditional office-based work environment. State Street's global presence suggests modern office facilities designed to support collaboration and productivity.

Office Location(s): Hangzhou, China. This location is a significant technology and economic hub in China, offering a dynamic work environment.

Workspace Context:

• The workspace is expected to be collaborative, with open-plan areas or dedicated team spaces facilitating interaction with designers, product managers, and fellow developers.

• Access to modern development tools, high-performance workstations, and reliable network infrastructure is standard for such roles.

• Opportunities for informal and formal knowledge sharing sessions, tech talks, and team meetings are common in large tech organizations.

Work Schedule: Standard full-time hours (expected 40 hours/week) apply. While on-site, the company offers flexible work-life support, which may include some flexibility in daily start/end times, depending on team agreements and project demands.

📝 Enhancement Note: The on-site requirement emphasizes the value State Street places on in-person collaboration, team cohesion, and direct mentorship, particularly for a senior role involving complex technical and design integrations.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A brief call with HR or a recruiter to assess basic qualifications, interest, and cultural fit.

• Technical Interview(s): One or more interviews focused on coding challenges, JavaScript/React/TypeScript knowledge, UI architecture, and problem-solving skills. Expect live coding sessions or take-home assignments.

• Design System / UX Focus Interview: Discussion specifically around your experience with design systems, translating designs to code, and collaborating with UX designers. You may be asked to walk through a portfolio piece.

• Behavioral / Senior-Level Interview: Questions assessing leadership potential, teamwork, conflict resolution, and how you handle complex technical challenges and ambiguity.

• Hiring Manager / Team Lead Interview: A final discussion to gauge overall fit, alignment with team goals, and answer any remaining questions.

Portfolio Review Tips:

• Curate Selectively: Choose 3-4 of your strongest projects that best showcase your React, TypeScript, and design system implementation skills.

• Highlight Senior Contributions: For each project, clearly articulate your specific role, key contributions, and technical decisions made. Emphasize areas where you led or significantly influenced the outcome.

• Showcase AI Integration: If applicable, detail how you incorporated AI-assisted development tools. Explain the tools used, the problems solved, and the quantifiable benefits (e.g., time saved, improved code quality).

• Demonstrate Process: Explain your process for translating designs into code, your approach to building reusable components, and how you ensured accessibility and responsiveness.

• Prepare for Q&A: Be ready to answer in-depth questions about your code, architectural choices, and problem-solving approaches.

Challenge Preparation:

• Coding Challenges: Practice common algorithms and data structure problems, focusing on clean, efficient, and well-documented JavaScript/TypeScript code.

• React/TypeScript Scenarios: Prepare for questions involving component lifecycle, state management, hooks, context API, and TypeScript type definitions.

• Design System Scenarios: Be ready to discuss how you would implement a given design system, create a new component, or refactor existing UI code to adhere to a design system.

• AI Tooling: Familiarize yourself with current AI-assisted coding tools (e.g., GitHub Copilot, Tabnine) and be prepared to discuss their potential impact and your experience using them.

📝 Enhancement Note: The interview process for a senior role often involves multiple stages to thoroughly assess technical depth, problem-solving abilities, and leadership potential. A strong portfolio that clearly demonstrates experience with modern front-end technologies and AI integration is critical.

🛠 Tools & Technology Stack

Primary Tools:

• React: The core JavaScript library for building user interfaces. Proficiency in functional components, hooks, and the context API is essential.

• TypeScript: For static typing, improving code quality and maintainability. Experience with advanced types is a plus.

• Modern JavaScript (ES6+): Deep understanding of modern JavaScript features.

• HTML5 & CSS3: Solid foundation for web development.

Analytics & Reporting:

• Storybook: For developing, documenting, and testing UI components in isolation.

• Performance Monitoring Tools: (e.g., Lighthouse, WebPageTest) for analyzing and improving application performance.

• Browser Developer Tools: Essential for debugging, profiling, and inspecting applications.

CRM & Automation:

• Vite / Next.js: Modern front-end build tools and frameworks for efficient development and server-side rendering.

• API Integration: Experience with RESTful APIs and potentially GraphQL for data fetching.

• AI-Assisted Development Tools: Such as GitHub Copilot, Tabnine, or similar, for code generation, autocompletion, and code review assistance.

• Version Control: Git is a standard requirement for code management and collaboration.

📝 Enhancement Note: The technology stack emphasizes modern front-end development practices. Proficiency in React and TypeScript is non-negotiable, and familiarity with associated tools like Vite, Next.js, and Storybook is highly valued. The explicit mention of AI-assisted development tools indicates a cutting-edge approach to software engineering.

👥 Team Culture & Values

Operations Values:

• Quality & Craftsmanship: A commitment to building high-quality, robust, and maintainable code, with a strong emphasis on user experience and technical excellence.

• Collaboration & Teamwork: Fostering an environment where open communication, knowledge sharing, and mutual support are encouraged across design, product, and engineering teams.

• Innovation & Continuous Improvement: Embracing new technologies and methodologies, such as AI-assisted development, to drive efficiency and enhance delivery.

• User-Centricity: Placing the end-user at the heart of all development decisions, ensuring applications are intuitive, accessible, and meet user needs effectively.

• Accountability & Ownership: Taking responsibility for code quality, project delivery, and proactively addressing challenges.

Collaboration Style:

• Cross-Functional Integration: Working seamlessly with UX designers to translate visual concepts into functional code, and with product managers to understand business requirements and user stories.

• Agile Methodologies: Likely operating within an Agile framework (e.g., Scrum, Kanban) with regular stand-ups, sprint planning, and retrospectives to facilitate iterative development and feedback.

• Knowledge Sharing: Encouraging a culture of sharing best practices, code reviews, and learnings from new technologies or challenges, particularly concerning AI tools.

📝 Enhancement Note: The culture at State Street, as suggested by their global presence and industry, likely emphasizes professionalism, integrity, and a strong work ethic. The specific team's focus on UX and AI points to a more dynamic and forward-thinking sub-culture within the broader organization.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Innovation with Stability: Integrating cutting-edge tools like AI-assisted development while ensuring the stability, security, and compliance required in the financial services industry.

• Translating Complex Designs: Effectively translating intricate UX designs and design system specifications into functional, high-performance code, especially for complex financial workflows.

• Global Collaboration: Navigating communication and workflow challenges inherent in working with globally distributed teams across different time zones and cultures.

• Keeping Pace with Technology: Continuously learning and adapting to the rapid evolution of front-end technologies and AI tools to maintain expertise.

Learning & Development Opportunities:

• AI-Assisted Development Mastery: Opportunities to become a go-to expert on AI coding tools, potentially leading workshops or defining best practices for their use within the team.

• Advanced Front-End Techniques: Deep dives into performance optimization, advanced React patterns, and modern JavaScript features, supported by company training resources.

• Financial Domain Expertise: Gaining in-depth knowledge of investment management processes, which can open doors to specialized roles within the sector.

• Mentorship Programs: Opportunities to mentor junior developers, honing leadership and communication skills, and to be mentored by senior architects or leads.

📝 Enhancement Note: The challenges presented are typical for senior roles in large, innovative companies within regulated industries. The growth opportunities highlight paths for both technical and leadership advancement, with a strong emphasis on emerging technologies like AI.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI component you developed and the process you followed from design to implementation, including any challenges and how you overcame them." (Focus on React, TypeScript, design system adherence, and problem-solving.)

• "How do you approach translating a Figma/Sketch design into reusable React components? What are the key considerations for maintainability and scalability?" (Assesses understanding of design-to-code workflow and component architecture.)

• "Walk me through your experience with AI-assisted development tools. How have you used them, what benefits did you see, and what are potential risks or limitations?" (Directly addresses a key requirement of the role.)

Company & Culture Questions:

• "What interests you about working at State Street, and specifically in the financial services industry?" (Research State Street's mission, values, and recent news.)

• "How do you stay updated with the latest front-end trends and AI technologies?" (Showcases your commitment to continuous learning.)

• "Describe a time you had to collaborate with a designer who had a significantly different vision than yours. How did you reach a resolution?" (Assesses collaboration and communication skills.)

Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, start with the business problem or user need, then your role and approach, highlight key technical challenges and solutions (especially AI integration), and conclude with the outcome and impact.

• Quantify Achievements: Whenever possible, use metrics to demonstrate the success of your work (e.g., "Reduced load time by 30%", "Increased component reusability by 50%", "Saved X hours of development time using AI tools").

• Code Snippets: Prepare to share concise, relevant code snippets that illustrate your best practices in React, TypeScript, or component design.

• Focus on Impact: Clearly articulate how your contributions benefited the end-users, the development team, or the business.

📝 Enhancement Note: Preparation should focus on demonstrating not only technical proficiency but also a strategic mindset, strong collaborative abilities, and a proactive approach to innovation, particularly with AI tools.

📌 Application Steps

To apply for this Senior UX Developer position:

• Submit your application through the State Street careers portal via the provided URL.

• Tailor your Resume: Ensure your resume highlights your experience with React, TypeScript, modern JavaScript, design systems, component-based architecture, and any experience with AI-assisted development tools. Quantify your achievements wherever possible.

• Prepare Your Portfolio: Curate 3-4 strong projects that showcase your skills. Be ready to discuss your role, technical decisions, the design-to-code process, and any AI tool utilization. Ensure it's easily accessible (e.g., a personal website, GitHub repository, or presentation deck).

• Research State Street: Understand the company's mission, values, and its role in the financial services industry. Familiarize yourself with their technology initiatives if possible.

• Practice Interview Questions: Prepare for technical, behavioral, and scenario-based questions, especially those related to UX collaboration and AI development. Rehearse your portfolio presentation.

⚠️ 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.