Principal Engineer - UI

📍 Job Overview

Job Title: Principal Engineer - UI

Company: American Eagle Outfitters

Location: Pittsburgh, PA

Job Type: Full time

Category: Engineering - UI/Frontend Operations

Date Posted: 2026-05-11T18:58:53

Experience Level: 10+ years

Remote Status: Hybrid

🚀 Role Summary

• Lead the strategic modernization of the e-commerce platform from legacy Ember.js to Next.js, defining global web standards and architectural evolution.

• Drive the integration of AI tooling (Agentic AI, Gemini, Cursor) into the Software Development Life Cycle (SDLC) to enhance efficiency and accelerate development.

• Oversee the interoperability of legacy and modern codebases during transitional periods, ensuring a seamless customer experience and operational continuity.

• Establish and enforce technical governance for vendor partners, ensuring adherence to standardized "Definition of Done" criteria and automated quality gates.

• Optimize Developer Experience (DX) by architecting local development environments, CI/CD feedback loops, and tooling to empower a global engineering team.

📝 Enhancement Note: While the role is "Principal Engineer - UI," the responsibilities and required skills heavily lean into operations and architecture, focusing on process optimization, SDLC efficiency, and platform modernization. This suggests a strong overlap with GTM operations through e-commerce platform performance and developer workflow efficiency. The emphasis on AI integration into the SDLC also points to innovative operational approaches.

📈 Primary Responsibilities

• Drive the multi-year architectural strategy for modernizing the core web platform, specifically the transition from Ember.js to Next.js.

• Design and manage interoperability layers between legacy and modern codebases to ensure zero customer impact during migration.

• Define, maintain, and enforce enterprise "Web Boilerplate" and core libraries for consistency in state management, rendering, and integration with the AEO Design System.

• Pioneer the integration of Agentic AI (Cursor, Gemini, Qodo) into the SDLC for institutional logic, automated testing, and accelerated development cycles.

• Act as the primary technical quality arbiter for vendor partners, enforcing standardized "Definition of Done" criteria and 100% automated ticket gating.

• Architect local development environments, CI/CD feedback loops, and tooling to enhance developer velocity and reduce manual overhead.

• Own the roadmap for Core Web Vitals and SEO performance, leveraging Real User Monitoring (RUM) to validate architectural changes against business conversion metrics.

• Collaborate with Product and UX leadership to translate business vision into scalable and resilient technical roadmaps.

• Champion internal use cases for the web platform beyond customer-facing AE.com applications.

📝 Enhancement Note: The responsibilities highlight a strong focus on operational efficiency within the SDLC, performance optimization (Core Web Vitals, SEO), and strategic technical governance, all critical aspects of GTM operations for an e-commerce platform. The emphasis on AI integration and developer experience directly impacts operational throughput and innovation.

🎓 Skills & Qualifications

Education: While no specific degree is listed, the extensive experience requirement implies a strong technical foundation often gained through formal education or equivalent practical experience in Computer Science or a related field.

Experience: 10+ years of software engineering experience, with at least 3 years in a Staff or Principal role leading architectural direction for high-scale, enterprise-level web platforms.

Required Skills:

• Extensive Technical Leadership: Proven ability to architect and guide high-scale, enterprise-level web platforms.

• Mastery of Modern Web Architectures: Deep expertise in Next.js, React, and Node.js.

• Micro-frontend/Island Architectures: Proven ability to design architectures supporting multi-year framework transitions.

• Expertise in Backend-for-Frontend (BFF) Patterns: Architecting and implementing BFF layers (Node.js, GraphQL, Express) for data orchestration and optimized payload delivery.

• Legacy Modernization Experience: Decomposing and migrating complex legacy monoliths (e.g., Ember.js, Backbone, Angular.js) without business interruption.

• Design Systems & Storybook Expertise: Building, documenting, and scaling enterprise Design Systems.

• Systems Thinking & Governance: Creating and enforcing global engineering standards, enterprise boilerplates, CI/CD pipelines (Bitbucket), and automated quality gates.

• AI-First Mindset: Practical experience with Agentic AI and LLMs (Gemini, Code Assist) for documentation, code audits, and throughput improvement.

• Performance-Driven Mentality: Deep understanding of Web Vitals, SEO optimization, and browser internals; ability to use RUM data for decisions.

• Strategic Partner Management: Governing technical output of distributed teams and external vendors.

Preferred Skills:

• Micro-Frontend (MFE) Orchestration: Module Federation or similar patterns.

• GraphQL: Deep knowledge of schema design for complex data orchestration.

• Event-Driven Architecture: Integrating frontends with asynchronous backend systems.

• Infrastructure as Code (IaC): Proficiency in Terraform or AWS CDK.

• Retail/E-commerce Specifics: Domain expertise in headless commerce, inventory orchestration, high-traffic transactional environments.

• Web Accessibility (a11y) Specialist: Advanced knowledge of WCAG standards and audit experience.

• Experience with Optimizely experimentation platform.

• Experience with Google Tag Manager (GTM, SGTM) for third-party integration management.

• Familiarity with native app development (iOS/Android) for cross-platform alignment.

📝 Enhancement Note: The required skills emphasize deep technical expertise in modern web technologies and a strong understanding of system architecture, performance optimization, and process governance. The "AI-First Mindset" and "Performance-Driven Mentality" are key indicators of a role focused on operational excellence and efficiency gains through technology.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Architectural Blueprints: Showcase examples of designing and evolving complex web architectures, particularly those involving significant modernization efforts (e.g., Ember.js to Next.js).

• Legacy Modernization Case Studies: Detail successful projects where complex legacy systems were decomposed and migrated to modern platforms with minimal disruption and demonstrable performance improvements.

• Design System Implementation: Provide examples of enterprise-level Design Systems built and scaled using tools like Storybook, highlighting consistency and reusability achievements.

• AI Integration Examples: Illustrate practical applications of AI tooling (Agentic AI, LLMs) within the SDLC, such as automated code audits, documentation generation, or testing acceleration, focusing on efficiency gains.

• Performance Optimization Strategies: Present case studies demonstrating improvements in Core Web Vitals, SEO rankings, and conversion rates driven by architectural changes and RUM data analysis.

• Developer Experience (DX) Enhancements: Showcase initiatives that improved developer tooling, CI/CD pipelines, or local development environments, with metrics on velocity or efficiency gains.

Process Documentation:

• Workflow Design & Optimization: Document the process of designing and implementing interoperability layers between legacy and modern systems, ensuring seamless user experiences.

• Technical Governance Frameworks: Demonstrate experience in creating and enforcing global engineering standards, including enterprise boilerplates, automated quality gates, and "Definition of Done" criteria for internal teams and vendor partners.

• CI/CD Pipeline Optimization: Show examples of architecting and refining CI/CD pipelines (e.g., Bitbucket) to maximize developer throughput and minimize manual intervention.

• Performance Monitoring & Analysis: Illustrate processes for monitoring Core Web Vitals, SEO performance, and RUM data, and how this data informs strategic architectural decisions.

📝 Enhancement Note: A strong portfolio demonstrating hands-on experience with architectural modernization, process governance, and leveraging advanced technologies for efficiency is crucial. Candidates should be prepared to present detailed case studies that quantify the impact of their work on both developer productivity and business outcomes.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for Principal Engineer roles in Pittsburgh, PA, with 10+ years of experience and specialized skills in modern web architecture and AI integration, the estimated salary range is $170,000 - $240,000 per year. This estimate considers the cost of living in Pittsburgh, the high level of technical expertise required, and the strategic importance of the role in driving digital transformation.

Benefits:

• Generous employee discount on American Eagle Outfitters products.

• Summer Fridays for enhanced work-life balance.

• Casual dress code, fostering a relaxed work environment.

• Hybrid work schedule, offering flexibility between home and office.

• Comprehensive Health Care Benefits, including medical, vision, and dental insurance.

• Wellness benefits designed to support employee well-being.

• 401(k) retirement benefits with potential company match.

• Life and disability insurance for financial security.

• Employee Stock Purchase Program, offering opportunities for ownership.

• Paid Time Off (PTO) and paid sick leave, with variations based on job level and tenure.

• Parental leave and benefits to support new parents.

• Potential for discretionary bonuses and other incentives.

Working Hours: Standard full-time hours, typically 40 hours per week, with a hybrid work arrangement. Flexibility may be offered, but the role demands significant strategic input and leadership, requiring dedicated time for architectural planning, problem-solving, and team collaboration.

📝 Enhancement Note: The estimated salary range is based on data from reputable compensation aggregators for Principal Engineer roles in major tech hubs like Pittsburgh, factoring in the specific skills mentioned (Next.js, AI, legacy modernization) and the seniority level. The benefits package is comprehensive and aligns with industry standards for large retail organizations.

🎯 Team & Company Context

🏢 Company Culture

Industry: Retail (Apparel & Accessories)

Company Size: Large (Estimated 5,000-10,000+ employees based on typical large retail organizations, though AEO's LinkedIn shows 10,001+ employees). This indicates a well-established company with significant resources and complex operational structures.

Founded: 1977. With a long history, AEO has likely experienced multiple technological evolutions, making the current modernization effort a significant strategic initiative.

Team Structure:

• The Principal Engineer - UI will report to the Director of Engineering, indicating a clear leadership hierarchy within the engineering department.

• This role will likely interact with multiple engineering teams, Product Management, UX/Design, and potentially vendor partners, requiring strong cross-functional collaboration.

Methodology:

• Data-Driven Decision Making: The role emphasizes using Real User Monitoring (RUM) data to validate architectural changes against business conversion, highlighting a data-centric approach to operations.

• Agile & Iterative Development: The focus on CI/CD, rapid feedback loops, and continuous improvement suggests an Agile or Lean development methodology.

• Process Optimization: A core aspect of the role is enhancing the SDLC through AI and improved tooling, indicating a strong focus on operational efficiency and continuous process refinement.

Company Website: https://www.aeo-inc.com/

📝 Enhancement Note: AEO's established presence in the retail sector means the Principal Engineer will operate within a large, matrixed organization. The "Better Together" culture and focus on inclusion suggest a collaborative environment, but the scale of modernization initiatives requires strong technical leadership and process discipline, typical of operations-focused roles within large enterprises.

📈 Career & Growth Analysis

Operations Career Level: This is a Principal-level individual contributor role, representing a senior technical leadership position. It's a critical architect role focused on defining the technical future and operational standards for the web platform, rather than direct people management.

Reporting Structure: Reports to the Director of Engineering. This implies a senior position within the engineering hierarchy, with direct influence on technical strategy and execution.

Operations Impact: The role has a direct and significant impact on revenue operations by:

• Enhancing E-commerce Performance: Modernizing the platform with Next.js, optimizing Core Web Vitals, and improving SEO directly impacts conversion rates, user engagement, and ultimately, online sales.

• Improving Developer Productivity: Streamlining the SDLC through AI and better tooling reduces development costs, accelerates time-to-market for new features, and increases overall operational efficiency.

• Ensuring Platform Stability & Scalability: Architecting for future growth and managing hybrid technical states ensures the platform can handle peak traffic and business expansion.

• Strategic Vendor Management: Ensuring technical quality from partners directly impacts project timelines and the successful implementation of GTM strategies.

Growth Opportunities:

• Technical Specialization: Deepen expertise in cutting-edge web technologies, AI in SDLC, and large-scale platform modernization.

• Architectural Leadership: Influence and define the technical vision for a major retail brand's digital presence.

• Cross-Functional Impact: Collaborate with product, UX, and business leaders to drive strategic initiatives that have a tangible impact on the business.

• Mentorship: Guide and mentor other engineers in architectural best practices, performance optimization, and modern development techniques.

• Potential for Director/VP Roles: Successful execution and impact at this level can pave the way for future leadership roles in engineering management or architecture.

📝 Enhancement Note: This role is ideal for an engineer who wants to shape the technical direction and operational efficiency of a major e-commerce platform. The "Principal" title signifies a high level of autonomy and influence, with growth potential into broader architectural leadership or executive engineering roles.

🌐 Work Environment

Office Type: Hybrid Schedule. This implies a mix of remote work and in-office collaboration, balancing flexibility with the need for in-person team interaction and strategic alignment.

Office Location(s): Pittsburgh, PA. Specific office details are not provided, but typical corporate office environments would be expected, featuring collaborative workspaces, meeting rooms, and necessary amenities.

Workspace Context:

• Collaborative Environment: The hybrid model and the emphasis on cross-functional collaboration suggest an environment where engineers work closely with product managers, designers, and other engineering teams.

• Tooling & Technology: Access to modern development tools, cloud infrastructure, and enterprise-grade observability and testing platforms will be standard.

• Operations Focus: The Principal Engineer role will likely involve dedicated time for strategic planning, deep technical analysis, and architectural design, potentially requiring focused work periods.

Work Schedule: While a standard 40-hour work week is implied, the demands of a Principal-level role, especially during a major platform modernization and AI integration initiative, may require flexibility and dedication beyond standard hours during critical project phases.

📝 Enhancement Note: The hybrid environment at AEO aims to balance flexibility with the operational needs of a large engineering team undergoing significant transformation. The Pittsburgh location offers a specific geographic focus for in-office collaboration.

📄 Application & Portfolio Review Process

Interview Process: Typically involves several stages for a Principal-level role:

1. Initial Screening: HR or Recruiter call to assess basic qualifications, cultural fit, and interest.

2. Technical Phone Screen: Focused on core technical skills, architectural design, and problem-solving abilities related to web development.

3. On-site/Virtual Loop (Multiple Sessions):

• System Design/Architecture Interview: Deep dive into designing scalable, performant web architectures, including handling legacy systems and future-proofing.
• Coding/Problem-Solving Interview: Assessing proficiency in relevant languages/frameworks (Next.js, React, Node.js) and ability to tackle complex coding challenges.
• Behavioral/Leadership Interview: Evaluating experience in technical leadership, team collaboration, stakeholder management, and driving initiatives.
• Cross-Functional Interview: Interaction with Product, UX, or other engineering leads to assess collaboration and communication.
• Portfolio Review/Presentation: A dedicated session to walk through key projects and demonstrate impact.

1. Hiring Manager/Director Interview: Final discussion on vision, strategy, and fit for the team.

Portfolio Review Tips:

• Focus on Impact: Showcase projects where your technical leadership directly led to measurable improvements in performance, efficiency, or business outcomes. Quantify results whenever possible (e.g., % improvement in Core Web Vitals, reduction in MTTC, increase in conversion rate).

• Demonstrate Architectural Vision: Clearly articulate your design choices, the trade-offs considered, and how your solutions address complex challenges like legacy modernization and scalability.

• Highlight Process & Operations: Include examples of how you've improved SDLC processes, implemented governance, or enhanced developer experience. Showcase your understanding of operational efficiency.

• AI Integration Case Studies: Present specific examples of how you've leveraged AI tools to improve engineering throughput, code quality, or testing efficiency.

• Storytelling: Structure your presentations around the problem, your solution, and the results. Use clear visuals and concise explanations.

• Tailor to the Role: Emphasize experience with Next.js, Ember.js modernization, BFF patterns, and performance optimization, as these are critical for this specific role.

Challenge Preparation:

• System Design: Practice designing complex web applications, considering scalability, performance, security, and maintainability. Be prepared to discuss micro-frontends, BFF, and data fetching strategies.

• Coding: Brush up on JavaScript, React, and Node.js. Practice algorithm and data structure problems, as well as domain-specific challenges related to UI development and performance.

• AI in SDLC: Be ready to discuss your experience and ideas for integrating AI into development workflows, testing, and code quality assurance.

• Legacy Modernization: Prepare to discuss strategies and lessons learned from decomposing and migrating large, legacy applications.

• Performance Optimization: Understand Core Web Vitals, SEO best practices, and how to use RUM data to drive architectural decisions.

📝 Enhancement Note: The interview process for a Principal Engineer is rigorous and focuses heavily on architectural thinking, problem-solving, and the ability to drive strategic technical initiatives. A well-curated portfolio that demonstrates tangible impact and operational improvements is essential.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Frameworks: Next.js (primary focus), React, Ember.js (legacy)

• Languages: JavaScript, TypeScript, Node.js

• Architectural Patterns: Micro-frontends (MFE), Backend-for-Frontend (BFF), Island Architectures

• Design Systems: Storybook, AEO Design System

• Testing Frameworks: Playwright (enterprise testing suite), Jest (likely for unit/integration)

• Version Control: Bitbucket (CI/CD pipeline context)

• AI/LLM Tools: Cursor, Gemini, Qodo, Code Assist (for SDLC acceleration)

Analytics & Reporting:

• Real User Monitoring (RUM): New Relic, Quantum Metric, OTe (for performance and user behavior analysis)

• Web Vitals & SEO: Tools for monitoring and improving these metrics.

• Experimentation: Optimizely (preferred)

• Tag Management: Google Tag Manager (GTM, SGTM)

CRM & Automation:

• Integration Tools: Likely involved in orchestrating data from various backend microservices and legacy APIs.

• Infrastructure: Terraform, AWS CDK (for Infrastructure as Code, if involved in influencing hosting environment)

• Messaging/Eventing: Kafka, RabbitMQ (for event-driven architecture integration)

📝 Enhancement Note: The technology stack is modern and comprehensive, reflecting a commitment to cutting-edge development practices and operational excellence. Proficiency in Next.js, React, Node.js, and a strong understanding of performance monitoring and AI integration tools are paramount.

👥 Team Culture & Values

Operations Values:

• Engineering Excellence: A commitment to building high-quality, performant, and scalable web applications.

• Innovation & Efficiency: Driving continuous improvement through new technologies like AI and optimizing development processes to increase throughput.

• Customer Focus: Ensuring the web platform delivers exceptional customer experiences, directly impacting conversion and brand perception.

• Collaboration & Ownership: Working effectively across teams, taking ownership of architectural decisions, and guiding technical direction.

• Data-Driven Decisions: Utilizing metrics and analytics (RUM, Core Web Vitals) to inform strategic choices and validate outcomes.

• Continuous Learning: Staying abreast of emerging technologies and methodologies to maintain a competitive edge.

Collaboration Style:

• Cross-functional Integration: Actively partnering with Product Management, UX/Design, and other engineering teams to align technical strategy with business goals.

• Technical Stewardship: Leading by example, setting standards, and mentoring engineers to foster a culture of quality and best practices.

• Open Communication: Facilitating clear and concise communication regarding architectural decisions, technical challenges, and progress updates, especially with distributed teams and vendor partners.

• Feedback Exchange: Encouraging constructive feedback to drive process improvements and enhance team performance.

📝 Enhancement Note: The culture likely emphasizes a blend of high technical standards, a forward-thinking approach to innovation (especially with AI), and a strong focus on delivering business value through efficient and effective operations.

⚡ Challenges & Growth Opportunities

Challenges:

• Complex Legacy Modernization: Successfully migrating a large, critical e-commerce platform from Ember.js to Next.js while maintaining business continuity and performance.

• Managing Hybrid Technical States: Ensuring seamless interoperability between legacy and new systems during a multi-year transition.

• Integrating AI into SDLC: Effectively implementing and scaling Agentic AI tools to demonstrably improve development efficiency and quality across distributed teams.

• Technical Governance Across Partners: Enforcing high technical standards and automated quality gates with external vendor partners.

• Balancing Performance & Feature Velocity: Continuously optimizing Core Web Vitals and SEO while delivering new customer-facing features at pace.

Learning & Development Opportunities:

• Deep Dive into Next.js & Modern Architectures: Gain unparalleled experience in building and scaling enterprise-grade applications with Next.js.

• Pioneering AI in Engineering: Lead the charge in applying cutting-edge AI tools to revolutionize software development processes.

• Strategic Architectural Influence: Shape the long-term technical direction of a major retail brand's digital presence.

• Cross-functional Leadership: Develop strong relationships and influence across Product, UX, and business units.

• Industry Conferences & Certifications: Opportunities to represent AEO and gain insights from leading experts in web development, AI, and e-commerce.

• Mentorship Programs: Formal or informal opportunities to mentor junior engineers and learn from senior leaders.

📝 Enhancement Note: The challenges are significant but offer immense opportunities for growth and impact. This role is for an engineer who thrives on complex problems and wants to be at the forefront of technological innovation within a major retail organization.

💡 Interview Preparation

Strategy Questions:

• "Describe your approach to architecting a large-scale migration from a legacy framework like Ember.js to a modern framework like Next.js. What are the key operational considerations for managing this transition without impacting customer experience or revenue?" (Focus on phased rollouts, interoperability layers, A/B testing, and performance monitoring.)

• "How would you integrate Agentic AI tools into our current SDLC to improve developer productivity? Provide specific examples of AI applications for code generation, testing, or documentation, and how you'd measure their operational impact." (Prepare to discuss metrics like MTTC, code review time, bug reduction, and specific AI tools you've used.)

• "Imagine a scenario where a vendor partner is consistently failing to meet your 'Definition of Done' criteria, impacting our CI/CD pipeline. How would you address this from a technical governance and operational efficiency perspective?" (Focus on clear communication, automated gating, contractual enforcement, and collaborative problem-solving.)

Company & Culture Questions:

• "Based on your understanding of AEO's commitment to modernization and AI integration, what do you see as the biggest operational opportunity for the UI Engineering team in the next 1-2 years?" (Show you've researched their strategic initiatives and can connect them to operational improvements.)

• "How do you foster a culture of technical excellence and continuous learning within an engineering team, especially in a hybrid work environment?" (Discuss mentorship, knowledge sharing, and setting high standards.)

Portfolio Presentation Strategy:

• Structure: Problem -> Solution -> Impact. For each key project, clearly articulate the challenge, your architectural approach, the specific technologies used, your role, and the quantifiable results achieved.

• Quantify Operations Impact: For modernization projects, highlight improvements in loading times, conversion rates, or developer efficiency. For AI integration, showcase metrics on time saved or bugs reduced.

• Showcase Process: Present diagrams for architecture, workflows for CI/CD, or examples of your governance frameworks.

• Be Ready for Deep Dives: Prepare to answer detailed questions about your design choices, trade-offs, and technical execution.

• Highlight Relevant Skills: Emphasize your experience with Next.js, Ember.js modernization, BFF, performance optimization, and AI integration.

📝 Enhancement Note: Interview preparation should focus on demonstrating strategic thinking, deep technical expertise, and a strong understanding of how engineering decisions impact business operations and revenue. The ability to articulate complex technical concepts and their business implications is key.

📌 Application Steps

To apply for this Principal Engineer - UI position:

• Submit your application through the provided Oracle Cloud portal link.

• Portfolio Customization: Tailor your resume and any portfolio examples to highlight your experience with Next.js, legacy modernization (specifically Ember.js), BFF patterns, AI integration in SDLC, and performance optimization (Core Web Vitals, SEO). Showcase quantifiable results.

• Resume Optimization: Ensure your resume clearly articulates your 10+ years of experience, with specific emphasis on your 3+ years in Staff/Principal roles. Use keywords from the job description, such as "Next.js," "Ember.js modernization," "Agentic AI," "SDLC," "Core Web Vitals," and "BFF Patterns."

• Interview Preparation: Practice explaining complex architectural decisions, system design scenarios, and how you've driven operational efficiency through technology. Prepare to present your portfolio with a clear focus on impact and process.

• Company Research: Familiarize yourself with American Eagle Outfitters' brand, their current e-commerce platform strategy, and their stated commitment to innovation and AI. Understand their "Better Together" 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.

---