Senior UX Engineer with Full Stack TypeScript

📍 Job Overview

Job Title: Senior UX Engineer with Full Stack TypeScript

Company: Ten Mile Square Technologies

Location: Arlington, Virginia, United States

Job Type: Full-time

Category: UI/UX Engineering & Full Stack Development

Date Posted: January 30, 2026

Experience Level: 5-10 years

Remote Status: On-site

🚀 Role Summary

• This role focuses on leading the design and implementation of a greenfield web front-end for a personal loan platform, leveraging full-stack TypeScript capabilities.

• The position requires significant experience in UI engineering, particularly in creating high-performance, mobile-first customer journeys through complex wizard flows.

• A strong emphasis is placed on developing composable, reusable component patterns and optimizing user experiences for constrained environments and devices.

• The Senior UX Engineer will collaborate closely with UX/UI designers, product managers, and tech leads, ensuring contract-driven UI development and driving technical excellence within an Agile framework.

📝 Enhancement Note: While the title specifies "UX Engineer," the detailed responsibilities and qualifications clearly indicate a hybrid role blending advanced front-end development with full-stack TypeScript proficiency, particularly focusing on the implementation of complex user journeys and component architecture. The role demands not just UI/UX execution but also the engineering rigor to build robust, performant, and maintainable web applications. This is a technical leadership position within the development team.

📈 Primary Responsibilities

• Design and implement high-performance, mobile-first, browser-based customer journeys that navigate complex multi-step wizard flows, ensuring they are resumable, stateful, and tolerant of various user interactions (refresh, back navigation, intermittent connectivity).

• Develop composable, reusable component patterns and author-friendly experiences that empower UI, marketing, and content teams to build pages rapidly and accurately.

• Optimize front-end performance for low-bandwidth and constrained device environments, focusing on metrics like Core Web Vitals, implementing effective prefetching strategies, cache management, graceful degradation, and rapid screen presentation.

• Translate UI/UX design wireframes, mockups, and prototypes (from tools like Figma, Adobe XD) into clean, maintainable, and responsive code using modern front-end technologies and best practices.

• Collaborate directly with UX/UI designers to provide feedback on design feasibility, suggest improvements for enhanced usability and performance, and iterate on prototypes to achieve optimal user flows.

• Enforce contract-driven UI development principles, including typed APIs, schema validation, principles of reusable software, and a clear separation between screen components and journey orchestration logic.

• Implement operationally observable UIs with client-side instrumentation to capture step performance, abandonment signals, and failure modes, facilitating continuous optimization and informing stakeholders.

• Write comprehensive unit, integration, and UI automation tests, with a strong understanding of end-to-end (E2E) testing methodologies.

• Leverage AI and agentic tools (e.g., Figma MCP, Code Connect, v0, Claude Code) to accelerate iteration cycles and enhance automation capabilities.

• Understand project context, domain specifics, technical requirements, and constraints to recommend appropriate UI technologies and architectural patterns.

• Work effectively with Apollo GraphQL back-end services, ensuring seamless data integration and efficient API utilization.

• Collaborate with tech leads, designers, and product managers to define functional requirements and technical specifications for the system.

• Contribute actively as a member of an Agile team, promoting effective Agile practices and contributing to sprint planning, reviews, and retrospectives.

• Proactively engage with the broader Ten Mile Square team to share knowledge, mentor junior engineers, and contribute to a culture of continuous learning and development.

• Represent Ten Mile Square Technologies with integrity, expertise, and a commitment to delivering exceptional value to clients.

• Maintain strict confidentiality regarding client information and project details.

📝 Enhancement Note: The responsibilities highlight a blend of advanced front-end development, UI/UX implementation, and technical leadership. The emphasis on "greenfield," "stateful wizard flows," "contract-driven UI," and "operational observability" points to a need for deep technical expertise in building complex, performant, and data-driven web applications. The inclusion of AI/agentic tools suggests a forward-thinking approach to development efficiency.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong educational foundation in Computer Science, Software Engineering, or a related technical field is implied by the experience requirements and the nature of the work.

Experience:

• Minimum of 5 years of professional software development experience.

• At least 2 years of experience specifically with modern UX frameworks (e.g., React, Angular, Vue.js, or similar).

• A minimum of 1 year of hands-on experience working with GraphQL.

• At least 1 year of experience developing and deploying applications on Amazon Web Services (AWS).

• Working knowledge of SQL for data querying and management.

• Familiarity with Github Actions for CI/CD pipelines.

• Demonstrated full application stack development experience, from front-end interfaces to persistence layers.

• Experience participating in the full software development lifecycle, from requirements gathering through post-implementation support.

Required Skills:

• Expertise in full-stack TypeScript development, including modern JavaScript ES6+ features.

• Proficiency in modern UX frameworks (e.g., React, with strong understanding of state management like Redux or Context API).

• Deep understanding and practical experience with GraphQL, including schema design and client implementation with libraries like Apollo Client.

• Advanced knowledge of responsive design principles and mobile-first development strategies.

• Experience in designing and implementing complex, stateful user interfaces, such as multi-step wizards.

• Ability to translate UI/UX designs (from Figma, Adobe XD) into high-quality, maintainable code.

• Familiarity with performance optimization techniques for web applications, including Core Web Vitals and client-side instrumentation.

• Proficiency in writing unit, integration, and UI automation tests.

• Experience with cloud platforms, specifically AWS for deployment and infrastructure management.

Preferred Skills:

• Experience with AI/agentic tools for accelerating development workflows (e.g., Figma MCP, v0, Claude Code).

• Familiarity with server-side journey decision logic and its integration with front-end flows.

• Experience with contract-driven development and API schema validation.

• Knowledge of continuous delivery pipelines, particularly using Github Actions.

• Working knowledge of SQL for database interactions.

• Experience with front-end graphics, image manipulation, typography, and layout principles.

📝 Enhancement Note: The qualifications emphasize a strong blend of front-end expertise, full-stack capabilities with TypeScript, and specific experience with modern technologies like GraphQL and AWS. The "more importantly" section highlights crucial soft skills and professional attributes that are vital for a senior role in a consulting environment.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrated UI/UX Implementation: Showcase projects where you translated complex wireframes and mockups into functional, responsive, and performant web interfaces. Highlight the specific tools used (e.g., Figma, Adobe XD) and the challenges overcome.

• Full-Stack TypeScript Projects: Include examples of applications built entirely or significantly with TypeScript, demonstrating expertise across the stack, from front-end components to backend integrations.

• GraphQL Integration Examples: Present projects where GraphQL was utilized for API communication, ideally demonstrating schema design, querying, and mutation handling.

• Performance Optimization Case Studies: Detail instances where you significantly improved web application performance, especially in constrained environments (low bandwidth, older devices), quantifying the improvements (e.g., reduced load times, improved Core Web Vitals).

• Reusable Component Architecture: Showcase examples of well-designed, composable, and reusable UI components, explaining the design decisions and the benefits for maintainability and scalability.

Process Documentation:

• Workflow Design & Optimization: Provide examples of how you've documented and optimized user workflows, particularly for complex multi-step processes like the wizard flows mentioned. This could include flowcharts, process maps, or detailed step-by-step guides.

• Implementation & Automation Strategies: Illustrate how you've implemented new features or improved existing ones, with a focus on code quality, testing strategies, and any automation employed in the development or deployment process.

• Measurement & Performance Analysis: Demonstrate how you've instrumented applications for operational observability, collecting metrics on performance, user behavior, and failure modes. Include examples of how this data was used for continuous improvement.

📝 Enhancement Note: For a Senior UX Engineer role with a full-stack TypeScript focus, a portfolio is crucial. It should not only showcase technical skills but also the ability to think critically about user experience, performance optimization, and architectural design. The emphasis on "greenfield," "stateful wizard flows," and "contract-driven UI" means candidates should be prepared to discuss their approach to building complex systems from the ground up.

💵 Compensation & Benefits

Salary Range: $184,000 per year (Base + Standard Bonus at plan: $160K base + $24K bonus).

Benefits:

• 100% company-paid medical insurance for employees and their families.

• 100% company-paid dental insurance for employees and their families.

• 100% company-paid vision insurance for employees and their families.

• 100% company-paid individual short-term disability insurance.

• 100% company-paid individual long-term disability insurance.

Working Hours: Assuming a standard 40-hour work week, typical for full-time roles in the US technology sector. Flexibility may be expected based on project needs and deadlines, common in consulting environments.

📝 Enhancement Note: The salary is explicitly stated and includes a base salary plus a standard bonus. The benefits package is exceptionally comprehensive, with the company covering 100% of premiums for medical, dental, and vision insurance for both the employee and their family, along with disability coverage. This indicates a strong commitment to employee well-being and financial security. The salary is competitive for a Senior UX Engineer role in the Northern Virginia area, especially given the full-stack TypeScript requirement.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology Consulting, specializing in high-end software development and complex problem-solving.

Company Size: Small to medium-sized (typical for specialized tech consulting firms, likely between 50-200 employees based on the need for senior technical leadership and a close-knit team environment).

Founded: The founding date is not specified, but the company's focus on "cutting edge technologies" and solving "largest scale and hardest problems" suggests an established firm with a forward-thinking approach.

Team Structure:

• The operations and engineering teams are likely structured around project-based engagements, with highly experienced engineers and leads.

• Reporting structure will involve direct reports to tech leads and project managers, with a clear hierarchy designed to ensure efficient project execution and client delivery.

Methodology:

• Data Analysis & Insights: While the core role is engineering, data from client platforms and user interactions will inform design and development decisions, particularly for optimization efforts.

• Workflow Planning & Optimization: The role involves designing and refining complex user workflows, emphasizing efficiency, state management, and user-friendliness.

• Automation & Efficiency: A key aspect is leveraging modern tools, including AI/agentic tools, to accelerate development cycles, improve code quality, and enhance operational observability.

Company Website: https://www.tenmilesquare.com/ (Inferred from domain_derived)

📝 Enhancement Note: Ten Mile Square Technologies positions itself as a high-caliber technology consulting firm. The culture likely values deep technical expertise, problem-solving, continuous learning, and a strong work ethic. The emphasis on cutting-edge technologies and challenging problems suggests an environment for ambitious engineers looking to expand their skill sets and work on impactful projects.

📈 Career & Growth Analysis

Operations Career Level: This role represents a Senior Engineer level, focusing on technical leadership within UI/UX and full-stack development. It involves not only hands-on coding but also architectural input, mentorship, and strategic contribution to project success. The opportunity to lead "greenfield" projects signifies a significant level of trust and responsibility.

Reporting Structure: The Senior UX Engineer will report to a Tech Lead or Project Manager. They are expected to collaborate closely with UX/UI Designers, Product Managers, and potentially other Senior Engineers. This role also implies mentoring junior engineers and contributing to knowledge sharing within the team.

Operations Impact: The impact of this role is directly tied to the success of client projects. By designing and implementing high-performance, user-friendly interfaces and robust full-stack solutions, the Senior UX Engineer directly influences client satisfaction, user adoption, platform efficiency, and ultimately, the client's business outcomes. For a personal loan platform, this means impacting customer acquisition, user engagement, and operational efficiency.

Growth Opportunities:

• Technical Specialization: Opportunity to deepen expertise in specific areas like advanced TypeScript patterns, GraphQL architecture, performance optimization, or emerging AI development tools.

• Leadership Development: Potential to grow into a Tech Lead or Architect role, managing larger projects, leading teams, and taking on more strategic architectural responsibilities.

• Cross-Domain Exposure: As a consulting firm, exposure to various industries and complex problems can broaden technical horizons and problem-solving skills beyond just front-end development.

• Mentorship: Opportunity to mentor junior engineers, honing leadership and communication skills while contributing to team growth.

📝 Enhancement Note: This role offers significant growth potential for engineers who excel in technical execution, problem-solving, and collaboration. The consulting nature of Ten Mile Square Technologies provides a dynamic environment where career progression can be rapid, driven by project success and demonstrated leadership capabilities.

🌐 Work Environment

Office Type: The job is listed as "On-site" with a specific address in Arlington, VA, indicating a traditional office-based work environment. This suggests a focus on in-person collaboration, team synergy, and direct interaction with colleagues and potentially clients.

Office Location(s): 4075 Wilson Blvd, Suite 800, Arlington, VA 22203. This location is in a business district, likely offering good accessibility via public transport and proximity to amenities.

Workspace Context:

• The environment is expected to be collaborative, fostering direct communication and knowledge sharing among team members, which is critical for complex consulting projects.

• Access to modern development tools and technologies, including high-performance workstations, is implied, supporting the use of TypeScript, GraphQL, and potentially AI-assisted development tools.

• Opportunities for regular interaction with UX/UI designers, product managers, and tech leads will be abundant, facilitating efficient iteration and problem-solving.

Work Schedule: While standard full-time hours (e.g., 40 hours/week) are assumed, the consulting nature of the business may require some flexibility to meet project deadlines or client needs. However, the emphasis on "continuous delivery" and "Agile practices" suggests a structured, yet adaptable, work schedule.

📝 Enhancement Note: The on-site requirement suggests a preference for deep team collaboration and direct mentorship, which can be highly beneficial for complex technical roles. The office location in Arlington, VA, places the role in a major tech hub with access to talent and resources.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess alignment with the technical requirements (TypeScript, GraphQL, UI frameworks, AWS) and experience level.

• Technical Interview(s): In-depth discussions focusing on your full-stack TypeScript knowledge, front-end architecture, UI/UX principles, performance optimization strategies, and experience with GraphQL. Expect coding challenges or live coding sessions.

• Portfolio Review Session: A dedicated session where you will present specific projects from your portfolio, discussing your role, technical decisions, challenges, and outcomes. Be prepared to articulate your design process and problem-solving approach.

• Behavioral and Cultural Fit Interview: Questions designed to assess your problem-solving abilities, communication skills, teamwork, integrity, self-motivation, and how you handle challenges, especially in a consulting context.

• Final Interview: Likely with senior leadership or tech leads to discuss overall fit, career aspirations, and confirm alignment with the company’s values and client expectations.

Portfolio Review Tips:

• Curate Select Projects: Choose 3-4 strong projects that best demonstrate your full-stack TypeScript, UI engineering, complex flow implementation, and performance optimization skills.

• Focus on Impact: For each project, clearly articulate the problem statement, your specific contributions, the technical solutions implemented (especially TypeScript, GraphQL, UI frameworks), and the measurable outcomes or impact.

• Showcase Process: Be ready to walk through your design and development process, including how you translated requirements/designs into code, handled state management, optimized performance, and implemented testing.

• Highlight Collaboration: If possible, provide examples of effective collaboration with designers, product managers, or other engineers.

• Prepare for Technical Deep Dives: Anticipate questions about your code structure, architectural choices, choice of libraries/frameworks, and how you approach debugging.

Challenge Preparation:

• Coding Challenges: Practice coding problems focusing on data structures, algorithms, and common JavaScript/TypeScript patterns. Be prepared for challenges related to UI component implementation or state management.

• System Design: Understand how to design scalable and performant web applications, considering aspects like API design (GraphQL), state management, performance optimization, and testing strategies.

• Problem-Solving Scenarios: Be ready to discuss how you would approach a given technical problem, break it down, and propose solutions, drawing from your experience with complex wizard flows and performance optimization.

📝 Enhancement Note: The interview process for a Senior UX Engineer role at a consulting firm will be rigorous, testing both technical depth in TypeScript and full-stack development, as well as soft skills crucial for client-facing work and team collaboration. A well-prepared portfolio is paramount.

🛠 Tools & Technology Stack

Primary Tools:

• TypeScript: The core language for full-stack development. Proficiency expected across front-end and potentially back-end.

• Modern UX Frameworks: Expertise in at least one major framework like React (highly probable given industry trends), with knowledge of its ecosystem (e.g., state management libraries like Redux, Zustand, or Context API).

• GraphQL: Essential for back-end communication, including client-side integration with libraries like Apollo Client. Experience with schema design and implementation is valuable.

• Node.js/npm/Yarn: Standard for modern JavaScript/TypeScript development environments.

Analytics & Reporting:

• Client-Side Instrumentation Tools: For capturing performance metrics, user behavior, and failure modes. Specific tools are not mentioned, but common libraries like Sentry, Datadog RUM, or custom solutions are possibilities.

• Browser Developer Tools: Essential for debugging, performance profiling, and network analysis.

• Performance Monitoring Tools: Familiarity with tools that track Core Web Vitals and other performance metrics.

CRM & Automation:

• Figma/Adobe XD: For consuming and iterating on UI/UX designs.

• AI/Agentic Tools: Explicitly mentioned (Figma MCP, Code Connect, v0, Claude Code), indicating a forward-thinking approach to leveraging AI in the development process.

• Version Control: Git, with proficiency in platforms like GitHub.

• CI/CD Tools: Github Actions is specifically mentioned for automation.

📝 Enhancement Note: The technology stack emphasizes modern, efficient development practices. The explicit mention of AI/agentic tools suggests an employer that encourages adopting new technologies to boost productivity and innovation.

👥 Team Culture & Values

Operations Values:

• Integrity & Expertise: Representing yourself and the company with high ethical standards and deep technical knowledge is paramount, especially in client-facing consulting roles.

• Quality of Work: A commitment to delivering high-quality, maintainable, and performant code and user experiences.

• Proactive Problem-Solving: Self-motivation to identify issues, propose solutions, and drive them to completion without constant supervision.

• Continuous Learning: A passion for staying abreast of new technologies and concepts, and the ability to learn them quickly.

• Client Value: A focus on delivering tangible value and solving complex problems for clients.

Collaboration Style:

• Cross-functional Integration: Close collaboration between UI/UX designers, back-end engineers, product managers, and tech leads is fundamental to project success.

• Agile Practices: Working within an Agile framework, involving regular team interactions, feedback loops, and iterative development.

• Knowledge Sharing: A culture that encourages sharing expertise, mentoring junior team members, and collectively improving development practices.

📝 Enhancement Note: The company culture appears to be built around technical excellence, client success, and continuous improvement. The emphasis on integrity, expertise, and proactive problem-solving aligns well with the demands of a high-end technology consulting firm.

⚡ Challenges & Growth Opportunities

Challenges:

• Complex User Journeys: Designing and implementing highly stateful, resumable, and resilient multi-step wizard flows for a critical financial platform.

• Performance Optimization: Achieving optimal performance across various devices and network conditions, especially in a mobile-first, low-bandwidth context.

• Bridging Design & Development: Effectively translating intricate UX/UI designs into robust, production-ready code while providing constructive feedback on feasibility and usability.

• Contract-Driven Development: Enforcing strict API contracts and schema validation to ensure seamless integration between front-end and GraphQL back-end services.

• Rapid Technology Adoption: Keeping pace with and effectively integrating emerging AI/agentic tools into the development workflow.

Learning & Development Opportunities:

• Advanced TypeScript & Full-Stack Skills: Deepening expertise in complex TypeScript patterns, advanced front-end architecture, and potentially back-end development with Node.js.

• GraphQL Mastery: Opportunity to become an expert in GraphQL schema design, optimization, and advanced client implementation.

• Performance Engineering: Gaining specialized skills in web performance tuning, client-side instrumentation, and achieving top-tier Core Web Vitals scores.

• AI in Development: Hands-on experience and learning with cutting-edge AI tools for code generation, design assistance, and workflow automation.

• Consulting Skills: Developing stronger client communication, project management, and strategic advisory skills through diverse project engagements.

📝 Enhancement Note: This role offers a rich environment for growth, particularly for engineers who thrive on tackling complex technical challenges and are eager to explore advanced technologies and methodologies. The consulting aspect provides exposure to a wide array of problems and solutions.

💡 Interview Preparation

Strategy Questions:

• Technical Strategy: "Describe your approach to designing and implementing a complex, multi-step wizard flow that needs to be stateful and resumable. What TypeScript patterns would you use? How would you handle error states and intermittent connectivity?" (Focus on demonstrating understanding of state management, resilience, and clean architecture.)

• Collaboration & Design: "How do you typically collaborate with UX/UI designers? Can you provide an example where you provided feedback on a design that significantly improved usability or performance, and how you implemented that change?" (Highlight communication, feedback loops, and iterative design.)

• Problem-Solving & Optimization: "Imagine a user journey on our personal loan platform is experiencing high abandonment rates at a specific step. How would you use client-side instrumentation and performance data to diagnose the issue, and what steps would you take to optimize it?" (Showcase analytical thinking, data-driven decision-making, and performance tuning.)

Company & Culture Questions:

• Culture Fit: "What does 'integrity, expertise, and value' mean to you in a technology consulting context? How do you embody these principles in your daily work?" (Relate your personal work ethic to the company's stated values.)

• Team Dynamics: "Describe your ideal team environment and how you contribute to a positive and productive team culture, especially within an Agile framework." (Emphasize collaboration, communication, and proactive contribution.)

• Impact Measurement: "How do you measure the success of your UI/UX engineering work beyond just meeting functional requirements? How do you ensure your work provides tangible value to clients?" (Focus on quantitative and qualitative impact, linking your work to business goals.)

Portfolio Presentation Strategy:

• Project Selection: Choose projects that best showcase your full-stack TypeScript,

GraphQL, complex UI implementation (wizard flows), and performance optimization skills.

• Structure: For each project, present:

  1. Problem/Goal: What was the objective?
  2. Your Role & Contribution: What specifically did you do?
  3. Technical Solution: Detail the technologies used (TypeScript, frameworks, GraphQL, AWS) and key architectural decisions.
  4. Challenges & Solutions: Highlight difficult aspects and how you overcame them.
  5. Outcomes & Impact: Quantify results where possible (e.g., performance improvements, user engagement, efficiency gains).

• Demonstration: Be prepared to share code snippets, architecture diagrams, or live demos if appropriate. Focus on articulating the "why" behind your technical choices.

📝 Enhancement Note: Preparation should focus on concrete examples that demonstrate proficiency in the core technologies (TypeScript, GraphQL, UI frameworks) and the ability to solve complex problems with a focus on performance and user experience, all within a consulting context.

📌 Application Steps

To apply for this Senior UX Engineer position:

• Submit your application through the provided link on SmartRecruiters.

• Portfolio Customization: Tailor your portfolio to highlight projects demonstrating full-stack TypeScript, complex UI wizard flows, GraphQL integration, and performance optimization. Ensure it clearly articulates your role and the impact of your work.

• Resume Optimization: Update your resume to emphasize your 5+ years of software development experience, specifically highlighting your 2+ years with modern UX frameworks, 1+ year with GraphQL, and 1+ year with AWS. Use keywords from the job description like "full-stack TypeScript," "mobile-first," "stateful wizard flows," and "performance optimization."

• Interview Preparation Practice: Rehearse your answers to common technical and behavioral questions, focusing on providing specific, STAR-method (Situation, Task, Action, Result) examples. Practice presenting your portfolio projects concisely and effectively.

• Company Research: Thoroughly research Ten Mile Square Technologies, focusing on their mission, client types, and the cutting-edge technologies they employ. Understand their consulting approach and values to articulate how you align with their culture.

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