Frontend UI Lead and Architect

Frontend UI lead / architect

What You Will Do

Johnson Controls is seeking a UI Architect to join our Solution Navigator team. In this highly visible role, you will lead the frontend architecture and UI strategy for a large-scale, enterprise ecommerce platform. You will shape how our products look, feel, and scale—defining standards, frameworks, and systems that enable teams to deliver high-quality, consistent, and performant user experiences across a growing product ecosystem.

If you enjoy architecting modern frontend platforms, building and governing design systems, and guiding teams through complex UI challenges, this role offers the opportunity to make a lasting impact at enterprise scale.

How You Will Do It

• Own and evolve a scalable, enterprise-grade UI architecture for the Solution Navigator platform.
• Define, maintain, and govern a shared design system, including component libraries, design tokens, and usage guidelines.
• Review, evaluate, and enhance frontend frameworks and architectural patterns to support large-scale, multi-tenant applications.
• Collaborate closely with UX, Product, and Engineering teams across Solution Navigator domains including Estimating, Delegated Admin, Ecommerce, and related offerings.
• Translate business and user needs into reusable, maintainable, testable UI solutions.
• Establish and enforce best practices for performance, accessibility (WCAG), security, and responsive design.
• Conduct architecture reviews, design reviews, and code reviews to ensure consistency and quality.
• Guide development teams on frontend structure, tooling, testing strategies, and implementation patterns.
• Mentor engineers and provide technical leadership across multiple product teams.
• Ensure UI solutions comply with enterprise standards, cybersecurity requirements, and accessibility guidelines.
• Drive continuous improvement through adoption of modern frontend frameworks, tooling, and emerging technologies.

What You Will Need

Required Qualifications

• Bachelor’s degree in computer science, engineering, or a related field (or equivalent practical experience).
• 7+ years of professional software engineering experience, with deep expertise in frontend and UI architecture.
• Proven experience designing and implementing scalable, enterprise UI platforms.
• Strong hands-on expertise with:
  • HTML, CSS, JavaScript, TypeScript
  • Angular (primary framework)
  • jQuery
  • Bootstrap / CSS frameworks
  • Node.js
• Solid experience with frontend architecture patterns, modular design, and enterprise design systems.
• Proficiency with Azure DevOps and Git for source control, CI/CD pipelines, and change management.
• Experience working in cloud-based, enterprise environments, including integration with backend services (e.g., .NET Core).
• Strong collaboration and communication skills across engineering, UX, and product partners.
• Demonstrated ability to lead technical initiatives across multiple teams and domains.

Preferred Qualifications

• Experience with:
  • Enterprise-scale design systems, including documentation and governance models
  • Design tokens and theming strategies
  • React in addition to Angular
  • Salesforce UI technologies, including Salesforce Lightning Web Components (LWC)
  • Performance optimization and accessibility standards (WCAG)
• Proficiency with Figma Dev, enabling close collaboration with design teams.
• Experience supporting ecommerce platforms or complex B2B applications.
• Familiarity with AI-enabled UI patterns or data-driven UX improvements (nice to have, not required).

Certifications (Nice to Have)

• Microsoft Certified Technology Specialist (.NET)
• Sun Microsystems / Oracle Certified Java Programmer
• Certified Front-End Developer
• Certified Lead Consultant
• Certified LWC Developer

Relevant Experience You’ll Bring

• Developed and maintained a foundational design system, ensuring alignment with evolving product and business requirements.
• Implemented automated testing for UI components to validate both design fidelity and functional behavior.
• Authored clear, actionable guidelines and documentation to help designers and developers effectively adopt the design system.
• Utilized Azure DevOps and Git to manage and track UI changes with full traceability.
• Participated in and led code reviews to ensure adherence to architectural standards and high code quality.
• Partnered closely with designers using Figma to create, refine, and scale reusable UI components.

Experience Level

Senior Level