Navigate back to the homepage
Digital Garden

Internal time tracking

Internal time tracker for team.
alt text for small image

Define problems

At Code Engine Studio, we work with many clients, many web & app projects and many team members, we need to track time and get paid from clients.

We tried to used different app to track our time, some of them are very expensive, some are cheaper, tracking time easier but we must spend 4 hours/week to do a report on Google Sheet.

We think we can create a better app that focuses on ease of tracking time and good reports.

Market research & Competitive analysis

We did some market researches to see how people are tracking and managing time in a team and verify that whether our idea resolves real problems.

We also analyzed our competitors who are in the market to find their strengths & weaknesses. We got three competitors:

alt text for small image

User interview and user testing on a competitor

Who are our target customers and what are they doing?

We found out two customers: Product Manager (primary one) and Team Member.

To understand them more, we did one-to-one interviews with six participants and watched them interact with Toggl (one of our competitors) with usability testings.


From the information we got from user interview and test, we built personas that remind us who we are designing for.

alt text for small image

Customer journey map - CJM

A CJM shows us the story of our customer when interacting with our product: where they come from, what they do, where they get stuck, any pain-point, their feelings when using the app.

When you see the map, you may know where we can improve to make the product better, by making our users happier.

CJM is really powerful.

alt text for small image

Ideate, sketch & wireframe

In this phase, I did brainstorming with my director to come up with as many solutions as possible and then chose the best ideas.

alt text for small image

After picking up some ideas, we moved to do detailed wireframes. And of course, with many other ideas:

alt text for small image

Create prototype

“If a picture is worth 1000 words, a prototype is worth 1000 meetings.”

We built a clickable prototype with Marvel. With this prototype, we used it like a real product to see whether it痴 good and also used it for our usability testing.

Very first prototype:

alt text for small image

Usability testing

We invited five people to do usability testing. We watched them interact with what we created, asked them questions and get feedback from real users.

This step would help us verify our idea, make sure our users can use easily, and especially, reduce the cost of changes on development phase, we want to make our developers happy by reducing changes.

alt text for small image

Hifi Design

Introducing Time Cloud

When the idea was verified, we confidently dive deeper into the detail of the final design. Here are some features of our product:

alt text for small image

Tracking time

Start tracking by one click, with many different ways.

alt text for small image
alt text for small image

Time off

Request and manage time off.

alt text for small image

Time off management for PM

alt text for small image


Manage team and projects for the PM.

alt text for small image


Run report based on projects, person, time span.

alt text for small image
© 2019–2022
Link to $ to $ to $