UI Lead Engineer – Generative AI & Enterprise Web Platforms

📍 Job Overview

Job Title: UI Lead Engineer – Generative AI & Enterprise Web Platforms

Company: Hewlett Packard Enterprise (HPE)

Location: San Juan, Puerto Rico

Job Type: Full-time

Category: Software Engineering / Frontend Development

Date Posted: September 08, 2026

Experience Level: 10+ Years (Senior/Lead)

Remote Status: Hybrid (Average 2 days/week in office)

🚀 Role Summary

• Lead the architecture and delivery of scalable, secure, and high-performance enterprise web applications, with a focus on modern frontend technologies like React.js and TypeScript.

• Drive the evolution of shared component libraries, design systems, and UI standards across multiple product teams.

• Set and enforce frontend engineering standards, best practices, and technical roadmaps to ensure long-term maintainability and scalability.

• Mentor and upskill a team of frontend engineers through code reviews, pair programming, and technical guidance, fostering a culture of engineering excellence.

• Leverage AI-assisted development tools responsibly to accelerate delivery cycles without compromising the quality and integrity of enterprise-grade software.

📝 Enhancement Note: This role is positioned as a senior technical leadership opportunity within HPE's enterprise web platforms division, with a specific emphasis on integrating Generative AI capabilities and modern frontend architectures. The "UI Lead Engineer" title, coupled with the "Management Level Definition" of impacting technical components and exercising significant independent judgment, clearly indicates a hands-on technical leadership role rather than a pure people management position. The requirement for 10+ years of experience, with 3 in a lead role, underscores the seniority and expected impact.

📈 Primary Responsibilities

• Define and own the frontend architecture strategy for enterprise-grade web applications, primarily built with React.js and TypeScript, ensuring alignment with overall technology objectives.

• Drive the design, development, and evolution of shared component libraries, design systems, and UI standards to promote consistency and efficiency across product teams.

• Establish and enforce coding standards, implement robust code review processes, and develop technical roadmaps to ensure long-term scalability, maintainability, and performance.

• Apply advanced architectural principles, including SOLID, domain-driven design, and micro-frontend patterns, to guide the creation of modular and resilient user interfaces.

• Evaluate, recommend, and integrate new tools, frameworks, and technologies into the frontend ecosystem to continuously improve development processes and application performance.

• Architect and implement responsive, accessible, and high-performance user interfaces, with a specific focus on utilizing Chakra UI for theme architecture, custom design tokens, and accessible component patterns at scale.

• Lead performance engineering initiatives, including code splitting, lazy loading, bundle optimization, and advanced rendering strategies to ensure optimal user experience.

• Own and manage frontend build and deployment pipelines using Webpack, ensuring efficiency, reliability, and automation across various development and production environments.

• Partner closely with backend engineers and DevOps teams to define clear API contracts, establish effective integration patterns, and contribute to robust CI/CD strategies for seamless deployments.

• Mentor, coach, and upskill a team of frontend engineers through constructive code reviews, regular 1:1s, pair programming sessions, and proactive technical guidance.

• Champion a culture of engineering excellence, knowledge sharing, and continuous improvement within the frontend team and across broader engineering groups.

• Drive Agile ceremonies, including sprint planning, backlog grooming, and technical discussions, acting as a senior engineering voice and advocate for best practices.

• Collaborate effectively with UX/UI designers and product owners to translate complex business requirements and user needs into scalable and intuitive UI solutions.

📝 Enhancement Note: The responsibilities clearly indicate a lead role with significant architectural and technical decision-making authority. The emphasis on "enterprise-grade," "scalable," "secure," and "high-performance" points to a need for robust engineering practices and a deep understanding of complex systems. The mention of "Generative AI" in the job title suggests potential involvement in exploring or integrating AI-driven features into the UI, which is a key differentiator for this role.

🎓 Skills & Qualifications

Education:

• Bachelor’s degree in Computer Science, Engineering, Artificial Intelligence, Machine Learning, or a closely related technical discipline. Experience:

• A minimum of 10 years of progressive frontend engineering experience, demonstrating a strong track record of delivering complex web applications.

• At least 3 years of experience in a technical leadership or lead engineer role, with proven ability to guide teams and influence technical direction. Required Skills:

• Core Technologies:

  • React.js: Deep expertise in core concepts including Hooks, Context API, Concurrent Mode, Server Components, and advanced performance optimization techniques.
  • TypeScript & ES6+: Advanced proficiency in type systems, generics, utility types, and architecting large-scale TypeScript projects.
  • Chakra UI: Extensive experience with theme architecture, custom design tokens, and building accessible component patterns at an enterprise level.
  • Webpack: Advanced configuration, optimization, and custom build strategies for complex frontend projects.
  • State Management: Expertise with Redux, Redux Toolkit, or equivalent enterprise-scale state management solutions.
  • Web Fundamentals: Strong command of HTML5, CSS3, responsive design principles, and modern web accessibility standards (WCAG 2.1).

• Architecture & Engineering Practices:

  • Proven experience architecting and implementing micro-frontend or modular large-scale frontend systems.

  • Deep understanding of SOLID principles, clean architecture, and domain-driven design applied to UI development.

  • Experience building, maintaining, and evolving enterprise-level design systems and shared component libraries.

  • Strong knowledge of web accessibility standards, cross-browser compatibility, and responsive design implementation.

  • Proficiency in modern testing strategies: unit, integration, and end-to-end (E2E) testing frameworks such as Jest, Cypress, Selenium, and Robot Testing Library.

  • Familiarity with backend technologies (Node.js, GraphQL, REST APIs) to facilitate effective full-stack collaboration and API contract definition.

  • Experience with cloud platforms (e.g., AWS) and containerized frontend deployments. Preferred Skills:

• Experience with Generative AI concepts and their application in frontend development workflows or user experiences.

• Contributions to open-source projects or publicly recognized design system libraries.

• Familiarity with other modern frontend frameworks or libraries.

• Experience with performance monitoring tools and techniques.

📝 Enhancement Note: The requirements emphasize deep expertise in specific modern frontend technologies and architectural patterns crucial for building scalable enterprise applications. The explicit mention of Generative AI suggests a forward-looking approach to development, where candidates with exposure to AI-assisted tools or AI-driven features will be highly valued.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Case Studies of Complex UI Architectures: Showcase projects where you designed and implemented significant frontend architectures, detailing the problem, your solution, technologies used, and the impact.

• Design System Contributions: Provide examples of contributions to or creation of design systems and reusable component libraries, demonstrating your ability to drive consistency and efficiency.

• Performance Optimization Examples: Include case studies or metrics demonstrating significant improvements in application performance (e.g., load times, rendering speed, bundle size reduction).

• Accessibility Compliance Projects: Highlight projects where accessibility was a key consideration, detailing the standards followed (WCAG 2.1) and the implementation strategies employed.

• Tooling & CI/CD Integration: Demonstrate experience in setting up and optimizing frontend build pipelines (Webpack) and CI/CD processes for enterprise applications.

Process Documentation:

• Workflow Design & Optimization: Be prepared to discuss how you approach designing and optimizing frontend development workflows, including code review processes, testing strategies, and agile methodologies.

• System Implementation & Automation: Detail your experience in implementing and integrating frontend systems, including component libraries, design systems, and build tools, with a focus on automation.

• Measurement & Performance Analysis: Showcase how you measure and analyze frontend performance, user experience, and development team efficiency, using data to drive improvements.

📝 Enhancement Note: For a Lead Engineer role, a portfolio is crucial. It should not only showcase technical skills but also architectural thinking, leadership impact, and process improvement capabilities. Demonstrating how you've solved complex problems, improved team efficiency, and delivered measurable results is paramount.

💵 Compensation & Benefits

Salary Range:

• Estimated Range: $150,000 - $200,000 USD annually (This is an estimated range for a Lead Engineer role with 10+ years of experience in a high-cost-of-living area, adjusted for San Juan, Puerto Rico's market. Actual compensation will be determined by experience, qualifications, and specific role responsibilities.)

• Methodology: This estimate is based on industry benchmarks for Lead Frontend Engineer roles in major tech hubs, adjusted for the San Juan, Puerto Rico market considering cost of living and local tech salaries. Data sources include industry salary surveys, professional networking platforms, and economic indicators for the region.

Benefits:

• Health & Wellbeing: Comprehensive health insurance, dental, and vision coverage; wellness programs; employee assistance programs.

• Personal & Professional Development: Opportunities for continuous learning, access to training resources, certifications, conferences, and potential for career advancement within HPE's global network.

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

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

• Inclusive Work Environment: A culture that values diversity, inclusion, and work-life balance.

• Flexible Work Arrangements: Hybrid work model allowing for a balance between in-office collaboration and remote flexibility.

Working Hours:

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

• While the role is hybrid, flexibility may be available for project needs and individual work styles, within the framework of team collaboration and office presence requirements.

📝 Enhancement Note: The salary range is estimated for a senior technical leadership role in a location like San Juan, Puerto Rico, which has a distinct economic profile compared to the continental US. Benefits are expanded based on typical offerings for large tech corporations like HPE.

🎯 Team & Company Context

🏢 Company Culture

Industry: Information Technology & Services, Cloud Computing, Enterprise Solutions. HPE is a global leader in edge-to-cloud platforms, delivering solutions that help organizations connect, protect, analyze, and act on their data.

Company Size: Large Enterprise (50,000+ employees globally). This size indicates a structured environment with established processes, extensive resources, and opportunities for cross-functional collaboration on a global scale.

Founded: 1939 (as Hewlett-Packard). HPE's long history signifies stability, deep industry knowledge, and a strong foundation in innovation.

Team Structure:

• Operations Team Aspect 1: The frontend engineering team is likely specialized within a larger product or platform division, focusing on user interface development for enterprise web applications. It will comprise engineers of varying levels, potentially including UI/UX designers, QA engineers, and architects.

• Operations Team Aspect 2: The UI Lead Engineer will report to a higher-level engineering manager or director, likely within a product development or platform engineering group. This role involves close collaboration with product management, backend engineering, DevOps, and security teams.

• Operations Team Aspect 3: Cross-functional collaboration is essential, involving close partnerships with product managers to define requirements, designers to translate mockups into functional UIs, backend engineers for API integrations, and DevOps for deployment pipelines.

Methodology:

• Data Analysis & Insights: Decisions are data-driven, using metrics from performance monitoring, user feedback, and A/B testing to inform architectural choices and feature development.

• Workflow Planning & Optimization: Agile methodologies are standard, with a focus on iterative development, continuous integration, and continuous delivery (CI/CD). The lead engineer plays a key role in optimizing these workflows.

• Automation & Efficiency: A strong emphasis on automating repetitive tasks, from build processes to testing and deployment, to enhance developer productivity and application reliability.

Company Website: https://www.hpe.com/

📝 Enhancement Note: The company context highlights HPE's scale and technological focus, which informs the complexity and impact expected of this role. The "Hybrid" work model is a key cultural indicator for work-life balance.

📈 Career & Growth Analysis

Operations Career Level: This role represents a senior individual contributor and technical leadership position within the engineering domain. It is a "Management Level" role (TCP_04) indicating significant technical responsibility and influence, often serving as a subject matter expert and mentor. It sits above standard engineer roles and below formal people management for larger teams, focusing on technical direction and architectural excellence.

Reporting Structure: The UI Lead Engineer will report to an Engineering Manager or Director, leading a team of frontend engineers. They will work closely with Product Managers, UX Designers, and Backend Engineering Leads, contributing to broader GTM (Go-To-Market) strategies through reliable and performant user interfaces.

Operations Impact: The UI Lead Engineer's work directly impacts the user experience of HPE's enterprise web platforms, influencing customer adoption, satisfaction, and ultimately, revenue. By ensuring scalable, secure, and performant interfaces, they contribute to the overall success and market competitiveness of HPE's product offerings. The integration of Generative AI could further enhance user engagement and operational efficiency, directly impacting business outcomes.

Growth Opportunities:

• Technical Specialization: Deepen expertise in advanced frontend architectures, performance engineering, or emerging technologies like Generative AI within frontend contexts.

• Architectural Leadership: Progress into Principal Engineer or Chief Architect roles, influencing technology strategy across larger product portfolios.

• Cross-functional Impact: Transition into roles with broader responsibilities, such as leading platform engineering initiatives or contributing to product strategy.

• Mentorship & Team Development: Develop leadership skills by managing and mentoring larger teams, potentially moving into formal people management roles.

📝 Enhancement Note: The career analysis emphasizes the dual nature of this role – deep technical expertise combined with leadership and influence, providing a clear path for growth within HPE's engineering structure.

🌐 Work Environment

Office Type: Hybrid. Employees are expected to work an average of 2 days per week from an HPE office in San Juan, Puerto Rico. This model balances in-office collaboration with remote flexibility.

Office Location(s): San Juan, Puerto Rico. Specific office details will be provided upon offer.

Workspace Context:

• Collaborative Environment: The office setting will facilitate in-person collaboration, team meetings, and spontaneous interactions with colleagues across various disciplines (engineering, product, design).

• Operations Tools & Technology: Access to modern development tools, high-speed internet, and necessary hardware will be provided to support efficient development, both in-office and remotely.

• Team Interaction: Regular opportunities for pair programming, team stand-ups, brainstorming sessions, and knowledge-sharing events with local and remote team members.

Work Schedule: The standard work schedule is 40 hours per week. The hybrid model offers flexibility in structuring the work week, allowing for focused individual work and collaborative team sessions, while adhering to core working hours and team availability needs.

📝 Enhancement Note: The hybrid nature of the work environment is a key aspect, requiring adaptability and strong communication skills to maintain productivity and team cohesion across different work settings.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review applications, focusing on alignment with core requirements and experience.

• Technical Assessment (Round 1): Likely a coding challenge or technical interview focused on core React.js, TypeScript, and algorithmic problem-solving skills. Be prepared to discuss frontend architecture concepts.

• Technical Deep Dive & Architecture Discussion (Round 2): A more in-depth session with senior engineers or architects, focusing on your experience with complex UIs, design systems, performance optimization, and architectural patterns. Expect to discuss your portfolio.

• Lead/Mentorship Discussion (Round 3): An interview focused on your leadership style, experience mentoring engineers, driving team processes, and collaborating with cross-functional teams.

• Hiring Manager/Final Round: A discussion with the hiring manager to assess overall fit, strategic thinking, and alignment with HPE's culture and values.

Portfolio Review Tips:

• Curate Select Projects: Choose 2-3 impactful projects that best showcase your skills in React.js, TypeScript, architecture, performance, and accessibility.

• Structure Case Studies: For each project, clearly outline the problem statement, your role and responsibilities, the technical solution (including architectural decisions), key challenges overcome, and quantifiable results (e.g., performance improvements, adoption rates, efficiency gains).

• Highlight Leadership & Process: If possible, include examples demonstrating your leadership in guiding teams, defining standards, or improving development processes.

• Prepare for Live Walkthrough: Be ready to present your portfolio and walk interviewers through your most relevant projects, answering detailed technical and architectural questions.

• Focus on Impact: Emphasize the business value and impact of your contributions.

Challenge Preparation:

• Frontend Fundamentals: Refresh your knowledge of JavaScript, React.js (hooks, context, state management), TypeScript, HTML, CSS, and web performance best practices.

• Architectural Thinking: Practice discussing architectural patterns (e.g., micro-frontends, module federation, design systems), SOLID principles, and trade-offs in technology choices.

• Problem-Solving Scenarios: Prepare for scenarios where you need to debug complex UI issues, optimize performance bottlenecks, or design scalable solutions for new features.

• Leadership Scenarios: Think about how you've mentored junior engineers, resolved technical disagreements, and contributed to team process improvements.

📝 Enhancement Note: The interview process is structured to assess technical depth, architectural leadership, and team mentorship capabilities, with a strong emphasis on practical application through portfolio review and case studies.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Framework: React.js (deep expertise required).

• UI Component Library: Chakra UI (extensive experience expected).

• Language: TypeScript (advanced proficiency).

• Build Tools: Webpack (advanced configuration and optimization).

• State Management: Redux, Redux Toolkit, or similar enterprise solutions.

• Version Control: Git.

Analytics & Reporting:

• Performance Monitoring: Tools like Lighthouse, WebPageTest, or integrated APM solutions for frontend performance analysis.

• Analytics Platforms: Google Analytics, Adobe Analytics, or internal solutions for user behavior tracking.

• Dashboarding: Tools like Tableau, Power BI, or custom solutions for visualizing key frontend metrics.

CRM & Automation:

• API Integration: Experience working with GraphQL and REST APIs.

• Cloud Platforms: Familiarity with AWS services relevant to frontend deployment and hosting (e.g., S3, CloudFront).

• CI/CD Tools: Jenkins, GitLab CI, GitHub Actions, or similar for automated build, test, and deployment pipelines.

• Testing Frameworks: Jest, Cypress, Selenium, Robot Testing Library.

📝 Enhancement Note: This section details the core technology stack for frontend development at HPE, highlighting the specific tools and frameworks the candidate will be expected to master and leverage daily.

👥 Team Culture & Values

Operations Values:

• Innovation & Agility: Embracing new technologies (like Generative AI) and adapting quickly to evolving requirements and market demands.

• Excellence & Quality: A commitment to delivering high-quality, performant, and maintainable code, with a strong emphasis on testing and best practices.

• Collaboration & Inclusion: Fostering a supportive environment where diverse perspectives are valued, and teamwork is essential for success.

• Customer Focus: Designing and building user experiences that meet customer needs and drive business value.

• Ownership & Accountability: Taking responsibility for technical decisions, project outcomes, and continuous improvement.

Collaboration Style:

• Cross-functional Integration: Actively engaging with product management, design, backend engineering, and DevOps to ensure seamless product development and delivery.

• Process Review & Feedback: Encouraging open communication and constructive feedback within the team and across departments to refine development processes and solutions.

• Knowledge Sharing: Promoting a culture of learning through documentation, code reviews, internal tech talks, and mentorship.

📝 Enhancement Note: The team culture and values are tailored to a large, innovative tech company like HPE, emphasizing collaboration, quality, and a forward-thinking approach to technology.

⚡ Challenges & Growth Opportunities

Challenges:

• Scaling Complex Architectures: Ensuring frontend architectures remain scalable, maintainable, and performant as applications grow in complexity and user base.

• Integrating Emerging Technologies: Responsibly integrating Generative AI or other new technologies into enterprise applications, balancing innovation with stability and security.

• Cross-Team Alignment: Driving consensus and maintaining consistency in UI/UX and technical standards across multiple product teams with potentially competing priorities.

• Performance Optimization: Continuously identifying and resolving performance bottlenecks in large, feature-rich enterprise applications.

• Talent Development: Mentoring and upskilling a team to keep pace with rapid technological advancements in the frontend landscape.

Learning & Development Opportunities:

• Generative AI in Frontend: Explore and implement AI-assisted development tools and techniques to enhance productivity and user experiences.

• Advanced Frontend Architectures: Deepen expertise in micro-frontends, module federation, and server-side rendering patterns.

• Design System Mastery: Become a leader in the evolution and governance of enterprise-level design systems.

• Industry Conferences & Certifications: Opportunities to attend leading frontend development conferences and pursue relevant certifications.

• Leadership Development Programs: Access to HPE's internal programs for developing leadership and management skills.

📝 Enhancement Note: This section frames the inherent challenges of a senior engineering role within a large enterprise as opportunities for growth and skill development, particularly in areas like AI integration and architectural leadership.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex frontend architecture you designed or significantly contributed to. What were the key challenges, trade-offs, and outcomes?" (Focus on micro-frontends, modularity, scalability, and maintainability.)

• "How do you approach setting and enforcing technical standards and best practices within a frontend team? Provide examples of processes you've implemented." (Discuss code reviews, CI/CD, testing strategies, and documentation.)

• "Imagine we need to integrate a Generative AI feature into our enterprise dashboard. How would you approach the UI/UX design and technical implementation, considering performance, security, and user experience?" (Demonstrate strategic thinking on new technologies.)

• "Tell me about a time you had to mentor a junior engineer through a difficult technical challenge or architectural concept. What was your approach?" (Highlight your coaching and leadership style.) Company & Culture Questions:

• "What interests you about Hewlett Packard Enterprise and this specific role, particularly concerning our enterprise web platforms and Generative AI focus?" (Research HPE's recent news, products, and AI initiatives.)

• "How do you envision contributing to our culture of innovation and inclusion as a Lead Engineer?" (Connect your values and experience to HPE's stated values.)

• "Describe your experience working in a hybrid environment. How do you ensure effective collaboration and productivity?" (Show adaptability and understanding of hybrid work dynamics.) Portfolio Presentation Strategy:

• Concise Storytelling: For each portfolio piece, tell a compelling story focusing on the business problem, your unique solution, and the measurable impact.

• Technical Depth with Clarity: Be prepared to dive deep into technical details but also explain complex concepts clearly to a mixed audience.

• Highlight Leadership: Explicitly point out instances where you led technical decisions, mentored others, or drove process improvements.

• Quantify Achievements: Use metrics whenever possible (e.g., "reduced load time by 30%," "increased component reusability by 40%," "improved accessibility score from B to A").

• Engage and Ask Questions: Treat the portfolio review as a collaborative discussion, inviting questions and demonstrating your enthusiasm for the role.

📝 Enhancement Note: Interview preparation advice is tailored to a Lead Engineer role, focusing on architectural thinking, leadership experience, and the ability to discuss both established best practices and emerging technologies like Generative AI.

📌 Application Steps

To apply for this operations position:

• Submit your application through the official HPE careers portal via the provided link.

• Portfolio Customization: Tailor your resume and portfolio to highlight your most relevant experience in React.js, TypeScript, frontend architecture, design systems, and any exposure to Generative AI tools or concepts. Prepare 2-3 detailed case studies showcasing your leadership and technical impact.

• Resume Optimization: Ensure your resume clearly articulates your 10+ years of experience, with specific emphasis on your 3+ years in a lead role. Use keywords from the job description, such as "React.js," "TypeScript," "Frontend Architecture," "Micro-frontend," "Chakra UI," "Webpack," and "Generative AI." Quantify your achievements with metrics.

• Interview Preparation: Practice answering technical and behavioral questions, focusing on your architectural decision-making, leadership approach, and problem-solving skills. Rehearse presenting your portfolio case studies, emphasizing your role, the challenges, solutions, and quantifiable results.

• Company Research: Thoroughly research HPE's enterprise web platforms, their recent innovations in AI, and their company culture. Understand their market position and how your role contributes to their strategic goals.

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