Trane

SaaS

Trane Users

Trane sells HVAC equipment. Trane Connect is an accompanying software that monitors the equipment for a diverse cast of users. A Facility Director, cares more about costs but has limited technical knowledge of the equipment. A Remote Support Specialist can diagnose issues remotely and provide support for the service techs. Some users care about 500 different buildings all from the same organization, but others may only care about one small quadruplex.

This project is ongoing and will update over time. It involves a new Design System and an architecture overhaul.

Scenarios

Trane Connect users individual interests vary wildly with inconsistent overlap. The existing architecture was feature based but was no longer sustainable due to how limited features became. By analyzing personas and feedback from subject matter experts, we documented the most common use cases within Trane Connect in a series of storyboarding sessions.

me

ED

Facility Director of medium size manufacturing facility

Goals
  • Cost savings
  • Operations planning
  • Feeling at ease
Affinity Diagram

Affinity Diagrams

Categorizing our users needs

The user scenarios guided similar interests into three primary groupings: Building Monitoring, Cost Monitoring and Management. These groupings would guide Trane Connects architecture going forward. This was not only more efficient but also presented exciting new marketing strategies.

Affinity Diagram

Updating the Nav

Concepting

The research we gathered directly informed early prototypes for a more scalable navigation. The hierarchy needed to accommodate users with entirely different portfolios. Some users care about the inner workings of one building, some want to see a high level of 100 buildings. Building navigation would become more prominent but would still allow switching to different products. We began to design a building, equipment and portfolio centric views. A new navigation would also serve as a conduit for a new design system.

Navigation brainstorming Navigation brainstorming Navigation brainstorming Navigation brainstorming

Design System

I was brought on to Trane as a Product Designer and a Pattern Librarian. I helped facilitate switching the UX team over to Sketch and Abstract so I could begin creating the components within sketch. Simultaneously I started a dialogue with some lead developers to carry the components over to Storybook. This would allow for a system that was easily disseminated, consistent and accurate.

software
Trane Design System
Navigation brainstorming Navigation brainstorming

"When Michael came onboard he took it upon himself to turn our style guide into a much more effective design system. He advocated for and helped implement tools to help us be more collaborative, more organized, and more secure. And then beyond that, Micheal took the time to teach the team about the various tools and served as a resource for questions as they arose. I learned a lot from Michael during our time together and I hope we have an opportunity to work together again in the future."

Jason K.

User Experience Director

Process

Preferred

Jamf

Jamf Nation

Jamf

E-commerce

Trane

Trane Connect

Trane

E-Commerce

Best Buy

Global Navigation

U.S. Bank

Design Systems

Hobbies

Illustrations

Copyright. 2014 Michael Cullen-Benson Design, Designed and Developed to look sexy with HTML and CSS.