Skip to content

Navigator · Toggl Track · Windows desktop

Toggl Track

Asked to redesign onboarding, I argued it wasn’t the problem.

Sometimes the right move is to change the question.

I turned an onboarding redesign into a persistent feature navigator — a pattern that shipped and was later rebuilt for Toggl 2.0.

  • not just exposure
    Locked figure Navigator selections
  • engaged with the Navigator
    Locked figure of new users
  • before selection dropped away
    Locked figure personalised features
  • adopted beyond its original scope in 2.0
    2 products

Role

V1 — originator & sole designer V2 — advisor

Timeline

V1: Aug → Sep 2025 V2: Jun–Jul 2026

Team

Cross-product — Windows desktop → Toggl 2.0

Scope

Strategy → research → UX → UI → specification

In short

  • The brief
    Increase adoption of desktop-specific features that contributed to activation and retention.
  • The insight
    New desktop users were being asked to configure the product before they’d had a chance to experience it — and discovery largely stopped after onboarding.
  • The solution
    A personalised Navigator that stayed available after onboarding — there when you wanted it, out of the way when you didn’t — introducing relevant features and letting users explore them at their own pace.
  • The results
    Engagement grew steadily after launch, and attention concentrated on the first four personalised features.

What shipped

A short list of what to try next, picked for how you work.

Process

One pattern. Argued for, shipped, re-examined, rebuilt.

  1. The Windows timer’s empty state: the laptop illustration and Let’s get tracking!01 —ResearchUsers skip onboarding, and the tooltips too
  2. The Navigator button with the pointer resting on it02 —ReframeNot a better tour: change the model
  3. The navigator panel: Track Navigator, its line, and the first two rows — Projects and Calendar integration03 —ShipV1 on Windows, 4 or 5 items, personalised
  4. The calendar clip from the feature page: a week of events, one converted into a running Client sync entry04 —ReadoutReal usage data from launch
  5. The Toggl 2.0 desktop navigator, built by another team: Make tracking automatic, a 1 of 4 progress bar, one feature marked Done and the next with its Turn on button05 —V2Rebuilt for Toggl 2.0 by another team

The locked chapters

Some of the best parts aren’t public.

The full studies include deeper research, decisions, and outcomes from the work. One password opens all of them.

Ask me for a password via email or LinkedIn — also happy to walk you through them live!

More case studies

Toggl 2.0Toggl 2.0
Case studyThe timesheet kept getting more complicated. The interface didn’t have to.Product design · continuous ownership
OROOM
Case studyThe hotel already had the trust. The website didn’t.Web design · hospitality
Toggl 2.0Toggl 2.0
Work gallerySole designer for the first MVP of the browser extensionBrowser extension · sole designer
Toggl 2.0Toggl 2.0
Case studyI didn’t prototype the screens. I prototyped the product.Product design · sole designer