Frontend UI Lead

Job Description

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.