Time Roundup 2017-08-17T20:50:49+00:00

Project Description

Time Roundup



Time Roundup (timeroundup.com) is a simple, mobile and affordable web app that tracks employee time, expenses and sends invoices. The platform was built for freelancers, startups and small businesses to get payroll setup quickly. Time Roundup was founded in 2017 by Dan Olsavsky and Daniel Wetteroth of Denver, Colorado. The business started as a project for a family friend and was recently scaled into a multi-client platform.

Requirements & Deliverables

“We need a more affordable [time tracking, expense reporting and invoicing] solution, that is easier to use and helps keep our subcontractors more accountable for entering their time… Time Roundup does exactly that!”
– Tracy Blackwell, Owner, Mountain States Framing

“Many rates-payer dollars are spent on paper time sheets and leave requests; and on employees literally walking or driving from building to building because scanning and emailing signed time sheets is disallowed; not good for the budget or for the carbon footprint.”
– Austin Water Utility employee

  • Project Objectives and Approach

  • Business Requirements

  • User Research

  • Personas

  • Content Strategy

  • Site Maps and Task Flows

  • Wireframes and Annotations

  • Prototyping

  • Visual Design

  • Front End Web Development


Project Objectives and Approach

Kick-off meeting

  • Identify key stakeholders and invite them to a formal kick-off meeting
  • Discover the 5W’s for the feature
  • Lead an open discussion on how to best facilitate what are thought to be the initial users needs and business goals
  • Outline how to measure success by using the Google H.E.A.R.T. framework

Project plan

  • Outline; key deliverables needed to inform design decisions, who is responsible for completing them, when they were due and how we’ll communicate (e.g. setting expectations)

Business Requirements

Stakeholder interviews

  • Interview business stakeholders to gain more insight on what their goals are and what data points need to be extracted
  • Document each interview via interview template

Competitive analysis

  • Study several direct and non-direct competitors solutions for similar features and design patterns
  • Capture screenshots of workflows
  • Design a competitive landscape matrix

User Research and Personas

Define user groups

  • Create a list of attributes that will help define the different user types
  • Organize common attributes in to groups
  • Define and prioritize which groups will have the biggest impact on the business

User research

  • Setup tests, recruit participants, conduct research sessions, document feedback, and report to the business
  • Chosen methods include; user interviews
  • Use the information to inform the business and design decisions (Keynote/Powerpoint presentation)

Develop personas

  • Using the information learned from the business and user research, create documents that describe the typical target users for BeVisible
  • Distribute persona documents to executives and other stakeholders
  • Update personas as we learn more information through web analytics, customer services, etc.

Content Strategy

  • Inventory content that we have now (images, videos, pdf’s, text, etc.)
  • Discuss what content needs to be created/updated (marketing, help content, error messages, etc.), who will be doing it, and how often it needs to be updated
  • Organize/group all content and attributes in a spreadsheet (content matrix)
  • Prioritize content (hierarchy) and define where content would be best placed
  • Distribute content matrix to executives and other stakeholders

Task Flows

  • Outline the site navigation based on how content is grouped (sitemap)
  • Define the users end goals and the steps needed to be performed within the system to accomplish them
  • Work with stakeholders and subject matter experts within the organization to create diagrams that outline the users path (including decision points) through the system

Wireframes and Annotations

  • Using the task flow diagrams and requirements, create wireframes that outline the user interface components necessary to complete the users goals
  • Work with the product engineering team on technological limitations
  • Annotate actions needed to perform the users task
  • Annotate empty states, error and success states other hidden content
  • Present the wireframes to the business for acceptance

Visual Design

  • Create mockups that represent the exact design of the pages of the web app
  • Generate a visual style guide that outlines the common fonts, colors, logos, images and interface patterns
  • Use the visual designs as the standard for acceptance testing

Transition to Development

  • Using CSS, HTML and JavaScript develop HTML Page Templates for each page of the web app
  • Test the design on multiple devices to ensure consistency and usability when responsive
  • Package and deliver the page templates tot he engineering team and assist in implementation

Measure and Report

  • Monitor web and social analytics
  • Measure happiness by surveys, interviews, and contextual inquiries (user journey mapping)
  • Measure engagement by time spent on the new page for the user type within the next 30 days
  • Measure adoption by what percentage of the user type were targeting will visit this new page within the next 30 days
  • Measure retention by how often the user type re-visits the page within the next 30 days
  • Measure time on task by analyzing workflows and contextual inquiries
  • Reanalyze data every thirty days, compare it to the previous period, look for insights
  • Send monthly high-level reports (with visuals) to key stakeholders
  • Enter new items into the product backlog for future releases

Ready to Talk?


Contact Antfarm Today