Senior UI Engineer

📍 Job Overview

Job Title: Senior UI Engineer

Company: Development InfoStructure LLC. (Devis)

Location: Washington, District of Columbia, United States

Job Type: Full-Time

Category: Front-End Engineering / Software Development

Date Posted: May 21, 2026

Experience Level: Senior Level (6+ years)

Remote Status: On-site

🚀 Role Summary

• Design, develop, and maintain sophisticated React-based user interface components for the Committee Portal platform, serving the U.S. House of Representatives.

• Implement UX designs and acceptance criteria into accessible, production-ready interface components using TypeScript.

• Integrate GraphQL APIs into UI components, managing queries, mutations, caching, and error handling effectively.

• Develop comprehensive unit tests using Vitest to ensure code quality and maintainability of React components.

• Collaborate closely with cross-functional teams, including UX designers, business analysts, and other engineers, within an agile delivery framework.

📝 Enhancement Note: This role is specifically tailored for a Senior UI Engineer with a strong focus on front-end development within a government sector context. The emphasis on React, TypeScript, GraphQL, and specific testing/deployment tools like Vitest, Azure DevOps, and Kubernetes indicates a need for robust, well-tested, and scalable UI solutions. The "Senior Level" designation implies a need for technical leadership, mentoring, and a deep understanding of best practices in UI development and component architecture.

📈 Primary Responsibilities

• Develop new React components in TypeScript, translating wireframes and UX specifications into functional, accessible, and production-ready UI elements for the Committee Portal.

• Refactor and maintain existing UI code to enhance performance, improve maintainability, and ensure consistency with the LCS design system.

• Integrate GraphQL APIs into UI components, implementing robust query, mutation, caching, and error handling strategies.

• Implement client-side state management solutions using modern libraries such as React Query, Zustand, or equivalent patterns already in use by the Integrated Product Team (IPT).

• Write comprehensive unit tests for new and existing React components using Vitest to ensure code quality and facilitate regression testing.

• Collaborate with the ASP.NET Services Engineer to define query contracts and shape data requirements for seamless API integration.

• Work with the IPT Test Engineer to support functional and regression testing efforts within each sprint cycle.

• Debug and resolve issues reported by testers and end-users, ensuring timely delivery of fixes within sprint commitments.

• Manage source code and task status through Azure DevOps (ADO), git, and pull request workflows.

• Participate in containerized local development environments (e.g., Docker) and support deployments via Azure Pipelines to Kubernetes environments.

• Adhere strictly to all IPT Configuration Management processes as defined by the Program Manager.

• Actively participate in all agile ceremonies, including sprint planning, daily standups, sprint reviews, and retrospectives.

• Produce code, configuration, and documentation as defined deliverables, aligning with program requirements.

📝 Enhancement Note: The responsibilities highlight a full-stack UI development role requiring deep expertise in React and TypeScript, strong API integration skills (especially GraphQL), and a commitment to testing and agile methodologies. The specific mention of government clients (U.S. House of Representatives) and security requirements indicates a need for meticulous attention to detail and adherence to strict protocols. The emphasis on "IPT Collaboration" and "Agile Delivery" underscores the importance of teamwork and iterative development.

🎓 Skills & Qualifications

Education:

• Bachelor's degree in Computer Science, Software Engineering, Information Systems, Human-Computer Interaction, or a closely related technical field.

Experience:

• Senior Level: 6+ years of progressive front-end engineering experience.

• Mid-Level Consideration: 3+ years of front-end engineering experience.

• Demonstrated experience in developing UI components using React with TypeScript.

• Proven ability to translate wireframes and UX specifications into functional, production-ready components.

• Experience writing unit tests using Vitest or comparable modern JavaScript testing frameworks.

Required Skills:

• React & TypeScript Mastery: Deep expertise in building complex user interfaces with React and TypeScript.

• Component Development: Proven ability to create reusable, maintainable, and accessible UI components.

• API Integration (GraphQL/REST): Proficiency in integrating backend services with front-end applications, including query and mutation handling.

• Unit Testing (Vitest): Strong experience in writing effective unit tests to ensure component quality and reliability.

• Agile Methodologies: Active participation and understanding of agile principles and ceremonies (Scrum, Kanban).

• Version Control (Git): Proficiency with Git, including branching, merging, and pull request workflows.

• Problem-Solving & Debugging: Ability to identify, debug, and resolve complex UI issues efficiently.

• Collaboration & Communication: Excellent interpersonal skills for effective teamwork within an Integrated Product Team (IPT).

Preferred Skills:

• UI Frameworks/Libraries: Working familiarity with Ant Design, React Query, and Zustand.

• Containerization: Working knowledge of Docker for local development environments.

• CI/CD Tools: Familiarity with Azure DevOps (ADO), Azure Pipelines, and Kubernetes at a user level.

• Web Accessibility: Understanding of WCAG standards and best practices for accessible web development.

• Performance Optimization: Knowledge of modern front-end performance optimization techniques.

• Certifications: Meta Front-End Developer Certificate or equivalent.

• Cloud Platforms: Familiarity with Azure cloud services.

• Government Sector Experience: Prior experience working with government agencies or in the public sector.

📝 Enhancement Note: The qualifications emphasize a blend of core front-end skills and specific tool proficiencies. The "Senior Level" designation is reinforced by the higher experience requirement and the expectation of deeper expertise. The inclusion of specific libraries like Ant Design and state management tools, along with CI/CD and cloud familiarity, points to a modern development environment. The preferred certifications suggest a candidate who invests in continuous learning and formal validation of skills.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Component Library Examples: Showcase examples of reusable React components, ideally demonstrating TypeScript usage and adherence to design system principles.

• API Integration Case Studies: Provide examples of how you've integrated APIs (GraphQL preferred) into React applications, highlighting data fetching, state management, and error handling strategies.

• Testing & Quality Assurance: Include examples of unit tests written for React components (using Vitest or similar), demonstrating your commitment to code quality and robustness.

• Accessibility & Performance Demonstrations: If possible, showcase projects where accessibility (e.g., ARIA attributes, semantic HTML) and performance optimization techniques were a key focus.

Process Documentation:

• Workflow Design: Be prepared to discuss how you approach designing and implementing new UI features, from wireframe to production. Highlight your understanding of user-centric design principles and iterative development.

• Agile Delivery: Demonstrate an understanding of agile processes, specifically how you contribute to sprint planning, execution, and retrospectives. Be ready to discuss your role in delivering features incrementally.

• Collaboration & Communication: Illustrate how you collaborate with designers, back-end engineers, and testers. Be prepared to discuss your approach to code reviews, feedback exchange, and cross-functional problem-solving.

• Configuration Management: Be ready to discuss your experience with Git workflows, pull requests, and managing code through CI/CD pipelines.

📝 Enhancement Note: For a Senior UI Engineer role, the portfolio should not just showcase finished products but also the process behind them. Emphasis should be placed on demonstrating how candidates approach complex UI challenges, integrate with backend services, ensure quality through testing, and collaborate effectively within a team. The specific mention of "LCS design system" suggests that familiarity with design systems and component libraries is highly valued.

💵 Compensation & Benefits

Salary Range: $98,000 - $108,000 USD per year, commensurate with background and experience.

Benefits:

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

• Retirement Savings Plan: 401(k) or equivalent with potential company match.

• Paid Time Off: Generous vacation, sick leave, and paid holidays.

• Professional Development: Opportunities for training, certifications, and conference attendance.

• Life and Disability Insurance: Employer-provided coverage.

• Commuter Benefits: Potential assistance for on-site employees.

• Team Events & Recognition: Fostering a positive and collaborative work environment.

Working Hours:

• Full-time role, aligned with core business hours (7:00 AM to 6:00 PM Eastern Time).

• Standard work week, typically 40 hours.

• On-site work performed in Washington, DC.

📝 Enhancement Note: The salary range provided is competitive for a Senior UI Engineer in the Washington D.C. area, especially for a role within the government sector which often requires specific security clearances and adherence to strict protocols. The benefits listed are standard for a full-time position and should appeal to experienced professionals seeking stability and comprehensive support. The clarification on working hours and the on-site requirement is crucial for candidates evaluating the role's fit with their lifestyle.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software Development, Management Consulting, Government Technology Services. Devis specializes in cutting-edge technologies like DevSecOps, AI, and Machine Learning, serving government agencies.

Company Size: While not explicitly stated, Devis has been in business for over 30 years and serves government clients, suggesting a well-established organization that may range from mid-sized to large, capable of handling complex, mission-critical projects.

Founded: Over 30 years ago, indicating a stable and experienced company with a proven track record in the technology services sector.

Team Structure:

• Integrated Product Team (IPT): The role is part of an IPT, which implies a cross-functional team structure working collaboratively on a specific project or product (the Committee Portal).

• Reporting Structure: Reports to a Scrum Coordinator and Program Manager, indicating a structured agile environment.

• Cross-functional Collaboration: Close collaboration with UX Designers, Business Analysts, ASP.NET Services Engineers, and Test Engineers is a core aspect of the role.

Methodology:

• Agile Delivery: The team operates using agile methodologies, with participation in standard ceremonies like sprint planning, daily standups, reviews, and retrospectives.

• DevSecOps & Modern Technologies: The company's broader specialization in DevSecOps, AI, and Machine Learning suggests a culture that embraces modern development practices and continuous integration/delivery.

• Client-Centric Approach: Devis emphasizes a client-centric approach, focusing on delivering tailored, mission-critical solutions.

Company Website: https://devis.com/

📝 Enhancement Note: Devis's long history and focus on government contracts suggest a stable, professional, and security-conscious environment. The emphasis on DevSecOps, AI, and ML indicates a forward-thinking company that values technical innovation. The IPT structure points to a collaborative and team-oriented work culture, typical of modern software development firms.

📈 Career & Growth Analysis

Operations Career Level: Senior Front-End/UI Engineer. This level signifies a highly skilled individual contributor expected to lead complex UI development tasks, mentor junior engineers, and contribute to architectural decisions within the UI domain.

Reporting Structure: The role reports to an IPT Scrum Coordinator and Program Manager, with close collaboration with other IPT members (UX, BA, Backend, QA). This structure offers exposure to project management and cross-functional team dynamics.

Operations Impact: The UI Engineer directly impacts the user experience and functionality of the Committee Portal, a critical platform for staff at the U.S. House of Representatives. Their work contributes to operational efficiency, data accessibility, and task management for legislative staff.

Growth Opportunities:

• Technical Specialization: Deepen expertise in React, TypeScript, GraphQL, and front-end architecture, potentially becoming a go-to subject matter expert within the IPT.

• Leadership & Mentorship: Opportunity to mentor junior engineers, lead technical discussions, and influence UI development best practices within the team.

• Cross-Functional Exposure: Gain experience working closely with backend services (ASP.NET), UX design, and testing, broadening overall understanding of the software development lifecycle.

• Government Sector Expertise: Develop specialized knowledge and experience within the unique requirements of government technology projects, which can be a valuable career asset.

• DevOps & Cloud: Hands-on experience with Azure DevOps, Azure Pipelines, and Kubernetes provides valuable skills in modern deployment and infrastructure management.

📝 Enhancement Note: This senior role offers significant opportunities for technical growth and leadership within a specialized and stable sector. The direct impact on a high-profile government platform makes the work meaningful. Advancement could lead to Lead UI Engineer roles, architectural positions, or even management within the IPT or broader Devis organization.

🌐 Work Environment

Office Type: On-site work performed in Washington, DC, specifically on Capitol Hill, suggesting a professional, secure, and potentially high-paced government-contracting environment.

Office Location(s): Capitol Hill, Washington, DC. This location implies proximity to legislative activities and a requirement for security clearance.

Workspace Context:

• Collaborative Environment: The IPT structure necessitates close, day-to-day collaboration with UX designers, business analysts, backend engineers, and testers.

• Technology Stack: Access to modern development tools and infrastructure, including Azure DevOps, Git, Docker, and Kubernetes, supporting efficient development and deployment.

• Team Interaction: Regular participation in agile ceremonies and team meetings fosters continuous communication and knowledge sharing.

Work Schedule:

• Aligned with core business hours (7:00 AM to 6:00 PM Eastern Time), ensuring availability for team synchronization.

• Full-time, typically 40 hours per week.

• On-site presence is mandatory.

📝 Enhancement Note: The on-site requirement in a secure government facility like Capitol Hill is a significant factor. It implies a structured work environment with strict security protocols and a need for reliable on-site presence. The collaborative nature of the IPT means the workspace is likely set up to facilitate team interactions.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of resume and portfolio to assess technical qualifications and experience alignment.

• Technical Interview(s): In-depth discussions focusing on React, TypeScript, GraphQL, API integration, testing methodologies, and problem-solving scenarios. Expect live coding exercises or deep dives into portfolio projects.

• Portfolio Review: Presentation and discussion of selected projects from your portfolio, emphasizing your role, technical approach, challenges overcome, and impact.

• Team/Cultural Fit Interview: Discussion with potential team members and management to assess collaboration style, communication skills, and alignment with Devis's culture and the IPT's dynamics.

• Security & Background Check: A comprehensive background investigation will be required for access to Capitol Hill and U.S. House of Representatives systems.

Portfolio Review Tips:

• Select Relevant Projects: Prioritize projects showcasing React, TypeScript, and GraphQL integration. Highlight components that demonstrate reusability, accessibility, and performance.

• Quantify Impact: Where possible, quantify the impact of your work (e.g., "Improved load times by X%", "Reduced bug reports by Y%," "Enabled Z new features").

• Explain Your Role: Clearly articulate your specific contributions, technical decisions, and problem-solving approaches for each project.

• Demonstrate Process: Be prepared to walk through your development process, including how you handled requirements, collaborated with others, wrote tests, and managed code.

• Address Security Considerations: If showcasing government or sensitive projects, ensure you can discuss your work at a high level without revealing proprietary information, focusing on technical challenges and solutions.

Challenge Preparation:

• Live Coding: Practice common React component design patterns, state management, and API integration tasks. Be comfortable writing clean, efficient, and testable code under pressure.

• Problem-Solving Scenarios: Prepare to discuss how you would approach debugging complex UI issues, optimizing performance bottlenecks, or implementing challenging UX requirements.

• System Design (UI): Be ready to discuss how you would architect a new UI feature or component library, considering scalability, maintainability, and team collaboration.

• Agile Scenarios: Prepare to answer questions about how you participate in agile ceremonies, handle changing requirements, and collaborate with diverse team members.

📝 Enhancement Note: The interview process for this role will likely be rigorous, blending technical assessment with a strong emphasis on process, collaboration, and security. A well-curated portfolio that demonstrates practical application of required skills and the ability to articulate technical decisions is crucial. The security requirement is paramount and will be a significant part of the vetting process.

🛠 Tools & Technology Stack

Primary Tools:

• React: The core JavaScript library for building user interfaces.

• TypeScript: For static typing, enhancing code quality and maintainability in React applications.

• Vitest: A modern, fast unit testing framework for JavaScript and React components.

• GraphQL: For efficient data fetching and API integration.

• Git: For version control and collaborative development workflows.

Analytics & Reporting:

• React Query: For managing server state, caching, and asynchronous operations in React applications.

• Zustand / Context API: For client-side state management within React applications.

CRM & Automation:

• Azure DevOps (ADO): For work item tracking, source control management, and CI/CD pipeline orchestration.

• Azure Pipelines: For automating build, test, and deployment processes.

• Kubernetes: For container orchestration and deployment of applications.

• Docker: For containerized local development environments.

📝 Enhancement Note: The technology stack is modern and focused on efficient front-end development, testing, and deployment within a cloud-native environment. Proficiency in React and TypeScript is non-negotiable, with strong emphasis on testing frameworks like Vitest and API integration tools like GraphQL. Familiarity with the Azure ecosystem for CI/CD and containerization is also a key requirement.

👥 Team Culture & Values

Operations Values:

• Technical Excellence: A commitment to writing high-quality, well-tested, and performant code.

• Collaboration & Teamwork: Strong emphasis on working effectively within an IPT, sharing knowledge, and supporting team goals.

• Agile & Iterative Development: Embracing flexibility, continuous improvement, and delivering value incrementally.

• User-Centric Design: Prioritizing the needs and experience of the end-user in all UI development efforts.

• Security & Compliance: Adhering to strict security protocols and government requirements, particularly given the client context.

Collaboration Style:

• Cross-Functional Integration: Seamless collaboration with UX designers, business analysts, backend engineers, and testers is fundamental.

• Open Communication: Encouraging open dialogue, constructive feedback, and proactive problem-solving within the team.

• Knowledge Sharing: A culture that values sharing best practices, insights, and learnings through code reviews, pair programming, and team discussions.

• Process Adherence: Respect for established processes, including configuration management and agile methodologies, while also being open to process improvements.

📝 Enhancement Note: The team culture is likely to be professional, structured, and highly collaborative, given the government contract environment and agile methodology. Values will center on technical proficiency, teamwork, and a strong sense of responsibility due to the sensitive nature of the client and system.

⚡ Challenges & Growth Opportunities

Challenges:

• Navigating Government Requirements: Adapting to the unique security protocols, compliance standards, and bureaucratic processes inherent in government contracting.

• Complex Legacy Systems Integration: Potentially integrating modern front-end components with existing or legacy backend systems in a secure manner.

• Maintaining Design System Consistency: Ensuring a cohesive and consistent user experience across a platform that may evolve rapidly.

• Balancing Feature Delivery with Technical Debt: Effectively managing the need for rapid feature development while also addressing code quality, performance, and maintainability.

Learning & Development Opportunities:

• Advanced React & TypeScript: Deepen expertise through complex project work and potential formal training.

• GraphQL & API Design: Gain in-depth experience with GraphQL schema design, query optimization, and advanced integration patterns.

• DevOps & Cloud Technologies: Hands-on experience with Azure DevOps, Azure Pipelines, and Kubernetes can lead to career growth in cloud-native development and CI/CD.

• Government Sector Domain Knowledge: Develop valuable expertise in the specific needs and operational environments of government clients.

• Mentorship & Leadership: Opportunities to guide junior engineers and contribute to technical strategy, fostering leadership skills.

📝 Enhancement Note: This role presents challenges common in government contracting, particularly around security and process. However, these challenges are balanced by significant growth opportunities in modern development technologies and a specialized, stable industry sector.

💡 Interview Preparation

Strategy Questions:

• UI Architecture: "Describe how you would architect a new, complex feature for the Committee Portal, considering scalability, maintainability, and integration with existing GraphQL APIs." Focus on component structure, state management, and data flow.

• Problem Solving: "You're seeing a performance degradation in a critical UI component. How would you diagnose and resolve this issue?" Be prepared to discuss profiling tools, debugging techniques, and optimization strategies.

• Collaboration: "How do you handle disagreements with a UX designer or backend engineer regarding a feature implementation? Describe a time you successfully navigated such a situation." Emphasize communication, compromise, and focusing on shared project goals.

Company & Culture Questions:

• Devis's Mission: "What interests you about Devis's work in the government sector, particularly with technologies like DevSecOps and AI/ML?" Show an understanding of the company's broader mission and technical focus.

• Agile Experience: "Describe your ideal agile development environment and how you contribute to a high-performing IPT." Highlight your proactive participation in ceremonies and team collaboration.

• Security: "How do you approach developing software in a security-sensitive environment, and what steps do you take to ensure code quality and minimize vulnerabilities?" Demonstrate awareness of security best practices.

Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, clearly state the problem, your role/contributions, the technical solution, challenges overcome, and the outcome/impact.

• Focus on Key Technologies: Emphasize your use of React, TypeScript, and GraphQL. Be ready to discuss specific design patterns or implementation details.

• Showcase Testing & Quality: Highlight your unit testing approach and any efforts towards accessibility or performance optimization.

• Be Ready for Deep Dives: Anticipate questions about specific code snippets, architectural decisions, or technical trade-offs you made.

📝 Enhancement Note: Interview preparation should focus on demonstrating deep technical expertise in front-end development, a strong understanding of agile and collaborative processes, and an awareness of the security and compliance requirements of government contracts. The portfolio is a critical tool for illustrating these capabilities.

📌 Application Steps

To apply for this Senior UI Engineer position:

• Submit your application through the provided application link on the JazzHR platform.

• Curate Your Portfolio: Select 2-3 key projects that best showcase your proficiency in React, TypeScript, and GraphQL integration. Ensure these projects highlight your ability to build robust, well-tested, and user-friendly components.

• Tailor Your Resume: Emphasize your years of experience at the Senior Level (6+ years), specifically highlighting your expertise with React, TypeScript, Vitest, and any experience with GraphQL, Azure DevOps, or Kubernetes. Quantify achievements where possible.

• Prepare for Technical Questions: Review common React interview questions, practice coding exercises, and be ready to discuss your approach to API integration, state management, and testing.

• Research Devis & the Government Sector: Understand Devis's mission, their focus areas (DevSecOps, AI/ML), and the general landscape of government technology contracting to articulate your interest and fit.

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