Frontend UI Lead / UI 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.