An application Developer Senior UI Programmer is responsible for designing, developing, testing, implementing, and maintaining complex user interface applications, ensuring an optimal user experience, performance, and scalability. This role will be the primary expert for UI development within the team, working closely with global backend developers.

UI/UX Design & Architecture:

Lead the technical vision and architecture for all user interfaces, ensuring responsiveness, accessibility, performance, and scalability. This includes defining UI technical specifications, component structures, and interaction models, especially in the context of refactoring existing new application and establishing new patterns.

Evaluate and recommend new UI frameworks, libraries, tools, and approaches to improve front-end development processes and application performance, making critical decisions as the sole UI specialist.

Drive the establishment and adherence to a consistent design system and best practices across the application's user interface.

Proactively identify areas for architectural improvement and reusability within existing UI codebases.

Software Development & Coding:

Lead the development of complex UI modules and features using established front-end programming languages (e.g., JavaScript, TypeScript), frameworks (e.g., React, Angular, Vue.js), and libraries.

Take ownership of refactoring existing UI programs, transforming them into modular, maintainable, and highly reusable components.

Write clean, efficient, well-documented, and maintainable code for the user interface, adhering to coding standards and best practices for front-end development.

Develop and integrate front-end components with APIs, ensuring efficient data fetching and state management, working closely with global backend developer team members to define API contracts and data structures.

Optimize UI for maximum speed and scalability across various devices and browsers.

Implement pixel-perfect designs and ensure cross-browser compatibility.

Testing & Quality Assurance:

Design, develop, and execute comprehensive unit, integration, and end-to-end tests for UI components and applications to ensure quality, reliability, and cross-browser compatibility.

Implement and promote automated UI testing strategies (e.g., Jest, React Testing Library, Cypress, Selenium) within the front-end development pipeline.

Perform visual regression testing and ensure adherence to accessibility standards.

Troubleshooting & Support:

Diagnose and resolve complex technical issues, bugs, and performance bottlenecks in UI applications across production and development environments.

Provide expert-level support for user interface applications, often acting as an escalation point for critical UI-related problems.

Participate in on-call rotations or provide support during off-hours as required for UI systems.

Mentorship & Leadership:

Act as the subject matter expert for UI development, providing guidance and setting standards for front-end best practices, UI architecture, and design patterns within the team.

Lead UI development initiatives, overseeing task allocation and progress even if working independently on UI tasks.

Share knowledge and expertise through presentations, documentation, and informal coaching to upskill other team members on UI considerations and best practices.

Collaboration & Communication:

Work closely with UX/UI designers to translate wireframes and mockups into functional user interfaces.

Collaborate extensively with global backend developer team members to ensure seamless integration, efficient API consumption, and overall system coherence.

Communicate complex technical UI concepts effectively to non-technical audiences and other developers.

Skills Needed: Application Developer Senior UI Programmer

This role requires a highly skilled and experienced UI expert capable of designing, developing, testing, implementing, and maintaining complex user interface applications. This individual will serve as the primary expert and driver for UI development within the team, responsible for setting the technical vision, architectural direction, and best practices for all user interfaces. This role demands exceptional leadership in UI architecture and design,encompassing aspects of user experience (UX) design to ensure an optimal user experience, performance, and scalability.

Experience Level

• 5-10 years of progressive experience in front-end and UI development, with a significant portion in a senior or lead capacity.

Technical Skills

• Front-end Programming Languages:
• Expertise in JavaScript and TypeScript.
• Proficiency in HTML and CSS, including modern CSS techniques (e.g., Flexbox, Grid, pre-processors like SASS/LESS) for responsive and maintainable styling.
• UI Frameworks & Libraries:
• Solid experience with React.js (preferred).
• Strong proficiency in other modern UI frameworks (e.g., Angular, Vue.js) is also highly valuable.
• Experience with ag-Grid is valued. Additionally, candidates must demonstrate strong adaptability and extensive experience with various UI libraries and components, showcasing the ability to select and implement the most effective tools for current and future needs.
• Experience with libraries and techniques for efficiently rendering and managing large datasets (e.g., advanced data grid components, virtualization, lazy loading, data streaming) is crucial for the data browser initiative.
• API Integration & Data Management:
• Proficiency in developing and integrating front-end components with APIs.
• Understanding of efficient data fetching, state management techniques, and integration with cache servers, and data streaming solutions with data distribution.
• Ability to collaborate on defining API contracts and data structures.
• Performance Optimization:
• Skills in optimizing UI for maximum speed, responsiveness, and scalability across various devices and browsers. This includes specific expertise in handling and rendering large volumes of data efficiently from various sources, including cache servers, with a focus on implementing lazy loading and pagination strategies for static data.
• Cross-Browser Compatibility & Pixel-Perfect Implementation:
• Ability to implement pixel-perfect designs.
• Ensuring cross-browser compatibility.
• Code Quality:
• Writing clean, efficient, well-documented, and maintainable code.
• Adherence to coding standards and best practices for front-end development.
• Security & Entitlement Management:
• Strong understanding and implementation experience with entitlement management, role-based access control (RBAC), and user permissions within UI applications.
• Ability to securely display, restrict, and manage user interactions based on their authorized entitlements.

Architectural & Design Skills

• UI/UX Architecture & Vision Leadership:
• Primary responsibility for leading the technical vision and architecture for all user interfaces, including defining user experience (UX) patterns, interaction models, and UI technical specifications. This involves autonomously setting the UI/UX architectural direction, especially for refactoring existing applications and establishing new patterns.
• Proficiency in ensuring responsiveness, accessibility, performance, and scalability in UI design, particularly when dealing with data-intensive applications and high-volume data display, and the architectural considerations for lazy loading and pagination.
• Designing UIs with robust security and entitlement models in mind, ensuring proper separation of concerns and secure data handling.
• Refactoring & Reusability:
• Strong capability in refactoring existing UI programs into modular, maintainable, and highly reusable components.
• Proactive identification of architectural improvements and reusability opportunities within existing and new UI codebases.
• Framework & Tool Evaluation:
• Responsible for evaluating and recommending new UI frameworks, libraries, tools, and approaches to improve front-end development processes and application performance, making critical decisions. This includes enabling efficient data browsing through optimal data loading strategies.
• Design Systems:
• Driving the establishment and adherence to a consistent design system and best practices across the application's user interface.

Testing & Quality Assurance

• UI Testing Strategies:
• Design, development, and execution of comprehensive unit, integration, and end-to-end tests for UI components and applications.
• Implementation and promotion of automated UI testing strategies (e.g., Jest, React Testing Library, Cypress, Selenium) within the front-end development pipeline.
• Testing Tools & Frameworks:
• Proficiency with testing frameworks like Jest, React Testing Library.
• Experience with end-to-end testing tools such as Cypress, Selenium.
• Visual & Accessibility Testing:
• Performance of visual regression testing.
• Ensuring adherence to accessibility standards.

Troubleshooting & Support

• Problem Diagnosis:
• Ability to diagnose and resolve complex technical issues, bugs, and performance bottlenecks in UI applications, including those related to large data rendering, cache integration, efficient lazy loading/pagination, and entitlement issues.
• Expert-level Support:
• Providing expert-level support for user interface applications, often acting as an escalation point for critical UI-related problems.

Soft Skills & Leadership

• Subject Matter Expert & Thought Leadership:
• Acting as the definitive subject matter expert for UI development, including user experience (UX) considerations, providing comprehensive setting standards for front-end best practices, UI architecture, and design patterns within the team.
• Leading UI development initiatives, overseeing task allocation and progress while maintaining full ownership of UI development.
• Knowledge Transfer:
• Sharing knowledge and expertise through presentations, documentation, and informal coaching to educate and inform other team members (e.g., backend developers, BAs) on UI considerations and best practices, acting as the team's primary UI evangelist.
• Collaboration:
• Proactively gather user requirements and define optimal user interaction flows, effectively taking on UX responsibilities.
• Collaborate extensively with global backend developer team members to ensure seamless integration, efficient API consumption, and overall system coherence, particularly concerning data delivery mechanisms for large datasets, including optimized strategies for lazy loading and pagination, and integration with security/entitlement systems.
• Communication:
• Exceptional ability to communicate complex technical UI/UX concepts effectively to non-technical audiences, other developers, and architects, clearly articulating needs and architectural decisions.

Job Family Group:

Technology

Job Family:

Applications Development

Time Type:

Full time

Most Relevant Skills

Please see the requirements listed above.

Other Relevant Skills

For complementary skills, please see above and/or contact the recruiter.

Citi is an equal opportunity employer, and qualified candidates will receive consideration without regard to their race, color, religion, sex, sexual orientation, gender identity, national origin, disability, status as a protected veteran, or any other characteristic protected by law.

If you are a person with a disability and need a reasonable accommodation to use our search tools and/or apply for a career opportunity review Accessibility at Citi.

View Citi’s EEO Policy Statement and the Know Your Rights poster.