Senior UX Developer

📍 Job Overview

Job Title: Senior UX Developer

Company: State Street

Location: Hangzhou, China

Job Type: Full-Time

Category: Technology / Front-End Development / UX Engineering

Date Posted: April 29, 2026

Experience Level: 5-10 Years

Remote Status: On-site

🚀 Role Summary

• Develop and maintain modern, scalable investment management web applications using React and TypeScript, ensuring high-quality and consistent user experiences.

• Translate UX standards, design systems, and business workflows into production-ready front-end solutions, collaborating closely with UX designers and product partners.

• Contribute to application modernization efforts, including the integration of APIs and backend services, while actively exploring and leveraging AI-assisted development tools to enhance delivery speed and code quality.

• Build and champion reusable components, patterns, and templates to foster adoption across multiple applications, promoting consistency and efficiency in front-end development.

📝 Enhancement Note: The role is for a Senior UX Developer, indicating a need for strong technical proficiency in front-end technologies and a deep understanding of user experience principles. The emphasis on "investment management web applications" suggests a need for domain familiarity or the ability to quickly grasp complex financial workflows. The explicit mention of AI-assisted development tools points to a forward-thinking team that values innovation and efficiency.

📈 Primary Responsibilities

• Architect, develop, and maintain modern web applications utilizing React and TypeScript, adhering to best practices for performance, scalability, and maintainability.

• Implement user interfaces that strictly align with established UX standards, comprehensive design systems, and existing component libraries, ensuring a cohesive user experience.

• Act as a key liaison between UX designers and engineering teams, translating design intent, wireframes, and prototypes into high-fidelity, maintainable, and production-ready code.

• Develop, document, and promote reusable front-end components, design patterns, and templates for widespread adoption across the organization's application portfolio.

• Drive and support application modernization initiatives, which may involve refactoring existing codebases, migrating legacy front-end implementations, and improving overall application architecture.

• Seamlessly integrate front-end applications with various APIs and backend services, ensuring robust data flow and functional integrity.

• Proactively explore, evaluate, and implement AI-assisted development tools and workflows to significantly improve delivery speed, code consistency, and overall quality of front-end solutions.

• Collaborate with platform teams and product partners to ensure front-end solutions meet business requirements and technical objectives.

📝 Enhancement Note: The responsibilities highlight a blend of core front-end development, UX/design system implementation, and a forward-looking focus on AI-assisted development. The "Senior" title implies ownership, mentorship, and strategic input beyond just coding tasks.

🎓 Skills & Qualifications

Education:

Experience:

• 5-10 years of professional experience in front-end development, with a significant focus on UX integration and component-based architecture.

• Demonstrated experience in modernizing legacy applications or migrating front-end frameworks.

Required Skills:

• Proficiency in React, TypeScript, and modern JavaScript (ES6+).

• Deep understanding of component-based UI architecture and the principles of building scalable front-end applications.

• Extensive experience working with and contributing to design systems, UI component libraries, and reusable code patterns.

• Solid understanding of web accessibility standards (WCAG) and best practices for responsive web design.

• Experience integrating front-end applications with RESTful APIs and backend services.

• Strong English communication skills, essential for effective collaboration in a global, cross-functional environment.

Preferred Skills:

• Experience with modern front-end build tools and frameworks such as Vite, Next.js, and Webpack.

• Familiarity with component documentation and testing tools like Storybook.

• Experience with state management libraries (e.g., Redux, Zustand, Context API).

• Knowledge of performance optimization techniques for web applications.

• Previous exposure to or active use of AI-assisted development tools (e.g., GitHub Copilot, ChatGPT for code generation, automated testing tools).

• Understanding of financial services or investment management domain.

📝 Enhancement Note: The requirements lean heavily into modern front-end stacks with React and TypeScript. The emphasis on design systems, reusable components, and AI-assisted development indicates a company focused on efficiency, scalability, and innovation. Experience with specific tools like Vite and Next.js is a strong plus.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate expertise in building complex, interactive user interfaces using React and TypeScript, showcasing component reusability and consistent design application.

• Include case studies or projects that highlight successful collaboration with UX designers, detailing the process of translating design specifications into functional code.

• Showcase examples of responsive design implementation and adherence to web accessibility standards (WCAG).

• Present projects that involve integration with APIs or backend services, illustrating data fetching, state management, and error handling strategies.

Process Documentation:

• Candidates should be prepared to discuss their process for translating design artifacts (e.g., Figma, Sketch files) into production-ready code, emphasizing workflow efficiency and quality assurance.

• Be ready to articulate methodologies for developing and maintaining reusable components, including versioning, documentation, and adoption strategies.

• Candidates should be able to explain their approach to integrating front-end applications with backend services, detailing API consumption, data handling, and error management.

• Be prepared to discuss contributions to application modernization efforts, outlining the challenges faced and the approaches taken to improve legacy systems.

📝 Enhancement Note: For a Senior UX Developer role, a portfolio is crucial. It should not only showcase technical skill but also the candidate's understanding of the UX/design process and their ability to contribute to a scalable, efficient development ecosystem. The inclusion of AI tools in responsibilities means any portfolio examples demonstrating their use would be highly advantageous.

💵 Compensation & Benefits

Salary Range:

Benefits:

• Inclusive development opportunities: Access to training programs, workshops, and resources to foster professional growth and skill enhancement.

• Flexible work-life support: Policies and programs designed to help employees balance their professional and personal lives.

• Paid volunteer days: Opportunities to contribute to the community through paid time off for volunteer activities.

• Employee networks: Participation in vibrant employee resource groups that foster connection, support, and professional development.

• Comprehensive health insurance and retirement plans.

Working Hours:

• Standard full-time work hours are typically 40 hours per week, with potential for overtime depending on project demands. The company offers flexible work-life support, suggesting an understanding of work-life balance needs.

📝 Enhancement Note: Salary is estimated based on typical senior developer compensation in Hangzhou, China, considering the tech industry and financial sector. Benefits are drawn directly from the provided company description, emphasizing State Street's commitment to employee well-being and development.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services / Investment Management Technology

Company Size: State Street is a large, global financial services corporation with tens of thousands of employees worldwide. This means a structured environment with established processes, but also opportunities to work on significant, impactful projects.

Founded: State Street was founded in 1792, indicating a long-standing history and stability within the financial industry. This legacy often translates to a culture that values tradition, reliability, and long-term strategic thinking, while also adapting to modern technological advancements.

Team Structure:

• The UX team is likely integrated within a larger technology or product development division, working in close collaboration with UX designers, product managers, and platform engineers.

• The reporting structure will likely involve a Lead UX Developer or Engineering Manager, with clear lines of communication and project assignment.

Methodology:

• Data analysis and insights are crucial for understanding user behavior and application performance, informing design and development decisions.

• Workflow planning and optimization strategies are employed to ensure efficient development cycles and the timely delivery of high-quality applications.

• Automation and efficiency practices, including the adoption of AI-assisted development, are encouraged to streamline processes and enhance team productivity.

Company Website: http://statestreet.com/careers

📝 Enhancement Note: State Street's long history and global presence suggest a culture that balances stability with innovation. The emphasis on collaboration and modern tools like AI for development indicates a dynamic technology team within a traditional industry.

📈 Career & Growth Analysis

Operations Career Level: Senior UX Developer. This level signifies a highly experienced individual contributor who is expected to lead technical initiatives, mentor junior developers, and contribute to architectural decisions. The role is pivotal in translating complex business requirements and design visions into robust, user-friendly front-end applications.

Reporting Structure: This role typically reports to a Manager or Director of UX Engineering or Front-End Development. The individual will work closely with UX designers, product managers, and potentially architects within the broader technology organization.

Operations Impact: The Senior UX Developer's impact is direct and significant. By building high-quality, scalable, and user-friendly investment management applications, they directly influence the efficiency and effectiveness of State Street's clients and internal users. Their work on design systems and reusable components drives consistency and reduces development costs across the organization, contributing to overall operational excellence. The exploration of AI-assisted development further amplifies this impact by increasing development velocity and quality.

Growth Opportunities:

• Technical Specialization: Deepen expertise in specific front-end technologies, performance optimization, accessibility, or explore advanced areas like WebGL or WebAssembly for highly interactive applications.

• Leadership Track: Transition into a Lead UX Developer, Architect, or Engineering Management role, focusing on team leadership, strategic technical direction, and people management.

• Cross-Functional Development: Move into product management, program management, or specialized roles focused on design systems or front-end infrastructure.

• Domain Expertise: Develop a deeper understanding of financial services and investment management, becoming a subject matter expert in this domain.

• AI & Innovation: Lead initiatives exploring and implementing cutting-edge AI technologies in the development lifecycle.

📝 Enhancement Note: The "Senior" title implies significant growth potential, both vertically into leadership and horizontally into specialized technical or product roles. The focus on AI also presents an opportunity for individuals to become pioneers in this area within the company.

🌐 Work Environment

Office Type: State Street operates modern office environments designed to foster collaboration and productivity. This typically includes open-plan workspaces, dedicated team areas, meeting rooms equipped with technology, and potentially quiet zones for focused work.

Office Location(s): The role is based in Hangzhou, China. This specific location will offer access to the company's facilities and resources within that region.

Workspace Context:

• The workspace is expected to be collaborative, with regular interaction among team members, designers, and product stakeholders.

• Access to up-to-date technology, development tools, and potentially specialized hardware will be provided to support front-end development tasks.

• Opportunities for informal and formal knowledge sharing sessions, such as tech talks or code reviews, are likely to be integrated into the team's operational rhythm.

Work Schedule: While the standard is 40 hours per week, the emphasis on flexible work-life support suggests that the company aims to accommodate individual needs where possible, provided project deliverables are met. This flexibility is beneficial for operations professionals who may need to manage complex schedules or adapt to global team time zones.

📝 Enhancement Note: The work environment is likely a blend of structured corporate settings with modern, collaborative tech team practices. Flexibility in work schedules is a key aspect, aligning with the benefits offered.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will conduct an initial review of your resume and potentially a brief call to assess basic qualifications and cultural fit.

• Technical Assessment: This may involve a live coding exercise (e.g., on platforms like CoderPad or HackerRank) focusing on React, TypeScript, algorithmic problem-solving, or front-end component development. Alternatively, a take-home coding challenge might be assigned.

• Portfolio Review & Deep Dive: A dedicated session where you present your portfolio. This is where you'll walk through selected projects, explaining your technical approach, design considerations, collaboration process, and any specific challenges you overcame. Be prepared to discuss your role in each project and the impact of your contributions.

• Behavioral & Situational Interviews: Questions designed to gauge your problem-solving skills, teamwork, communication, and how you handle specific workplace scenarios. Questions around your experience with AI-assisted development and contributing to design systems will be key.

• Final Round: This may involve meeting with senior leadership or key stakeholders to discuss overall fit, strategic thinking, and long-term contributions.

Portfolio Review Tips:

• Curate Strategically: Select 2-3 of your strongest projects that best showcase your skills in React, TypeScript, component-based architecture, design system integration, and API interactions.

• Focus on Impact: For each project, clearly articulate the problem you solved, your specific role and contributions, the technologies used, and the measurable outcomes or impact (e.g., improved performance, user satisfaction, development efficiency).

• Highlight Collaboration: Be ready to discuss how you worked with designers, product managers, and other engineers. Emphasize your ability to translate design intent into code.

• Showcase Reusability: If you have examples of creating reusable components or contributing to a design system, make this a central theme.

• Address AI Integration: If you have projects where you utilized AI-assisted development tools, be prepared to discuss your experience, the benefits, and any challenges encountered.

• Prepare a Walkthrough: Practice presenting your portfolio with a clear narrative, ensuring smooth transitions between projects and the ability to answer in-depth technical questions.

Challenge Preparation:

• Coding Challenges: Practice common React and TypeScript coding problems, focusing on component structure, state management, and event handling. Be comfortable with data structures and algorithms.

• System Design: For a senior role, be prepared for high-level system design discussions related to front-end architecture, scalability, and maintainability.

• UX/Design System Questions: Review principles of design systems, component libraries, accessibility, and responsive design. Be ready to discuss how you approach implementing them.

• AI-Assisted Development: Research current AI coding tools and their implications. Be ready to discuss how they can be effectively and responsibly integrated into a development workflow.

📝 Enhancement Note: The interview process for a Senior UX Developer at a company like State Street will be rigorous, focusing on technical depth, problem-solving, and collaboration. The portfolio review is a critical component, requiring candidates to articulate their value proposition clearly and demonstrate their ability to contribute to complex projects.

🛠 Tools & Technology Stack

Primary Tools:

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

• TypeScript: A superset of JavaScript that adds static typing, crucial for building scalable and maintainable applications.

• Modern JavaScript (ES6+): Deep understanding of modern JavaScript features, syntax, and best practices.

• HTML5 & CSS3: Mastery of semantic HTML and advanced CSS techniques, including preprocessors like Sass/LESS if applicable.

Analytics & Reporting:

CRM & Automation:

• API Integration: Experience working with RESTful APIs is fundamental. Familiarity with GraphQL may also be advantageous.

• AI-Assisted Development Tools: Tools such as GitHub Copilot, AWS CodeWhisperer, or similar AI coding assistants are explicitly mentioned as areas of interest.

Front-End Tooling:

• Vite / Next.js: Experience with modern build tools and frameworks like Vite for fast development builds or Next.js for server-side rendering and static site generation.

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

• Version Control: Git is standard, often used with platforms like GitHub, GitLab, or Bitbucket.

• Package Managers: npm or Yarn.

📝 Enhancement Note: The technology stack is heavily focused on modern front-end development. The explicit mention of AI-assisted development tools is a key differentiator, suggesting the company is embracing innovative technologies to enhance productivity.

👥 Team Culture & Values

Operations Values:

• Quality & Consistency: A strong emphasis on delivering high-quality, scalable, and consistently designed applications, adhering strictly to UX standards and design systems.

• Collaboration: A culture that values close teamwork and open communication between developers, designers, product managers, and other stakeholders across global teams.

• Innovation & Efficiency: Encouragement to explore and adopt new technologies, such as AI-assisted development, to drive efficiency and improve delivery speed.

• User-Centricity: A commitment to building user-friendly applications that meet the needs of clients and internal users, with a deep understanding of UX principles.

• Continuous Improvement: A proactive approach to application modernization and code refactoring to maintain modern, efficient, and maintainable systems.

Collaboration Style:

• Cross-functional Integration: The team likely operates with a high degree of cross-functional integration, with developers working hand-in-hand with designers and product owners from concept to deployment.

• Process Review: Regular code reviews and design critiques are expected to ensure code quality, adherence to standards, and to facilitate knowledge sharing.

• Knowledge Sharing: Proactive sharing of best practices, component usage, and insights from AI tool experimentation is encouraged to foster collective growth and efficiency.

📝 Enhancement Note: The team culture at State Street, particularly within its technology divisions, is likely a blend of traditional financial services values (stability, quality) and modern tech company practices (collaboration, innovation). The focus on UX and AI highlights a forward-thinking approach.

⚡ Challenges & Growth Opportunities

Challenges:

• Bridging Design and Code: Effectively translating complex UX designs and abstract design system principles into precise, functional front-end code can be challenging.

• Legacy System Modernization: Migrating or refactoring older front-end codebases while minimizing disruption to ongoing development and ensuring backward compatibility requires careful planning and execution.

• AI Integration Learning Curve: Fully understanding and effectively leveraging AI-assisted development tools to maximize benefits without compromising code quality or security may present an initial learning curve.

• Global Collaboration: Working effectively across different time zones and cultural nuances within a global team requires strong communication and coordination skills.

• Balancing Innovation with Stability: Incorporating new technologies and AI tools while maintaining the stability and reliability expected in the financial services industry.

Learning & Development Opportunities:

• Advanced Front-End Techniques: Opportunities to delve deeper into performance optimization, accessibility best practices, and emerging front-end technologies.

• AI in Development Workshops: Specialized training and hands-on experience with AI-assisted coding tools and their strategic application in software development.

• Design System Mastery: Becoming an expert in contributing to and evangelizing a large-scale design system.

• Financial Domain Knowledge: Gaining in-depth understanding of investment management workflows and the specific needs of financial services users.

• Mentorship Programs: Access to mentorship from experienced senior developers, architects, or engineering managers to guide career progression.

📝 Enhancement Note: This role offers significant opportunities for growth by tackling complex technical challenges and embracing cutting-edge technologies like AI, all within the stable and impactful domain of financial services.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI component you've built. What were the technical challenges, how did you approach them, and what was the outcome?" (Focus on React, TypeScript, state management, and problem-solving).

• "How do you ensure code quality and consistency when working with a design system? Walk me through your process from design handoff to implementation." (Emphasize collaboration, adherence to standards, and reusable component development).

• "Tell me about your experience with AI-assisted development tools. What are their benefits, limitations, and how would you integrate them into your workflow responsibly?" (Showcase curiosity, critical thinking, and practical application).

Company & Culture Questions:

• "What interests you about State Street and our work in the investment management technology space?" (Research State Street's mission, values, and recent tech initiatives).

• "How do you approach collaboration with UX designers and product managers on a global team?" (Demonstrate your communication style and ability to work in diverse, distributed environments).

Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, follow a clear structure: Problem -> Solution -> Your Role -> Technologies/Process -> Outcome/Impact.

• Quantify Achievements: Where possible, use metrics to demonstrate the impact of your work (e.g., "reduced page load time by X%", "increased component adoption by Y%").

• Technical Depth: Be ready to answer detailed questions about your code, architectural decisions, and the trade-offs you made.

• Design System Focus: Clearly articulate your understanding and contribution to design systems and reusable component strategies.

• AI Tool Showcase: If you have examples, explicitly show how you used AI tools and what the results were.

• Engage and Discuss: Treat the portfolio review as a collaborative discussion, not just a presentation. Be open to feedback and questions.

📝 Enhancement Note: Preparation should focus on demonstrating not only technical expertise but also a strategic understanding of UX, design systems, and the emerging role of AI in development, all within the context of a large, global financial institution.

📌 Application Steps

To apply for this Senior UX Developer position:

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

• Portfolio Customization: Tailor your resume and any accompanying materials to highlight your most relevant experience with React, TypeScript, design systems, API integration, and AI-assisted development. Select portfolio projects that best showcase these skills and their impact.

• Resume Optimization: Ensure your resume clearly states your years of experience, specific technical proficiencies, and achievements related to front-end development, UX, and application modernization. Use keywords found in the job description.

• Interview Preparation: Practice articulating your experience with STAR method (Situation, Task, Action, Result) for behavioral questions. Prepare to present your portfolio and discuss your approach to technical challenges, design system implementation, and AI tool utilization.

• Company Research: Familiarize yourself with State Street's mission, values, and recent technology news. Understand their position in the financial services industry and their commitment to innovation.

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

---