[{"_1":2},"routes/case-study",{"_3":4},"data",{"_5":6,"_7":8,"_9":10,"_11":12},"unlocked",true,"cs",{"_17":149,"_181":6,"_19":150,"_21":151,"_23":62,"_25":152,"_27":182,"_29":65,"_34":156,"_36":157,"_38":39,"_40":158,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_59":201,"_202":-7,"_203":-7,"_204":-7,"_205":-7},"meta",{"_17":149,"_58":59,"_19":150,"_21":151,"_23":62,"_25":152,"_27":153,"_29":65,"_66":154,"_32":155,"_34":156,"_36":157,"_38":39,"_40":158,"_72":159,"_160":-7},"more",[13,14,15,16],{"_17":132,"_19":133,"_21":134,"_23":62,"_25":135,"_27":136,"_29":137,"_31":132,"_32":138,"_34":139,"_36":140,"_107":141,"_38":39,"_40":142,"_42":43,"_72":143},{"_17":98,"_19":99,"_21":100,"_23":47,"_25":101,"_27":102,"_29":65,"_66":103,"_32":104,"_34":105,"_36":106,"_107":108,"_38":39,"_40":109,"_72":110},{"_17":57,"_58":59,"_19":60,"_21":61,"_23":62,"_25":63,"_27":64,"_29":65,"_66":67,"_32":68,"_34":69,"_36":70,"_38":39,"_40":71,"_72":73},{"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":18,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43},"slug","navigator","order","04","title","Sometimes the right move is to change the question.","client","Toggl","discipline","Product design · originator, then advisor","tags",[54,55,56],"cover","grid","story","logo",{"_44":45,"_46":47,"_48":49,"_50":51,"_52":53},"accent","#3F6B5C","accentBright","#6FA893","accentInk","#FFFFFF","cardSummary","Asked to redesign an onboarding screen, I argued the screen wasn’t the problem. The feature navigator that came out of it is still running — and the pattern was rebuilt for Toggl 2.0.","lockNote","Shipped client work. The write-up quotes production outcomes, so it’s shared on request rather than published.","src","/logos/toggl-track.svg","alt","Toggl Track","width",568,"height",367,"scale",1.5,"Scope refusal","Instrumentation","V1 → V2","toggl-mobile","kind","gallery","03","Sole designer for the first versions of the brand-new mobile app","Toggl 2.0","Mobile · 0 → 1",[95,96,97],"stack","devices",{"_82":83,"_84":70,"_85":86,"_87":6},{"_44":77,"_78":79,"_46":62,"_48":80,"_50":81},"#8a3fb0","#c15ee7","A companion app designed from a brief in three months, then — when Track users started arriving — the recovery, the in-app importer and phone sign-in that brought them across.","pill",{"_21":74,"_75":76},"Toggl 2.0 mobile","sub","First version · moving Track users across","/logos/toggl-2-0.svg","srcDark","/logos/toggl-2-0-on-dark.svg",249,60,"previews",[88,89],"previewBg","previewBgDark","#2e1838","previewBgInk",{"_44":93,"_46":94},{"_44":90,"_46":91,"_92":6},"/tiles/mobile-phone-screen.webp","A phone in front showing the mobile calendar in dark mode, a week of colour-coded time blocks","dark","/tiles/mobile-phone-2-screen.webp","A phone showing the Timer screen in light mode","0 → 1","Migration","Design in code","track-mobile","02","Simplifying the timer without simplifying away what mattered.","Mobile · iOS and Android",[129,130,131],{"_82":113,"_84":114,"_85":115},{"_44":45,"_46":47,"_48":49,"_50":51,"_52":53},"#ad4e2c","#e87161","accentLarge","#c4613e","The one sheet every Track user touches on iOS and Android, simplified with the engineers, shipped, measured, and corrected when reviews said a shortcut had gone.",{"_21":111,"_75":112},"Toggl Track mobile","Simplifying the timer · iOS and Android",[116,117],"#fceaf8","#26142b",{"_44":120,"_121":122,"_46":123},{"_44":118,"_46":119},"/tiles/track-phone-screen.webp","Toggl Track's Timer screen on iOS, with suggestions, today's activity and a running entry.","/tiles/track-phone-2-screen.webp","place",{"_124":125,"_126":127,"_48":128},"The redesigned edit sheet: one time row, Set to last stop and Round stop time, and the duration wheel.","left","44%","top","0%","50%","Research","Native mobile","Shipped","goals","01","I didn’t prototype the screens. I prototyped the product.","Product design · sole designer",[147,148,131],"orbits",{"_44":146,"_78":79,"_46":62,"_48":80,"_50":81},"#936900","#E4AC21","#B88400","A goal-tracking feature for Toggl 2.0, where the real design problem wasn’t the layout — it was what a goal’s state means when users can still edit the past.",{"_21":144,"_75":145},"I prototyped the product, not just the screens.","I took Goals from research to a working experience in code.","/logos/toggl-2-dark.svg","Research-led","Prototyped in code","extension","06","Sole designer for the first MVP of the browser extension","Browser extension · sole designer",[148,179,180],{"_82":163,"_84":114,"_85":86},{"_44":146,"_78":79,"_46":62,"_48":80,"_50":81},"#1F6F78","#5FB8C2","Toggl’s browser extension for Chrome and Firefox: a lightweight companion to the web app, built around tracking time without leaving the work.",{"_21":161,"_75":162},"head","Toggl 2.0 extension","Sole designer for the first versions",[164,165],{"_44":172,"_78":173,"_46":174,"_121":175},{"_44":166,"_78":167,"_46":168,"_121":169},"/tiles/extension-study/popover-card.svg","/tiles/extension-study/popover-card-dark.svg","The confirmation popover from a page: the entry’s name, Project, Tags, Delete and Done",{"_124":128,"_126":170,"_48":171},"8%","46%","/tiles/extension-popup-hover.webp","/tiles/extension-popup-hover-dark.webp","The extension popup, with the day’s tracked entries",{"_124":176,"_126":177,"_48":178},"6%","38%","92%","Ambient UI","Shipped in part","ungated",[148,179,180],"hook","An extension draws on pages it doesn’t own. Everything it adds there has to be quiet at rest, clear about why it appeared, and never gone without a word.","year","2026","role","Sole product designer","timeline","October 2025 – August 2026","team","PM, Tech Lead, Extension engineers","platform","Browser extension (Chrome, Firefox)","scope","Popup · in-page actions · Auto Tracker","metrics",[],"blocks",[],{"_206":207,"_21":151,"_208":209,"_210":211,"_212":213,"_214":215},"tldr","inShort","showcase","execSummary","kicker","Toggl 2.0 extension for Chrome and Firefox","paragraphs",[292],"links",[280,281],"reach",{"_277":278,"_220":279},"sections",[216,217,218,219],{"_220":237,"_222":238,"_224":131,"_226":239,"_240":241},{"_220":233,"_222":234,"_224":131,"_226":235,"_228":236},{"_220":229,"_222":223,"_224":230,"_226":231,"_228":232},{"_220":221,"_222":223,"_224":225,"_226":227,"_228":189},"label","The day in the popup","period","June 2026","status","Prototype, then shipped","note","Activity, Logged and Calendar on one hour grid, with one click to log what you did. In production eight days later, rebuilt by an engineer.","live","Floating timer","Prototype","Visible on any page only while a timer runs, says when it started on its own, and never ends silently.","island","Promotion banner","May 2026","Offers the extension on the sites it can already track. Eleven variants, three copy angles; the three shipped in June in my copy.","banners","The extension","First versions","The popup, and a start button inside the tools people already work in. Frames from the MVP design file, drawn before the 2.0 rebrand.","images",[242,243,244,245,246,247],{"_44":273,"_46":274,"_48":275,"_50":275,"_252":276},{"_44":269,"_46":270,"_48":267,"_50":271,"_252":272},{"_44":264,"_46":265,"_48":266,"_50":267,"_252":268},{"_44":259,"_46":260,"_48":261,"_50":262,"_252":263},{"_44":254,"_46":255,"_48":256,"_50":257,"_252":258},{"_44":248,"_46":249,"_48":250,"_50":251,"_252":253},"/tiles/extension-study/mvp-onboarding.webp","Design frames: signing in, in light and dark, the hand-off from the web app, choosing integrations, and the first empty day",2400,728,"caption","Signing in, choosing integrations, the first day.","/tiles/extension-study/mvp-popover-page.webp","Design frame: a document page dimmed behind the confirmation popover, with the entry’s name, Add project, Add tag, Delete and Done",1554,809,"The confirmation after Start timer on a page.","/tiles/extension-study/mvp-settings.webp","Design frames: the popup menu, General settings with timer and Auto Tracker preferences, the integrations list with Enable and Autotrack per site, and the workspace switcher",2378,1065,"Settings, integrations and Auto Tracker, and switching workspaces.","/tiles/extension-study/mvp-popup.webp","Design frames of the popup with notes: entries grouped by task, the more menu and delete, the empty day, and restarting a grouped entry",2198,1665,"The day’s entries: groups, actions and the empty day.","/tiles/extension-study/mvp-timer.webp","Design frames: the task dropdown while typing, starting from a picked task, then the project and tag pickers and the start and stop time editor on a running timer",2153,"Starting a timer, and editing it while it runs.","/tiles/extension-study/popup-focus-grouped.webp","The Focus MVP popup, exported from the design file: the timer, today’s totals, and the day’s entries with one group opened to its three time logs",1794,"The popup, with a grouped time log open.","value","10K+","users on Chrome and Firefox",{"_220":289,"_283":290,"_285":291,"_287":288},{"_220":282,"_283":284,"_285":286,"_287":288},"Available in Firefox Add-ons","href","https://addons.mozilla.org/en-US/firefox/addon/toggl-extension/","badge","/tiles/badge-firefox-add-ons.svg","text","Download at the store","Available in the Chrome Web Store","https://chromewebstore.google.com/detail/toggl-20/djchhhhpmaigfigeklaoekfgjdpmegdj","/tiles/badge-chrome-web-store.png","I designed the extension from scratch as a focused companion to Toggl’s web app — translating its core time-tracking experience into the browser while deciding what the MVP needed, what could stay in the full product, and how to make automation and in-page actions feel native to the tools people already use."]