Freelance Time Tracker: A UI/UX Case Study

The problem

Being your own boss isn’t always easy.

Communicating with clients, monitoring time spent on each client — and the list goes on… In my research, I found that here is what Freelancers claim to be their biggest challenges.

Solution preview

Research

Competitive analysis
None of the time tracking and management platforms are tailored to Creative Freelancers.

The competitors are blurred for privacy sake

Empathy mapping
I mapped out the tasks of what a typical Creative Freelancer does and ranked their task difficulty.

HMW statement
How might we create a modern and user-friendly solution to assist Creative Freelancers to streamline time tracking and invoice generating?

Target Audience

My target users will focus on Freelancers, specifically in the creative space.

Design

Brainstorm

My approach to this was to keep in mind what data to present. The focus was to get users important data they would want to care about, off the bat.

I needed my screens to show

01 How long someone’s worked on a project

02 Comparison between each project time

03 Billable hours

First iteration: Before & After

My first round of Usability Testing and Feedback didn’t go so great. My interviewees thought some of the data shown weren’t as clear.

I added total time spent, and total billable hours.

Final screens

Final thoughts
Through multiple rounds of trial and error, iteration, and feedback, this project is finally off to a good stopping point. I’ve experimented on so many different ways to present data, both functionally and aesthetically.

Starting, I was too focused on making the dashboards look pretty, and overlooked the core of this project goal. Realizing that, I started to ask myself multiple times, “Will the user understand and care about what is shown?” and will hold on to that question throughout my UI/UX process, moving forward.

--

--

--

UI/UX Designer

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Keep customers who find your online subscription too expensive with better UX

Design system : enthusiastic updates or systematic efficiency?

Design Process of MEETER

My journey with Notion

4 Habits That Can Significantly Boost Your Growth as a Professional

Understanding Different Types of Filament

Day 13: Monthly Overview

Today's printable is a request from Madalyn. She wanted a monthly overview with a few certain components on it. This printable is specifically for February 2017, but if I get enough requests, I'll definitely add future months to the club. Don't miss this and other free printables at iheartplanners.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Elaine Lumanauw

Elaine Lumanauw

UI/UX Designer

More from Medium

UX Case Study — Last Wish Insurance Feature on the Bank Jago Application

App home screen redesign - UX case study

UX/ UI Redesign Women4Cyber Website — Case Study

UX Case study: Local E-commerce