Modernizing the Intervals Time, Task, & Project Management UI

| January 23rd, 2017 | , , ,

Modernizing the Intervals Time, Task, & Project UI

We launched Intervals just over ten years ago. Since then, the software has steadily grown into the full featured online project management software that it is today. And with customers all around the world, we get a lot of positive feedback — our customers have been indispensable in helping us decide which features to add, and how to improve existing functionality.

We’ve also received our fare share of constructive criticism. More recently, a common thread we’ve been hearing from our customers is that the current interface is beginning to feel dated. They would like to see a more modern interface design. “Like a house with good bones,” one customer shared, “Intervals could use a remodel to bring it up to date.”

We see criticism as an opportunity to grow, and we agree wholeheartedly with our customers on this one. And so in 2017 we begin the journey of modernizing the Intervals time, task, and project management UI. This post is to give everyone a sneak peak of what we’ve been working on, and to let you now how we’ll be rolling out the new look.

The creative process

We began the task of modernizing the UI where we would begin any design project — reviewing our customer surveys and researching current trends in UI design. Inspired, we headed to the local brewery with a handful of pencils and a stack of papers. The words we carried on our minds were “clean,” “crisp,” “modern.” We iterated on the basics in sketch after sketch, honing the universal UI elements such as navigation, buttons, lists, forms, and icons.

This first redesign is an evolutionary step, not a complete overhaul. The focus is on cleaning up the UI and improving some of the interactive elements. We will introduce the new design in phases, as to not overwhelm our customers, but also, to implement your feedback along the way.

A sneak preview

Task Listing

Good research and plenty of refined sketches are all you need to tackle the code and begin realizing your vision. Most of the time allocated to this project has been focused on HTML and CSS. The above screenshots show the current state of the new UI design. While the layout is much the same, the overall design reflects the clean, crisp, and modern look we are moving toward. Just a few finishing touches remain before we’re ready to do a soft launch.

Rolling out the new UI design

We’ll be introducing the new UI design as an optional theme, which can be selected in the Settings & Defaults section of your account. We’ll let everyone know once it’s available and encourage everyone to try it out.

Once the proverbial tires are thoroughly kicked we’ll do a more complete UI overhaul, going deeper into the code and improving existing workflows while also making the interface fully responsive.

The new theme will launch in a few weeks, but let us know what you think now.

Photo credit: Adam Wilson

Leave a Reply

What is Intervals?

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

Contributor 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 Reeve
» Archived posts by John Reeve

Contributor 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 Payne
» Archived posts by Michael Payne
Videos, tips & tricks