Interface Design /  Web App

Easy Pack Ship

Client Glidewell Dental

OverView

Before EPS, Glidewell relies on a legacy system to create a shipping label for every customer order. One of the biggest courier companies that we currently using is Fedex and they are going to update their systems by the end of the year. However, Glidewell’s current platform won’t be able to integrate with the new system.  Without a connection, the company won’t be able to sell the products to the customers. The team comes up with a solution that is to create an app bridges between Glidewell’s legacy system and FedEx. The team only have 2 months to complete the project

“On average we ship about 10,000 cases per day”

Research

For this project, I worked with a team including a senior UX designer, a Product Owner, and a Tech Lead.

Under the supervising of the senior UX designer, I was trusted to take the lead on the project. We started the process by spending as much time researching as possible. I thought the best place to start was to visit the shipping area.

What I’ve learned from observing the packers

  • The workers take the turn to use the work station.
  • The workers use their right hand to interact with the application.
  • The orders are transported using a conveyor belt located on the workers’ left-hand-side.
  • They work in the fast-space environment and everything is standardized for speed.
  • The orders from the same doctor are bundled together to minimize shipping costs.
  • Most of the users are middle-age and they are not tech-savvy.

Sketches & prototype

I brought the findings back to my senior and we started to brainstorm the initial flow and mapping sketches. Together with the features requested from the product owner, we condensed our list of MVP features to sign-in, identity verification, single order, bundle order, batch order, productivity graph, reprint functions.

Solution

Information Architecture

Different from the legacy system, the new platform only displays the necessary features that the users need to complete the task in one place. All the secondary elements were organized on the right-hand-side. The progress bar was added to the nav section to guide the users through different steps.

Hierarchy

There are 3 scanning modes: Single, Bundle and Batch Case. In the first iteration, I designed the Batch and Bundle buttons using one solid color. Then I thought the users might want to see the difference between the two buttons at glance. I then kept the solid color but change the shade. With the update, I intentionally highlighted the Bundle and Batch features over the Single Scan feature. That led to the final decision to use the color borders instead of a solid background color for the buttons.

Color with Intention

In the final version, I switched from using blue as the main color to light purple and gray. The goal is to use a muted color palette to help the packers feel comfortable looking at the screen.

Testing

Even with the help of our flow map, there are situations that we didn’t anticipate

What-ifs

  • What if the user mistakenly scan the wrong label and how are we going to display the error?
  • What if the user wants to reprint multiple orders not just the last recent order?
  • What if the user wants to void the order?

User Testing

We created a list of tasks based on the real scenarios and had the participants complete the tasks. There is a total of 9 users who are currently working as a packer, shipping manager and hot desk. participated in the test. Most of the users were able to complete the list with almost no help from the interviewer.

Some of users’ feedbacks

The challenges

This project was a challenge because there were a lot of moving parts.  The training process and the tool were both changing at the same time. To solve it, we looked for the constant in the process and use what we learned from the existed system. Besides that, we used what we found in user testing as a road map for improvement.

Another challenge that we were facing was working with the offshore team to create the app. The communication issue created a barrier that affected how we translate the app from prototyping to final product. Even though with the tight deadline, we decided to not compromising the functionality and the design. We brought back the project and work with our in-house developers to build the final product.

When the design was ready for production, I learned that there were two important features that I would need to add to the final product. However, adding that feature opened up another interesting problem for me to solve. Luckily I worked with one of the best teams. Together with my awesome colleagues, we integrated the design changes with ease.

The Result

Despite all the challenges, the app is up and running. It is used by over 6 different lab locations and by more than 60 workers. It integrated seamlessly with the delivery couriers and powered over one thousand shipments across the organization.

Final Product

Full Wireframe Here

Next project

StructionSite Mobile App
Compete Dental Website
Interface Design /  Web App

Easy Pack Ship

Client Glidewell Dental

OverView

Before EPS, Glidewell relies on a legacy system to create a shipping label for every customer order. One of the biggest courier companies that we currently using is Fedex and they are going to update their systems by the end of the year. However, Glidewell’s current platform won’t be able to integrate with the new system.  Without a connection, the company won’t be able to sell the products to the customers. The team comes up with a solution that is to create an app bridges between Glidewell’s legacy system and FedEx. The team only have 2 months to complete the project

“On average we ship about 10,000 cases per day”

Research

For this project, I worked with a team including a senior UX designer, a Product Owner, and a Tech Lead.

Under the supervising of the senior UX designer, I was trusted to take the lead on the project. We started the process by spending as much time researching as possible. I thought the best place to start was to visit the shipping area.

What I’ve learned from observing the packers

  • The workers take the turn to use the work station.
  • The workers use their right hand to interact with the application.
  • The orders are transported using a conveyor belt located on the workers’ left-hand-side.
  • They work in the fast-space environment and everything is standardized for speed.
  • The orders from the same doctor are bundled together to minimize shipping costs.
  • Most of the users are middle-age and they are not tech-savvy.

Sketches & prototype

I brought the findings back to my senior and we started to brainstorm the initial flow and mapping sketches. Together with the features requested from the product owner, we condensed our list of MVP features to sign-in, identity verification, single order, bundle order, batch order, productivity graph, reprint functions.

Solution

Information Architecture

Different from the legacy system, the new platform only displays the necessary features that the users need to complete the task in one place. All the secondary elements were organized on the right-hand-side. The progress bar was added to the nav section to guide the users through different steps.

Hierarchy

There are 3 scanning modes: Single, Bundle and Batch Case. In the first iteration, I designed the Batch and Bundle buttons using one solid color. Then I thought the users might want to see the difference between the two buttons at glance. I then kept the solid color but change the shade. With the update, I intentionally highlighted the Bundle and Batch features over the Single Scan feature. That led to the final decision to use the color borders instead of a solid background color for the buttons.

Color with Intention

In the final version, I switched from using blue as the main color to light purple and gray. The goal is to use a muted color palette to help the packers feel comfortable looking at the screen.

Testing

Even with the help of our flow map, there are situations that we didn’t anticipate

What-ifs

  • What if the user mistakenly scan the wrong label and how are we going to display the error?
  • What if the user wants to reprint multiple orders not just the last recent order?
  • What if the user wants to void the order?

User Testing

We created a list of tasks based on the real scenarios and had the participants complete the tasks. There is a total of 9 users who are currently working as a packer, shipping manager and hot desk. participated in the test. Most of the users were able to complete the list with almost no help from the interviewer.

Some of users’ feedbacks

The challenges

This project was a challenge because there were a lot of moving parts.  The training process and the tool were both changing at the same time. To solve it, we looked for the constant in the process and use what we learned from the existed system. Besides that, we used what we found in user testing as a road map for improvement.

Another challenge that we were facing was working with the offshore team to create the app. The communication issue created a barrier that affected how we translate the app from prototyping to final product. Even though with the tight deadline, we decided to not compromising the functionality and the design. We brought back the project and work with our in-house developers to build the final product.

When the design was ready for production, I learned that there were two important features that I would need to add to the final product. However, adding that feature opened up another interesting problem for me to solve. Luckily I worked with one of the best teams. Together with my awesome colleagues, we integrated the design changes with ease.

The Result

Despite all the challenges, the app is up and running. It is used by over 6 different lab locations and by more than 60 workers. It integrated seamlessly with the delivery couriers and powered over one thousand shipments across the organization.

Next project

StructionSite Mobile App
Compete Dental Website

Want to Work Together ?

Let’s say hi

All right reserved 2020