Guardhat Safety Ecosystem

Guardhat Safety Ecosystem

Guardhat Safety Ecosystem

Digital Experience Design

Digital Experience Design

Digital Experience Design

Thousands of people are seriously injured in manufacturing plants every year, yet the design of the hard hat has hardly changed in over a century. Detroit-based startup Guardhat engaged my team at frog to take on that challenge by partnering to bring to market a smart hard hat with a robust suite of embedded sensors and communication technology that wirelessly communicates with an enterprise software experience to give safety managers and factory workers actionable intelligence that empowers them to prioritize risks and take immediate action to save lives and keep everyone safe. 

Thousands of people are seriously injured in manufacturing plants every year, yet the design of the hard hat has hardly changed in over a century. Detroit-based startup Guardhat engaged my team at frog to take on that challenge by partnering to bring to market a smart hard hat with a robust suite of embedded sensors and communication technology that wirelessly communicates with an enterprise software experience to give safety managers and factory workers actionable intelligence that empowers them to prioritize risks and take immediate action to save lives and keep everyone safe. 

Thousands of people are seriously injured in manufacturing plants every year, yet the design of the hard hat has hardly changed in over a century. Detroit-based startup Guardhat engaged my team at frog to take on that challenge by partnering to bring to market a smart hard hat with a robust suite of embedded sensors and communication technology that wirelessly communicates with an enterprise software experience to give safety managers and factory workers actionable intelligence that empowers them to prioritize risks and take immediate action to save lives and keep everyone safe. 

Thousands of people are seriously injured in manufacturing plants every year, yet the design of the hard hat has hardly changed in over a century. Detroit-based startup Guardhat engaged my team at frog to take on that challenge by partnering to bring to market a smart hard hat with a robust suite of embedded sensors and communication technology that wirelessly communicates with an enterprise software experience to give safety managers and factory workers actionable intelligence that empowers them to prioritize risks and take immediate action to save lives and keep everyone safe. 

Thousands of people are seriously injured in manufacturing plants every year, yet the design of the hard hat has hardly changed in over a century. Detroit-based startup Guardhat engaged my team at frog to take on that challenge by partnering to bring to market a smart hard hat with a robust suite of embedded sensors and communication technology that wirelessly communicates with an enterprise software experience to give safety managers and factory workers actionable intelligence that empowers them to prioritize risks and take immediate action to save lives and keep everyone safe. 

Year: 2016          Agency: frog          Client: Guardhat

Year: 2017          Agency: frog          Client: Guardhat

IsometricFinalScreens
Guardhat_comp

Understanding our Client and our Users

Understanding our Client and our Users

Understanding our Client and our Users

Understanding our Client and our Users

We began the project with a multi-day on-site workshop with the founders of Guardhat. Through a series of collaborative activities, we learned about the strategic business goals of the young company and we aligned on what success would look like for our partnership. We also co-generated a set of hero user flows that established a strong foundation for the software experience. And we spent a couple days visiting some local manufacturing plants to observe and interview safety managers to better understand the problems they deal with on a daily basis.

 

We began the project with a multi-day on-site workshop with the founders of Guardhat. Through a series of collaborative activities, we learned about the strategic business goals of the young company and we aligned on what success would look like for our partnership. We also co-generated a set of hero user flows that established a strong foundation for the software experience. And we spent a couple days visiting some local manufacturing plants to observe and interview safety managers to better understand the problems they deal with on a daily basis.

 

 

We began the project with a multi-day on-site workshop with the founders of Guardhat. Through a series of collaborative activities, we learned about the strategic business goals of the young company and we aligned on what success would look like for our partnership. We also co-generated a set of hero user flows that established a strong foundation for the software experience. And we spent a couple days visiting some local manufacturing plants to observe and interview safety managers to better understand the problems they deal with on a daily basis.

 

 

We began the project with a multi-day on-site workshop with the founders of Guardhat. Through a series of collaborative activities, we learned about the strategic business goals of the young company and we aligned on what success would look like for our partnership. We also co-generated a set of hero user flows that established a strong foundation for the software experience. And we spent a couple days visiting some local manufacturing plants to observe and interview safety managers to better understand the problems they deal with on a daily basis.

 

AlignmentWorkshop
Research

Our team visiting some local manufacturing plants to observe and interview safety managers to better understand the problems they deal with on a daily basis.

Our team visiting some local manufacturing plants to observe and interview safety managers to better understand the problems they deal with on a daily basis.

Our team visiting some local manufacturing plants to observe and interview safety managers to better understand the problems they deal with on a daily basis.

Our team visiting some local manufacturing plants to observe and interview safety managers to better understand the problems they deal with on a daily basis.

Our team visiting some local manufacturing plants to observe and interview safety managers to better understand the problems they deal with on a daily basis.

Key Insights

Key Insights

Key Insights

Key Insights

Key Insights

Through our observational research and semi-structured interviews with safety managers and plant workers, we came away with four key insights to focus on when designing our solution:

 

Through our observational research and semi-structured interviews with safety managers and plant workers, we came away with four key insights to focus on when designing our solution:

 

Through our observational research and semi-structured interviews with safety managers and plant workers, we came away with four key insights to focus on when designing our solution:

 

Through our observational research and semi-structured interviews with safety managers and plant workers, we came away with four key insights to focus on when designing our solution:

 

Through our observational research and semi-structured interviews with safety managers and plant workers, we came away with four key insights to focus on when designing our solution:

 

Insight1

Provide meaningful data.

"You need to balance the need to see and have immediate access to a ton of data, with having it be meaningful and absorbable."

- Bryan, Safety Manager

Provide meaningful data.

"You need to balance the need to see and have immediate access to a ton of data, with having it be meaningful and absorbable."

- Bryan, Safety Manager

Provide meaningful data.

"You need to balance the need to see and have immediate access to a ton of data, with having it be meaningful and absorbable."

- Bryan, Safety Manager

 

Provide meaningful data.

"You need to balance the need to see and have immediate access to a ton of data, with having it be meaningful and absorbable."

- Bryan, Safety Manager

Insight2

Enable quick decision-making.

"There's no on-site emergency dispatch center, so it fell on my shoulders. When there was a severe laceration on someone's hands, things have to happen very quickly."

- Jason, Safety Manager

Enable quick decision-making.

"There's no on-site emergency dispatch center, so it fell on my shoulders. When there was a severe laceration on someone's hands, things have to happen very quickly."

- Jason, Safety Manager


Enable quick decision-making.

"There's no on-site emergency dispatch center, so it fell on my shoulders. When there was a severe laceration on someone's hands, things have to happen very quickly."

- Jason, Safety Manager

Insight3

Context is key.

"Seeing a safety summary when we arrive to work every morning gives us a high-level overview of how our plant is doing."

- Mike, Steel Mill Worker

Context is key.

"Seeing a safety summary when we arrive to work every morning gives us a high-level overview of how our plant is doing."

- Mike, Steel Mill Worker


Context is key.

"Seeing a safety summary when we arrive to work every morning gives us a high-level overview of how our plant is doing."

- Mike, Steel Mill Worker

Insight4

Don't forget the people.

"Safety to the management is about statistics. I don't care about statistics, I care about human beings."

- Nathan, Safety Officer

Don't forget the people.

"Safety to the management is about statistics. I don't care about statistics, I care about human beings."

- Nathan, Safety Officer

Don't forget the people.

"Safety to the management is about statistics. I don't care about statistics, I care about human beings."

- Nathan, Safety Officer

Our Users

Our Users

Our Users

Our Users

Our Users

We identified two distinct user groups for the software, each with unique goals and values that we would need to address: Safety Managers whose primary goal is to monitor, prevent, and respond to critical events in order to prevent injuries. And Executives whose primary goal is to analyze data across multiple sites in order to have greater transparency, to instill accountability, and to discover insights into ways to make their facilities safer.

I created a set of three low-fidelity user flows to map out the prioritized needs of each user group and to visualize the interactions between the software and the hardhat. 

 

We identified two distinct user groups for the software, each with unique goals and values that we would need to address: Safety Managers whose primary goal is to monitor, prevent, and respond to critical events in order to prevent injuries. And Executives whose primary goal is to analyze data across multiple sites in order to have greater transparency, to instill accountability, and to discover insights into ways to make their facilities safer.

I created a set of three low-fidelity user flows to map out the prioritized needs of each user group and to visualize the interactions between the software and the hardhat. 

 

We identified two distinct user groups for the software, each with unique goals and values that we would need to address: Safety Managers whose primary goal is to monitor, prevent, and respond to critical events in order to prevent injuries. And Executives whose primary goal is to analyze data across multiple sites in order to have greater transparency, to instill accountability, and to discover insights into ways to make their facilities safer.

I created a set of three low-fidelity user flows to map out the prioritized needs of each user group and to visualize the interactions between the software and the hardhat. 

 

We identified two distinct user groups for the software, each with unique goals and values that we would need to address: Safety Managers whose primary goal is to monitor, prevent, and respond to critical events in order to prevent injuries. And Executives whose primary goal is to analyze data across multiple sites in order to have greater transparency, to instill accountability, and to discover insights into ways to make their facilities safer.

I created a set of three low-fidelity user flows to map out the prioritized needs of each user group and to visualize the interactions between the software and the hardhat. 

 

UserFlows_Page_2
information_architecture

I created a detailed information architecture map to document all of the pages and links between sections of the software.

I created a detailed information architecture map to document all of the pages and links between sections of the software.

I created a detailed information architecture map to document all of the pages and links between sections of the software.

I created a detailed information architecture map to document all of the pages and links between sections of the software.

I created a detailed information architecture map to document all of the pages and links between sections of the software.

GuardHat_Sketches

Throughout the project, I used marker sketching as a tool to rapidly explore ideas for interaction models, navigation structures, content heirarchy, data visualizations, and responsive layouts. 

Throughout the project, I used marker sketching as a tool to rapidly explore ideas for interaction models, navigation structures, content heirarchy, data visualizations, and responsive layouts. 

Throughout the project, I used marker sketching as a tool to rapidly explore ideas for interaction models, navigation structures, content heirarchy, data visualizations, and responsive layouts. 

Throughout the project, I used marker sketching as a tool to rapidly explore ideas for interaction models, navigation structures, content heirarchy, data visualizations, and responsive layouts. 

Interaction_Model_Diagram_combined

By digitizing and explaining the structure of the interaction model we deemed most successful, we were able to communicate the merits of this solution clearly to the client and development teams.

By digitizing and explaining the structure of the interaction model we deemed most successful, we were able to communicate the merits of this solution clearly to the client and development teams.

By digitizing and explaining the structure of the interaction model we deemed most successful, we were able to communicate the merits of this solution clearly to the client and development teams.

By digitizing and explaining the structure of the interaction model we deemed most successful, we were able to communicate the merits of this solution clearly to the client and development teams.

Moodboard

As a team, we arrived at a holistic design principle to drive the visual design of the Guardhat software: Rugged Intelligence. Embodying the combination of precision, confidence, durability, and industrial intuition. Living comfortably in the gritty work environments of safety managers and factory workers while exhibiting the cutting edge technology that powers it.

As a team, we arrived at a holistic design principle to drive the visual design of the Guardhat software: Rugged Intelligence. Embodying the combination of precision, confidence, durability, and industrial intuition. Living comfortably in the gritty work environments of safety managers and factory workers while exhibiting the cutting edge technology that powers it.

As a team, we arrived at a holistic design principle to drive the visual design of the Guardhat software: Rugged Intelligence. Embodying the combination of precision, confidence, durability, and industrial intuition. Living comfortably in the gritty work environments of safety managers and factory workers while exhibiting the cutting edge technology that powers it.

As a team, we arrived at a holistic design principle to drive the visual design of the Guardhat software: Rugged Intelligence. Embodying the combination of precision, confidence, durability, and industrial intuition. Living comfortably in the gritty work environments of safety managers and factory workers while exhibiting the cutting edge technology that powers it.

Feature1
Feature2
Feature3
Feature4

These four key features served as a basis for applying the visual language.

These four key features served as a basis for applying the visual language.

These four key features served as a basis for applying the visual language.

These four key features served as a basis for applying the visual language.

StyleGuide

To assist the Guardhat development team with the extension of the visual language to additional screens and flows not delivered in this phase of work, we created this light style guide with documented typography, iconography, component, and color guidelines.

To assist the Guardhat development team with the extension of the visual language to additional screens and flows not delivered in this phase of work, we created this light style guide with documented typography, iconography, component, and color guidelines.

To assist the Guardhat development team with the extension of the visual language to additional screens and flows not delivered in this phase of work, we created this light style guide with documented typography, iconography, component, and color guidelines.

To assist the Guardhat development team with the extension of the visual language to additional screens and flows not delivered in this phase of work, we created this light style guide with documented typography, iconography, component, and color guidelines.

TEAM

Myself: Design Lead

Diny Huang: Project Manager

Sahana Kumar: Interaction Designer

Janet Lai: Visual Designer 

TEAM

Myself: Design Lead

Diny Huang: Project Manager

Sahana Kumar: Interaction Designer

Janet Lai: Visual Designer 

TEAM

Myself: Design Lead

Diny Huang: Project Manager

Sahana Kumar: Interaction Designer

Janet Lai: Visual Designer 

 

TEAM

Myself: Design Lead

Diny Huang: Project Manager

Sahana Kumar: Interaction Designer

Janet Lai: Visual Designer 

TEAM

Myself: Design Lead

Diny Huang: Project Manager

Sahana Kumar: Interaction Designer

Janet Lai: Visual Designer 

More Projects

AGL Digital TransformationResponsive Website, Design Language System, Strategic Roadmap

Guardhat Safety EcosystemDigital Experience Design

Google Web LabInteractive Museum Exhibit, Web Experience

Big Beer Experience DesignEthnographic Research & Synthesis, Concept Development, Go-to-Market Strategy

StellarMobile App, Enterprise Desktop App, Customer Website

The Great MapPhysical / Digital Museum Experience

The Coffee ConnectorInteractive Physical / Digital Installation