top of page

Google Suite Integration

For ETQ, part of Hexagon

Tools Used

Figma

Google Docs

My Role

UX Design

UX Research

This project was undertaken at a former employer - ETQ, part of Hexagon. Any brand names/product names mentioned are property of said company. I am sharing this work for portfolio purposes only.

Problem Background

The product I am working on here is called ETQ Reliance, a quality management software used in a wide variety of industries.  A customer has requested a Google Docs Integration feature in Reliance.

Problem Statement

The goal here is to create a net new feature in Reliance - allowing Google Docs to become usable within Reliance. The user will be able to attach a Google Doc to a Reliance document, and edit/collaborate on that Google Doc within Reliance.

Team

My role in this project was UX designer.  On the product side, I worked with a Product/UX Manager, as well as another designer initially. On the engineering side, we discussed technical specifications with our Dev Lead and his team of about 5-8 front-end developers, as well as several QA specialists. 

Outcome

This feature was successfully deployed in Spring 2022.  It was the first net new feature in this product in at least 3 years.  A future expansion to include Google Sheets was planned.

Prototype

Design Process

Wireframing

High-Fidelity Designs

User Flow

Prototype

Myself and the other designer began by thinking through the current process of opening, sharing, and editing a Google Doc, and how that would fit into our product's experience.  I then developed some simple wireframes/low-fidelity screens:

google_wireframes.PNG
openTemplate_newTab_updated.png

The first low-fidelity design of what the Google Doc will look like inside Reliance.

googledocThumbnail.png
googleDoc_dropdown.png

Once the high-fidelity designs were complete, I mapped out the user flow screen-by-screen to present to the development team:

flow.PNG
bottom of page