Close and return to work

Streamtime

Redesigning the Gantt chart that was driving users away

Laptop mockup of the redesigned Streamtime Timeline: a campaign's phases and milestones across a January-to-September Gantt view, with the item table alongside.

Year

2025

Duration

12 months

Role

Sole Product Designer

Constraints

A 2019 codebase and fixed release windows

Background and Problem

The feature quietly pushing users to competitors

Our Gantt chart hadn't been touched since 2019. In that time, user expectations shifted, competitors raised the bar, and a backlog of pain grew. By the time this project landed, the feature had become a liability: outdated UI, confusing UX, and a codebase affecting performance. Studios rebuilt their larger projects by hand in Smartsheet and Google Sheets rather than use ours, and one customer was weighing a move to a competitor over it. An agency director told me in person that the timeline was “the worst part of the entirety of Streamtime.” My brief was to research it, design it, ship it with engineering, and make sure the launch meant something.

Project timeline showing Discovery Phase and Phase 2 Development tasks with start and due dates from 03 July to 12 July 2019, including tasks like Resource Allocation, Performance Analysis, Client Interviews, and various development stages.Job plan timeline chart showing phases and tasks from January to July including Discovery Kickoff, Resource Allocation, Performance Analysis, Client Interviews, Budget Forecasting, Team Sync, Phase 2 Development, Creative Discovery, Concept Ideation, Design Ideation, and Development Planning with milestone markers for Stakeholder Meeting, Concept Approval, and Client Alignment Meeting.
drag
Before
After

Research

Digging into six years of feedback to find the real problems

I reviewed six years of CS-logged feedback before opening Figma, and grouped it by the most frequent pain points:

  • Users needed to navigate between bars and labels to interpret their timelines.
  • Items could not be added directly in the Gantt chart, so users had to switch frequently to the job plan.
  • Milestones remained static, so moving an item did not update its associated milestone.
  • There was no option to share a client-facing version, so teams rebuilt their timelines by hand in another tool.
  • Exports were limited to PDF format, despite ongoing requests for CSV support.
  • The UI pre-dated our design system and lacked accessibility compliance.

Exploration

Sketching layouts and testing them with engineering

I began with low-fidelity sketches to quickly explore layout options, focusing on label readability, inline editing in the table, and the time switcher. Rapid sketching let me test ideas with engineering before developing high-fidelity designs.

Hand-drawn project timeline table with columns for phase name, item name, durations, and dates from April 1 to 12, including annotations about editable stages, filtering, milestones, grayed-out past dates, and crosshatched weekends.

Scoping

Scoping the design against what could be built

The 2019 codebase decided a lot for me. Streamtime has no company-level concept of a weekend (working days sit on individual profiles), so “avoid weekends” became a visual treatment, not a scheduling rule. I cut the duration column rather than ship it wrong. I parked milestone completion ticks once it was clear they pulled overdue logic into scope, and held back full milestone dependencies: attaching milestones to items covered the real use case for a fraction of the build. I logged every cut. The ones with demand behind them came back, and PDF date ranges shipped in the first hotfix, six days after release.

High-fidelity timeline design showing the sidebar table and Gantt chart for a project across April, with two stages of items and inline dates.

The shipped table and chart in high fidelity: inline editing in the sidebar, two density settings, weekends as a visual layer only.

Timeline for a campaign from January to August showing phases, item-linked milestones on their own rows, and dependencies drawn between items.

Milestones attached to items on their own rows, with dependencies drawn between items: the scoped-down model that shipped.

Refining

The gap that sent users elsewhere

Most of the pain points cost users time inside the product. One sent them out of it: with no way to share a client-facing version, teams rebuilt their timelines by hand in another tool. The fix was the Client View. Users enter a separate client edit mode, hide any items, phases or milestones they don't want shown, and publish. The client gets a read-only timeline they can scroll and zoom. Prior to testing, I suspected the mental model was unclear but couldn't pinpoint where it broke down, so I built the test sessions specifically to find out.

Project timeline from January to July showing phases, milestones, and tasks such as Discovery Kickoff, Resource Allocation, and Creative Discovery with their start and end dates.

Testing

What users showed me I'd got wrong

I ran six research sessions with creative studios in a demo environment loaded with each participant's own account data. Every participant saw the value of the client app straight away. The problems were all in how they reached it.

Users were unable to distinguish between modes.

Several edited the client version, believing it was their main timeline and not realising they had switched modes.

A publish modal appeared immediately on entering client edit mode.

It arrived before users were ready to publish, and left them disoriented about where they were in the workflow.

Project timeline interface showing job plan phases with start and end dates, a pop-up window to share client timeline with a link and copy button.

One caveat from the synthesis: every participant previewed the client app before returning, so I couldn't isolate whether the preview flow or the visual hierarchy caused the confusion. The rework addressed both. I validated the changes through internal testing rounds and two weeks of whole-team release testing, then watched them hold up in session replays after launch.

Iteration

Three changes that fixed the mental model

The fix was targeted, not a redesign:

Client edit mode before the rework: entering the mode triggered an immediate publish modal over the timeline.Client edit mode after the rework: a distinct client timeline view with visibility toggles and settings, no interrupting modal.
drag
Before
After

Removed the publish modal on entry. Users land in client edit mode and nothing interrupts them before they are ready to publish.

Added strong visual distinction between internal and client edit modes. The mode switch stays legible, including after following the generated link.

Rewrote the microcopy throughout the flow. Every screen names which timeline you are looking at, internal or client-facing.

Launch

Launching it properly, not just deploying it

Given the significance of this feature, I helped organise a formal launch rather than a silent deployment. I ran a webinar walking through the redesign, and sat down with the lead developer for a blog post Q&A about how it was built.

These efforts created valuable re-engagement opportunities with both current and inactive users, which a simple production release would not have achieved.

I made the launch video in After Effects. Two minutes, built to show the Client View rather than describe it.

“Talking Timeline with Isobel and Jake”

Outcome

The work users did elsewhere is coming back

Adoption was immediate — studios started publishing client links in the first fortnight, the exact workflow they'd been rebuilding by hand in Sheets and Smartsheet.

1,000+

users in the first fortnight

1 in 5

went straight to the share flow

  • An at-risk agency was retained pre-release; a studio weighing a competitor stayed.
  • Our highest-value research participant moved off Google Sheets; a 100-plus-seat prospect began migrating off a bespoke Smartsheet build.
  • No churn since launch has traced back to the Timeline.

“We have tried out the new timeline feature and we are obsessed! We haven't been able to build out timelines in Streamtime in the past, but now with the updates we will be using Streamtime.”

— Customer message, two weeks post-release

“Can I tell you again how much I love the new timeline functionality — sharing and exporting. Magic!”

— Customer feedback, six months post-release

Person viewing a laptop displaying a project timeline for the Stellar Bloom Campaign with tasks, dates, and milestones laid out in a calendar format.

Reflection

What I'd test earlier next time

If I had tested the Client View earlier, during the lo-fi stage, I might have noticed the mental model issue sooner. Now, I always add mode-switching flows to my early testing checklist. Next time, I'll also document the tech review process more clearly as a design artefact. With so many conversations happening, it was easy to lose track of decisions, which made it hard to backtrack or give others outside the main project group a clear decision log.

I’m Isobel, a designer based in Sydney, Australia.