Role

User Experience Designer

Overview

The client is a construction firm who wanted their web and mobile applications redesigned. The goal of this project is to improve the experience of the products that will allow General Contractors to better manage their jobs and resources.

Problem

Users of both applications found them difficult to use. A lot of time can be spent scrolling for work orders in the system, which also affected the tracking of job progress. Unlike the web app, the mobile app had limited features that prevented it making edits to work order information when out in the field.

iOS App

Web App

Research

Client Interviews

There is a lot more behind a client just saying "I want a new app". First to understand the why we interviewed the client and their subcontractors to understand from their perspective, of what worked, what didn't work, and what could be improved? We met with them to observe how they used the current products and the types of situations users would encounter both in the office and on the field.

Synthesis

Research Reports

From client interviews we were able to pull the following insights about the current system experience...

-Not user friendly

-Hard to find older jobs after a few swipes

-Tracking job progress with subcontractors was non-existent

-Admin staff is bogged down inputting data from desktop

Sketches

Wireframes (Web App)

Wireframes (iOS App)

Mockups/Prototypes (Web App)

The work orders screen was too busy and caused some confusion. Contractors best understood jobs by location, so the list was reorganized to reflect that. A search option was added to the navigation bar as well as a hamburger menu button for the least used features.   

Before

After

The details screen was changed to list the job information in an hierarchy of what's important to the contractor. More importantly they can now change the status of a job instead of needing to call in to the office.

For the web app, we learned that the search filters were not frequently used. So to free up screen space the filters were moved into a dropdown window. The line items were simplified to show the important information before diving in.

The information on the details screen is now broken into sections based on what is important to the contractor. They can now track the progress of subcontractors and share documents easier than before.

Before

After