Design

🎯 The purpose of this page is for movers to be able to edit and save templates for each move they complete.

I re-examined the entire functionality of the page.

🔑 One of the key insights we learned from user feedback was that there was an 

• overload of information in the app and 

• it was difficult for users to figure out how to navigate from start to finish.

💡 Changes made: 

Removed the archive section of templates because there is no need for the primary users to access previous templates. 

So instead- I proposed a simple solution where the user can edit their templates and save them within the browser. Reduced the number of clicks that the user must complete

• The goal is also achieved: the user can edit and save each template.

Another section of the app that went through re-design is the primary page that hosts all the steps the movers must complete. The majority of the design changes were made here.

1️⃣ The first is to visually relay the user flow in chronological order. This way the user can follow the tabs one by one and it will lead them through all the necessary processes of a move

2️⃣ The second reason is to lay all the necessary information on one page rather than dispersing them through multiple pages or creating sub-pages which is what the old design did.

Another feature that was missing altogether was a status bar.

Because of this, there was no way for the user to know what status a move is currently in.

This was a huge design flaw because, in order to conduct a move, there are multiple reviews that need to be sent and approved.

If the user cannot see which stage of the move they are in, it can lead to a lot of miscommunication and frustration.

💡 To solve this, I added a status bar at the top that clearly shows which stage the move is in.

A challenge I faced while designing these pages is that depending on the stage a move is in certain buttons must be enabled or disabled dependently.

This is where mapping out the processes in my research phase was useful.