Engineer UI

📍 Job Overview

Job Title: Engineer - UI

Company: American Eagle Outfitters

Location: Pittsburgh, PA, United States

Job Type: Full time

Category: Engineering - Frontend / UI Development

Date Posted: 2026-08-06T18:27:38

Experience Level: Mid-Level (2-5 years)

Remote Status: Hybrid

🚀 Role Summary

• Spearhead the architectural overhaul of a major e-commerce platform, migrating from Ember.js to Next.js.

• Develop and implement features for AE.com's enterprise single-page web application, focusing on clean, modular, and reusable code.

• Drive innovation by leveraging and experimenting with cutting-edge AI tooling across the Software Development Life Cycle (SDLC) to enhance efficiency and explore new solutions.

• Collaborate within a focused product delivery team to iterate on features and experiments that directly support key business initiatives in a high-transaction e-commerce environment.

📝 Enhancement Note: While the title is "Engineer UI," the description strongly indicates a frontend engineering role with a significant focus on modern JavaScript frameworks and e-commerce platform development. The emphasis on architectural overhaul, AI tooling integration, and A/B experimentation positions this as a strategic role within the engineering team, rather than a purely visual design or basic UI implementation position.

📈 Primary Responsibilities

• Develop clean, modular, and reusable frontend code for the AE.com enterprise single-page web application, adhering to best practices in modern web development.

• Write comprehensive unit tests to ensure functionality and maintain code quality throughout the development process.

• Design and implement A/B experiments to rigorously validate the viability and impact of new feature enhancements and optimizations.

• Contribute to the modernization of legacy Ember components by actively transforming them into Next.js architecture.

• Proactively research, experiment with, and deploy AI tooling (e.g., Google Gemini, Qodo, Applitools, Atlassian Rovo) across the SDLC to drive innovation and improve development efficiency.

• Communicate technical designs, project risks, and mitigation plans effectively with project managers, cross-functional teams, and stakeholders.

• Analyze complex technical challenges, prioritize solutions, and present findings and recommendations clearly.

• Identify and lead initiatives for technical improvements within the UI space, from planning and definition to execution and resolution.

• Create, document, and communicate detailed technical designs based on architectural recommendations and business requirements.

• Assist in and/or lead issue resolution for production support, ensuring minimal disruption to the customer experience.

• Collaborate closely with cross-functional teams, including product management, design, and backend engineering, to deliver smart, clean, and efficient solutions.

• Drive efficiencies within the engineering team by identifying and implementing process improvements and automation opportunities.

📝 Enhancement Note: The responsibilities highlight a blend of core frontend development, architectural modernization, experimental design (A/B testing), and a strong emphasis on adopting and integrating AI technologies. This suggests the role requires not only technical proficiency but also a forward-thinking mindset and a proactive approach to innovation.

🎓 Skills & Qualifications

Education:

• Bachelor’s or Master’s degree in Computer Science, Technology, or a related technical field. Experience:

• 3+ years of experience in agile development methodologies.

• 3+ years of relevant software engineering experience with a focus on frontend development.

• Extensive experience implementing User Interfaces (UI) following the Model-View-Controller (MVC) architectural pattern.

• 2+ years of hands-on experience with a modern single-page application (SPA) framework, such as Next.js, React.js, Vue.js, or Angular.js.

• Extensive experience utilizing RESTful APIs for data retrieval and manipulation in frontend applications.

• Proven experience architecting and implementing scalable CSS solutions for large-scale, responsive web applications. Required Skills:

• Next.js / React.js: Deep understanding and practical application of Next.js and/or React.js for building complex web applications.

• JavaScript (ES6+): Strong proficiency in modern JavaScript, including asynchronous programming, module systems, and performance optimization.

• MVC Architecture: Solid grasp of MVC principles and their application in frontend development.

• RESTful API Integration: Ability to effectively consume and interact with RESTful APIs to build dynamic user experiences.

• CSS Architecture: Expertise in designing and implementing maintainable and scalable CSS for responsive, large-scale applications.

• Agile Development: Proven experience working within agile frameworks (Scrum, Kanban) to deliver iterative software.

• Unit Testing: Proficiency in writing effective unit tests to ensure code quality and reliability.

• Software Development Life Cycle (SDLC): Comprehensive understanding of the full SDLC, including planning, development, testing, deployment, and maintenance.

Preferred Skills:

• Next.js Ecosystem: Extensive hands-on experience with Next.js and a deep understanding of its ecosystem, including server-side rendering (SSR), static site generation (SSG), and API routes.

• Design Systems (Storybook): Proven success in developing, scaling, and applying robust design systems using tools like Storybook to ensure consistency and bridge the gap between design and engineering.

• Automation Frameworks (Playwright): Hands-on experience with automation testing frameworks such as Playwright for end-to-end testing and quality assurance.

• Experimentation Platforms (Optimizely): Experience with enterprise experimentation platforms like Optimizely for A/B testing and conversion rate optimization.

• Legacy Architectures (Handlebars): Familiarity with Handlebars and legacy web architectures, beneficial for understanding and modernizing existing codebases.

• Project Management Tools (Jira/Bitbucket): Experience with development and project management tools like Jira and Bitbucket for task tracking, version control, and collaboration.

• E-commerce Experience: High transactional e-commerce experience, demonstrating an understanding of the unique challenges and requirements of online retail platforms.

• Native App Development: Experience with native mobile application development (iOS/Android) is a plus, indicating a broader understanding of cross-platform development.

📝 Enhancement Note: The required skills are heavily weighted towards modern JavaScript frameworks, particularly Next.js, and core frontend development principles. The preferred skills indicate a desire for candidates who can contribute to more advanced areas like design systems, advanced testing, and experimentation, directly impacting the e-commerce platform's user experience and business outcomes.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Code Samples: Showcase well-structured, modular, and well-documented code samples demonstrating proficiency in Next.js/React.js and JavaScript. Prioritize projects that highlight complex UI development or architectural patterns.

• Process Improvement Case Studies: Include at least one detailed case study illustrating a process improvement you implemented, ideally related to development efficiency, code quality, or workflow optimization. Quantify the impact with metrics where possible.

• System Implementation Examples: Demonstrate experience with integrating frontend applications with backend systems, particularly through RESTful APIs. Show examples of how you handled data fetching, state management, and error handling.

• A/B Experimentation Contributions: If possible, include examples or descriptions of how you've contributed to or implemented A/B tests, focusing on the methodology and the resulting insights or impact.

• Design System Contributions: Showcase any experience with design systems, preferably using Storybook. This could include contributions to existing systems or examples of how you've ensured UI consistency.

Process Documentation:

• Workflow Design & Optimization: Be prepared to discuss how you approach designing and optimizing frontend development workflows. This includes your experience with agile methodologies, CI/CD pipelines (even if indirectly), and code review processes.

• Implementation & Automation: Detail your methods for implementing new features, refactoring legacy code, and any automation you've introduced to streamline development or testing processes.

• Measurement & Performance Analysis: Be ready to discuss how you measure the performance and success of your work. This includes unit testing strategies, understanding key performance indicators (KPIs) for web applications (e.g., load times, conversion rates), and how you analyze data to drive decisions.

📝 Enhancement Note: For a role focused on architectural modernization and innovation, a portfolio should clearly demonstrate not just coding ability but also an understanding of process, efficiency, and impact. Case studies on process improvements and clear examples of system integration will be highly valued.

💵 Compensation & Benefits

Salary Range:

Based on industry benchmarks for a Mid-Level UI Engineer with 3-5 years of experience in Pittsburgh, PA, the estimated salary range is $90,000 - $130,000 per year. This estimate considers the cost of living in Pittsburgh, the specific technical requirements (Next.js, AI tooling), and the company's status as a large retail organization.

Benefits:

• Health Care: Comprehensive medical, vision, and dental insurance plans.

• Wellness: Dedicated wellness programs and benefits to support employee well-being.

• Retirement: 401(k) retirement savings plan with potential company match.

• Insurance: Life insurance and disability insurance coverage.

• Equity: Employee Stock Purchase Program (ESPP) allowing associates to buy company stock.

• Time Off: Generous Paid Time Off (PTO) and paid sick leave.

• Parental Leave: Supportive parental leave benefits.

• Employee Discount: Significant discount on American Eagle Outfitters products.

• Work-Life Balance: Summer Fridays and a casual dress code contribute to a flexible work environment.

• Other: Holiday pay and potential discretionary bonuses.

Working Hours:

• Standard full-time position, likely around 40 hours per week.

• The hybrid schedule offers flexibility, allowing for a balance between in-office collaboration and remote work. Specific in-office days will be determined by the team and manager.

📝 Enhancement Note: The salary range is an estimate based on public data for similar roles in Pittsburgh. The inclusion of AI tooling and a significant architectural modernization project could place this role at the higher end of the estimated range. The benefits listed are directly from the job description, highlighting a robust package.

🎯 Team & Company Context

🏢 Company Culture

Industry: Apparel Retail. American Eagle Outfitters operates as a leading global specialty retailer known for its popular youth-focused apparel brands, including American Eagle and Aerie. The company has a strong e-commerce presence alongside its physical stores.

Company Size: Large (Over 10,000 employees globally). As a large, publicly traded company, AEO offers stability, extensive resources, and opportunities for structured career progression. For operations professionals, this often translates to well-defined processes, established systems, and a robust infrastructure.

Founded: 1977. With a long history, AEO has established a strong brand identity and market presence, indicating a mature organizational structure and a deep understanding of its customer base.

Team Structure:

• Operations Team Aspect 1: The UI Engineering team is likely part of a larger Digital Engineering or Technology department. It's described as a "focused product delivery team," suggesting small, agile units working on specific product areas or features.

• Operations Team Aspect 2: The role reports to an "Associate Manager - Engineering," indicating a clear hierarchy. This manager likely oversees multiple engineers and is responsible for technical direction and team performance.

• Operations Team Aspect 3: Collaboration is emphasized, with requirements to "Communicate effectively across desks / teams / departments" and "Collaborate with cross-functional teams." This means working closely with product managers, designers, backend engineers, and potentially marketing or data analytics teams.

Methodology:

• Data Analysis & Insights: The role involves constructing A/B experiments and analyzing their outcomes, indicating a data-driven approach to feature development and validation.

• Workflow Planning & Optimization: Responsibilities include advancing engineering team efficiencies through process improvement, suggesting a focus on Lean and Agile principles to optimize development workflows.

• Automation & Efficiency: A key theme is leveraging AI tooling to automate mundane tasks and enhance development efficiency, showcasing a commitment to adopting cutting-edge technologies for operational gains.

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

📝 Enhancement Note: The company's focus on digital transformation, architectural overhaul, and AI integration suggests a forward-thinking technology department within a traditional retail giant. This hybrid environment offers both stability and innovation potential for operations-minded individuals.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Level Engineer, typically requiring 2-5 years of dedicated experience. It involves taking ownership of feature development, contributing to architectural decisions, and actively participating in process improvements. It's a step beyond junior roles, requiring more autonomy and a deeper understanding of development best practices and business impact.

Reporting Structure: The Engineer UI will report to an Associate Manager - Engineering. This manager will likely provide guidance, set priorities, and conduct performance reviews. The role also requires significant collaboration with peers within the product delivery team and stakeholders across various departments, indicating a matrixed reporting and collaboration structure.

Operations Impact: The UI Engineer's work directly impacts the customer experience on AE.com, influencing conversion rates, customer satisfaction, and brand perception. By modernizing the platform with Next.js and leveraging AI, the engineer contributes to improved site performance, enhanced user engagement, and increased operational efficiency for the digital storefront, ultimately driving revenue and business growth.

Growth Opportunities:

• Operations Skill Advancement: Deepen expertise in Next.js, React.js, and associated ecosystems. Gain hands-on experience with advanced AI tools and their application in the SDLC. Develop a strong understanding of e-commerce platform architecture and optimization strategies.

• Leadership Potential: Progress to Senior UI Engineer roles, taking on more complex architectural challenges, mentoring junior engineers, and leading feature initiatives. Potential to move into team lead or management positions within engineering or related operations functions.

• Cross-Functional Expertise: Develop a strong understanding of A/B testing methodologies, design systems, and other experimentation platforms, broadening skill sets beyond core development into product optimization and data-driven decision-making.

📝 Enhancement Note: This role offers a clear path for technical growth within a modern frontend stack and a significant opportunity to influence the direction of a major e-commerce platform. The emphasis on AI integration is a key differentiator for career development in the current tech landscape.

🌐 Work Environment

Office Type: The company offers a Hybrid schedule, indicating a blend of in-office and remote work. This suggests a modern approach to work-life balance, allowing for focused work at home and collaborative sessions or team building in the office.

Office Location(s): The primary work location is Pittsburgh, PA. Specific details about the office amenities or collaborative spaces would typically be available during a site visit or further interview stages.

Workspace Context:

• Collaborative Environment: The emphasis on communication and cross-functional collaboration suggests a dynamic office environment where teamwork and idea-sharing are encouraged.

• Operations Tools & Technology: Engineers will have access to modern development tools, likely including robust IDEs, version control systems (Jira/Bitbucket), and potentially dedicated AI tooling platforms. The company is actively investing in modernizing its tech stack.

• Team Interaction: Expect regular stand-ups, sprint planning meetings, and ad-hoc discussions with team members and stakeholders, fostering a connected and efficient working atmosphere.

Work Schedule: The standard work schedule is likely 40 hours per week, with flexibility afforded by the hybrid arrangement. This allows operations professionals to manage their time effectively while ensuring project deadlines and collaborative needs are met.

📝 Enhancement Note: The hybrid model is a significant perk for many professionals, offering flexibility. The emphasis on collaboration suggests that while remote work is an option, in-office days will be strategically used for high-impact interactions and team cohesion.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will likely conduct an initial phone screen to assess basic qualifications, experience, and cultural fit.

• Technical Assessment: Expect a technical interview, which may include:

  • Coding Challenges: Live coding exercises focusing on JavaScript, Next.js/React.js, algorithm fundamentals, and problem-solving. These could be conducted via a shared editor or whiteboard.
  • System Design: Questions related to designing scalable frontend architectures, component reusability, and API integrations.
  • Conceptual Questions: Discussions about MVC patterns, CSS architecture, state management, and performance optimization.

• Portfolio Review: A dedicated session to walk through your portfolio. Be prepared to discuss your projects in detail, highlighting your role, technical decisions, challenges faced, and outcomes achieved. Focus on quantifiable results and process improvements.

• Behavioral/Situational Interviews: Questions assessing your ability to collaborate, communicate, handle conflict, and adapt to change. Prepare examples using the STAR method (Situation, Task, Action, Result).

• Hiring Manager/Team Interview: A final interview to assess overall fit with the team, company culture, and discuss the role in more depth.

Portfolio Review Tips:

• Showcase Next.js Expertise: Prioritize projects that clearly demonstrate your mastery of Next.js, including SSR, SSG, API routes, and its ecosystem.

• Highlight Process Improvements: If you have a case study on optimizing a development workflow, improving code quality, or implementing a new tool (especially AI-related), make it a centerpiece. Quantify the impact.

• Focus on Impact & Metrics: For each project, be ready to discuss the business impact, user experience improvements, or efficiency gains achieved. Use metrics wherever possible (e.g., performance improvements, conversion rate changes, development time reduction).

• Demonstrate Problem-Solving: Clearly articulate the challenges you faced in your projects and the innovative solutions you developed. This is especially important for the architectural modernization aspect of the role.

• Code Quality & Documentation: Ensure any code samples shared are clean, well-organized, and appropriately documented.

Challenge Preparation:

• AI Tool Integration: Be prepared to discuss how you would approach integrating AI tools into the SDLC, even if hypothetically. Think about potential use cases for code generation, testing, or debugging.

• Architectural Modernization: Understand the benefits and challenges of migrating from a legacy framework (Ember.js) to a modern one (Next.js). Be ready to discuss strategies for phased rollouts and minimizing disruption.

• A/B Testing Concepts: Familiarize yourself with the principles of A/B testing, experimental design, and how to interpret results to drive product decisions.

📝 Enhancement Note: The emphasis on AI tooling and architectural modernization means interviewers will look for candidates who are not just coders but also problem-solvers and innovators. Demonstrating a proactive approach to learning and applying new technologies will be crucial.

🛠 Tools & Technology Stack

Primary Tools:

• Next.js: The core framework for building the new generation of the AE.com frontend. Deep understanding is essential.

• React.js: The underlying library for Next.js; strong React skills are foundational.

• JavaScript (ES6+): The primary programming language for frontend development.

• CSS (Sass/LESS): For styling and responsive design. Experience with CSS architecture patterns is key.

• HTML5: For semantic markup.

Analytics & Reporting:

• Optimizely (Preferred): For A/B testing and experimentation, allowing for data-driven feature validation.

• Google Gemini / Other AI Tools: For exploring AI applications across the SDLC, potentially for code generation, debugging assistance, or documentation.

• Applitools (Preferred): For visual testing and AI-powered UI validation, ensuring visual consistency.

CRM & Automation:

• Jira / Bitbucket (Preferred): For project management, issue tracking, and version control.

• Playwright (Preferred): For end-to-end automated testing and quality assurance.

• Storybook (Preferred): For developing, documenting, and maintaining design systems.

Other Relevant Technologies:

• RESTful APIs: For communication between frontend and backend services.

• Handlebars (Familiarity): Useful for understanding and potentially migrating legacy components.

• Native App Development (iOS/Android) (Nice to have): Broadens the scope of potential contributions.

📝 Enhancement Note: The explicit mention of Next.js, React.js, and AI tooling (Google Gemini) indicates a strong focus on modern frontend development practices. The preferred tools like Playwright and Optimizely point towards a mature development and testing process geared towards e-commerce optimization.

👥 Team Culture & Values

Operations Values:

• Innovation & Experimentation: A strong emphasis on leveraging AI tooling and conducting A/B experiments to drive innovation and continuously improve the digital experience.

• Collaboration & Communication: A belief in working together across teams and departments to deliver cohesive and effective solutions. Open communication is key.

• Efficiency & Optimization: A drive to enhance engineering team efficiencies through process improvement and automation, ensuring resources are used effectively.

• Quality & Ownership: A commitment to writing clean, modular code, taking responsibility for quality through unit testing, and owning the development lifecycle.

• Customer Focus: Ultimately, all efforts are geared towards improving the customer experience on AE.com, driving engagement and sales.

Collaboration Style:

• Cross-functional Integration: Engineers are expected to work closely with product managers, designers, and backend developers to ensure seamless integration of features and a unified customer journey.

• Process Review & Feedback: A culture that encourages open discussion about development processes, allowing for continuous feedback and iterative improvements to workflows.

• Knowledge Sharing: Opportunities to share learnings from AI tool experimentation, A/B test results, and technical challenges with the broader engineering team, fostering a learning environment.

📝 Enhancement Note: The company's "Better Together" culture emphasizes mutual success and individual career journeys. For this role, it translates to a collaborative environment where individual contributions to innovation and efficiency are valued and integrated into team success.

⚡ Challenges & Growth Opportunities

Challenges:

• Architectural Modernization: Migrating a large-scale e-commerce platform from a legacy framework (Ember.js) to a modern one (Next.js) presents significant technical and logistical challenges related to data migration, code compatibility, and ensuring a smooth transition for users.

• AI Tool Integration: Effectively identifying, experimenting with, and integrating new AI tooling into the existing SDLC requires careful planning, skill development, and a willingness to adapt established processes.

• Balancing Innovation and Stability: The need to drive innovation with AI and new frameworks while maintaining the stability and performance of a high-transaction e-commerce site requires a strategic approach to development and testing.

• Cross-Functional Alignment: Ensuring all stakeholders are aligned on technical decisions, development timelines, and the impact of new features requires strong communication and negotiation skills.

Learning & Development Opportunities:

• Next.js & Modern Frontend Specialization: Become an expert in one of the leading modern frontend frameworks, highly sought after in the industry.

• AI in Software Development: Gain practical, hands-on experience with cutting-edge AI tools and their application in the entire software development lifecycle, positioning you at the forefront of tech innovation.

• E-commerce Optimization: Develop deep insights into e-commerce best practices, A/B testing, and conversion rate optimization, directly contributing to business growth.

• Mentorship & Leadership: Opportunities to be mentored by senior engineers and managers, and potentially to mentor junior team members as you grow into a senior role.

📝 Enhancement Note: The challenges are framed as opportunities for significant learning and impact. The company is clearly investing in modernization and AI, providing a fertile ground for engineers eager to expand their skill sets and contribute to impactful projects.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI feature you developed. What was your approach, what challenges did you face, and what was the outcome?" (Focus on process, problem-solving, and quantifiable results.)

• "How would you approach modernizing a large legacy codebase like Ember.js to Next.js? What are the key considerations and potential pitfalls?" (Demonstrate architectural thinking and phased implementation strategies.)

• "Imagine you're tasked with integrating a new AI code generation tool into our development workflow. How would you evaluate its effectiveness and ensure successful adoption?" (Showcase a methodical approach to new technology adoption.) Company & Culture Questions:

• "What interests you most about American Eagle Outfitters and our mission?" (Research the company's brand, values, and recent initiatives.)

• "How do you approach collaboration with designers and backend engineers on a new feature?" (Emphasize communication, shared understanding, and iterative feedback.)

• "Describe a time you had to explain a complex technical concept to a non-technical stakeholder. How did you ensure they understood?" (Highlight communication clarity and audience adaptation.) Portfolio Presentation Strategy:

• Structure: Organize your portfolio around key projects, clearly stating the problem, your role, the technologies used, your specific contributions, the challenges overcome, and the measurable results.

• Next.js Focus: Lead with your strongest Next.js or React.js projects. If you have experience with architectural migrations or AI tool integration, make those case studies prominent.

• Quantify Impact: For each project, use data to demonstrate success. This could include performance improvements, user engagement metrics, or efficiency gains.

• Interactive Elements: If possible, prepare to briefly demo a live project or a well-documented repository.

• Connect to the Role: Explicitly link your experience and portfolio pieces to the requirements of the UI Engineer role at American Eagle Outfitters, especially regarding modernization and AI.

📝 Enhancement Note: The interview process will likely assess technical depth, problem-solving skills, and the ability to integrate new technologies like AI. Your portfolio should be a living document that showcases these capabilities with concrete examples.

📌 Application Steps

To apply for this operations position:

• Submit your application through the Oracle Cloud portal linked in the job posting.

• Customize Your Resume: Tailor your resume to highlight experience with Next.js, React.js, JavaScript, MVC architecture, and any experience with AI tooling or large-scale web application modernization. Use keywords from the job description.

• Prepare Your Portfolio: Curate a selection of your strongest projects that best showcase your UI development skills, particularly in Next.js. Include detailed case studies of process improvements or challenging implementations. Ensure code samples are clean and well-documented.

• Practice Technical & Behavioral Questions: Review common frontend interview questions, especially those related to JavaScript, React/Next.js, and system design. Prepare STAR method answers for behavioral questions focusing on collaboration, problem-solving, and innovation.

• Research AEO: Understand American Eagle Outfitters' brand, digital strategy, and their stated commitment to innovation and AI. This will help you tailor your responses and demonstrate genuine interest.

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