Sneak Peek of the Visual Dashboard for Projects

John Reeve | June 1st, 2016 | , ,

One of Intervals’ core strengths has always been reporting. Intervals has an abundance of visual graphs and charts sprinkled throughout the software. For example, the project dashboard can be referenced to see how a project is progressing. And there are several reports for visualizing time tracking data. More recently, however, customers have been asking for something more high level, something commonly referred to as a “visual dashboard.” So we have set about building one.

Sneak Peek of the Visual Dashboard

The design and development process is progressing as planned. Above is what we’ve completed of the tasks, time, and budget overview thus far. The larger numbers at the top illustrate how much of the project has been completed. While the smaller numbers at the bottom provide more details. We still have more work to do, but were excited.

The Backstory

We started by interviewing our customers to get a better idea of what exactly they need. It soon became clear that the purpose of a visual dashboard was to quickly answer two questions. First, how are my projects doing? And second, what should I be working on? Once we had a vision, we took it to the drawing board.

We collected examples of visual dashboards that demonstrate solid design and an intuitive presentation of the data. Then we started sketching out ideas of our own to find the best way to visually distill and present the data. The pencil sketches below show how the process evolved.

Visual Dashboard Sketches

Early brainstorming sessions where we printed out several examples of good dashboard design.

Visual Dashboard Sketches

Sketching out ideas, iterating with pencil and paper to explore different ideas quickly.

Visual Dashboard Sketches

Narrowing down the sketches to what works best. It’s not just about how it looks, but what it’s communicating. This final sketch was our best answer to our customer’s conundrum, so we took to the computer and started developing it.

Let us know what you think.

2 Responses to “Sneak Peek of the Visual Dashboard for Projects”

  1. Marco says:


    for what I need it would be helpful to have the possibility to drag and drop items into the report head I want to create. Items I commonly use are:

    Head of the report
    -Project Name
    -Project Budget
    -Estimated vs. Actual hours (only the totals)
    -Progress percentage

    Content of the report
    -List of unclosed tasks grouped by Status

    Thanks for your time!


  2. John Reeve says:


    Thank you for the feedback. We really appreciate it. These are some great ideas. We’ll take note of them while we finish building out this feature.

Leave a Reply

Intervals Blog

A collection of useful tips, tales and opinions based on decades of collective experience designing and developing web sites and web-based applications.

What is Intervals?

Intervals is online time, task and project management software built by and for web designers, developers and creatives.
Learn more…

John Reeve
Author Profile
John Reeve

John is a co-founder, web designer and developer at Pelago. His blog posts are inspired by everyday encounters with designers, developers, creatives and small businesses in general. John is an avid reader and road cyclist.
» More about John
» Read posts by John

Jennifer Payne
Author Profile
Jennifer Payne

Jennifer is the Director of Quality and Efficiency at Pelago. Her blog posts are based largely on her experience working with teams to improve harmony and productivity. Jennifer is a cat person.
» More about Jennifer
» Read posts by Jennifer

Michael Payne
Author Profile
Michael Payne

Michael is a co-founder and product architect at Pelago. His contributions stem from experiences managing the development process behind web sites and web-based applications such as Intervals. Michael drives a 1990 Volkswagen Carat with a rebuilt 2.4 liter engine from GoWesty.
» More about Michael
» Read posts by Michael
Videos, tips & tricks