Redesigning timesheet feature for Mindquest

Time

2 weeks

Role

UX/UI Designer

Tools

Figma

Miro

Club Freelance, which soon will be rebranded as Mindquest, is a French platform that connects IT freelancers with enterprises and its missions.
They needed to redesign the timesheet feature and improve the mobile website experience. The feature enables freelancers to log their worked hours and send them to the client. The IT managers, on the other side, need to validate or reject the received timesheet.

Image of Timesheet feature screens on multiple devices

Research

#Benchmark #Surveys #Interviews

Starting with secondary research and market analysis, information about freelancers' needs and working methodologies were collected. Beforehand, direct competitors were analyzed, meaning other Freelancing platforms such as Malt, Freelance.com, or Cosset. Once the business market was established, other tracking and management tools were the focus of the analysis, as the timesheet feature competes against them.

Doble Axis Market Analysis
Timesheet Feature Brief Competitors Analysis

Users were directly surveyed on Mindquest and 7 of them were interviewed to get deeper insights about their timesheets feature usage. We gathered their thoughts about what wasn’t working on the current design and what they really needed. Here you can read some of their thoughts:

When doing extra hours, it is hard to justify everything, because the client never wants to pay more.

Salesforce & SAP Freelance

I don't need to see every single task, that gives me more things to check. But if i'm going to pay more for an extra hour I want to know why.

IT Manager

I want to use a flexible and simple tool. Usually, all promise amazing things, and in the end, they are more time-consuming than time-saving.

React Freelance

Definition

#Personas #User Journey #Affinity Diagramn #Service Blueprint

From all the gathered information, we proceeded to use the Affinity Diagram. The three main points found were:

Although our main priority was to solve freelancers' needs, in the validation and timesheet report there are two agents involved. On one hand, freelancers and on the other hand recruiters.

From all the information collected so far, the two main personas were built. On the first hand, Thomas, the IT Freelancer and primary persona of the research.

Image of Thomas, the primary user persona

On the second hand, Nadia, the IT Manager, is the secondary persona of the research.

Image of Nadia, the primary user persona

With these new insights in mind, we defined the problem statement:

Freelancers need to have quick and precise tools to log hours and communicate with their client because justifying their work at the end of a project frustrates them.

Ideation

#Crazy 8 #Collaborative Sketching #User Flow

While it's crucial to remember all of the features we discovered through benchmarking market-leading project and time management tools, it's also important to keep the focus on the problem statement and make the product stand out from its competitors.

In order to do that, we build the current user flow to identify the spots that could be improved and those we needed to be kept. Then we start to generate new ideas in quick bursts, based on a crazy 8 workshop. The crazy 8 methodology is a fast sketching exercise that challenges people to sketch eight distinct ideas in eight minutes. Thanks to that we got several points clear:

  • Include time tracking feature.
  • More concrete feedback.
  • Different ways to views the same information.

Prototype

Mid-Fidelity Wireframes

Hi-Fidelity Wireframes

After finding the unconsitencies of testing the usability of our design with diferent users, here is the result of translating this idea into high-fidelity wireframes.

Freelance Profile
IR Recruiter Profile
Freelance Profile on Desktop Version
Image of Freelance Timesheet feature on desktop devices

Testing

Mid-fi Usability tests

After conducting 6 usability tests through the mid-fidelity wireframes, I found different aspects that could drive users to misunderstand.

  • UX Writing
  • Information Architecture
  • Look and Feel
Image of Freelance Timesheet feature on desktop devices

Come on!
Who the hell has this screen?

let's work ☞ together