My role: UI/UX designer

When? 2021

ProdigiMange is a web application dedicated to ordering works. The client already owns an older version of this app. He gathers feedback from his team members who use this app every day.

Goal

Upgrade the app. The client already had the list of fixes. He told me about his expectations. One of his desires was to have a visually appealing application, as he frequently views it daily.

The project is designed according to his checklist, and I also include my suggestions - good practices.

Challenges

The previous designer did not meet the client's expectations and left the project of low quality. I didn't have a lot of time to suggest better options. Furthermore, I was unable to conduct research or conduct usability evaluations. Also, the project collects a lot of data and because of technology I had to design popup's.

What I did instead?

I do my best to build a solid connection with client. I worked well with PJM and developers. I had meetings with clients and asked detailed questions to make sure I did my best.

Let's start

There is no registration button present here, as each employee will have created an account through the administrator and assigned a specific role.

Main page

Upon logging in, the user is presented with a list of enterprises. The person with the admin role is the subject of this case study.

You are now able to watch the first part of the flow, from login to creating the last unit.

Each unit adds the next element the same way.

This view is more complex. You will see how menu works. What's new? Extra buttons. What hide the 'Work order' tab?

Side menu

Side menu - simple example.

ProdigiManage - collapse menu button - default state

ProdigiManage - collapse menu button - hover state

The hover state of the 'Collapse sidebar' button changes color and after a while the tool tip shows up.

The menu informs the user about the state of each element. Menu icons change colors. Here's the explanation of what those colors mean.

What's happen when menu is closed?

Work orders tab

ProdigiManage - Create a new Work Request

After the user adds a work request, the next step is awaiting approval.

After approval, the work order is scheduled and the user can edit and fill up with details.

Edit mode

Here is separated 'edit mode'. You saw before, the 'info tab' has an edit button. You may think that this is inconsistent, but the client asked for a separate area with a label. Another option is to have no label, use the same background, and dim the not editable part.

When the user wants to quit unexpected 'edit mode' system will show a popup with 'Do you want Save changes?'.

Here you can see an exaple of status history