An app for tracking team productivity, track your employee(s) effort for the company and for the one-man company.

A timesheet application records the time spent on various tasks and projects by an organization’s employees and individuals. By tracking employee efforts, a timesheet can provide a number of benefits to an organization.

iphone image
iphone image

Competitive Analysis

Competitor analysis in marketing and strategic management is an assessment of the strengths and weaknesses of current and potential competitors. This analysis provides both an offensive and defensive strategic context to identify opportunities and threats. Profiling combines all of the relevant sources of competitor analysis into one framework in the support of efficient and effective strategy formulation, implementation, monitoring and adjustment.

Analisis image

User Personas

A persona in user-centered design and marketing is a fictional character created to represent a user type that might use a site, brand, or product in a similar way.

users image
users image

Customer Journey

In commerce, customer experience (CX) is the product of an interaction between an organization and a customer over the duration of their relationship. This interaction is made up of three parts: the customer journey, the brand touchpoints the customer interacts with, and the environments the customer experiences (including digital environment) during their experience.

timesheet-customer-journey image

Next, We scripted a typical daily feeding routine for the persona. This process helped me decide how the web app’s customer experience might be designed to fit in with a feeding routine.


A wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose.


Time Tracker


OTP Verification


OTP Verification field

In TimeSheet most basic paper sketches were designed for each screen . In a demonstration or usability test, the sketches are switched according to user actions. One of the advantages of paper prototype is that I could create multiple versions without wasting time on digital tools.

Style Guide

A style guide or manual of style is a set of standards for the writing, formatting and design of documents. It is often called a style sheet, although that term also has other meanings. The standards can be applied either for general use, or be required usage for an individual publication, a particular organization, or a specific field.

Style guide image

These guidelines are meant to help developers keep elements like buttons and forms consistent across multiple webpages. Additional examples and references, like writing samples, words to avoid, PowerPoint templates or photography compositions could also be helpful to include in a brand style guide.


The modern technology set we chose enabled us create a fast- loading, scalable app to support TimeSheet’s quickly growing global business. We put in place a Content Management System (CMS) and rich User Guide to allow TimeSheet’s editors to easily maintain the app going forward.

Development framework
React Native
Mobile app framework
Messaging broker
Virtual machine
Headless Orchard CMS
Cookie Settings Logo
We use cookies. Further information can be found in our privacy policy.