Skip to main content
B2B SaaS · Interaction design

Making Time Visible Across Devices

A cross-platform interaction model that made working time easier to read without turning every device into a smaller copy of the desktop app.

Key results

3 platforms

Windows, web, and mobile experiences

6 monthsof product and interaction design
3people in the core product team
1 systemfor time, progress, and status
Portfolio archivePrototype-led

Project colophon

Grindy

Grindy logo
Role
UX/UI Designer / Project Manager
Engagement
6 months
Scope
Product Strategy · UX/UI · Prototyping · Project Management
Tools
Miro · Figma

Time tracking looks simple until a product has to represent time passing, work changing state, budgets being consumed, and teams working across devices and time zones. A pattern that is obvious on a wide desktop surface can become illegible or cumbersome on mobile.

For Grindy, I worked across product strategy, UX/UI, and project management to define a shared interaction language for the Windows, web, and mobile products.

Consistency did not mean making every platform identical. It meant making the same state understandable everywhere.
01/02Cross-platform interaction+
01

Prototyping the passage of time

The central design problem was temporal: users needed to understand what was active, how work was progressing, what had changed, and what required attention. Those signals also had to remain accessible and compliant across desktop and mobile contexts.

A simple status heuristic

I explored multiple ways of visualizing progression and status, then tested the most promising behaviors in high-fidelity prototypes. The prototypes made timing, transitions, and feedback concrete before the team committed to implementation.

The final direction used a simple shared heuristic rather than platform-specific conventions that contradicted one another. Grindy's current product continues to connect desktop and mobile time tracking with project budgets, profitability, team availability, time zones, and ticket automation.

Grindy's timer, calendar and entry screens, the same time-tracking model expressed across three platforms
Time across three platformsTimer, calendar, and entry screens. One model of elapsed time expressed three times, without becoming three different products.

A system is coherent when its meaning travels

Grindy was an early lesson in cross-platform product design: visual sameness is less important than semantic consistency. When time, progress, and status mean the same thing everywhere, each platform can still behave like itself.

Turning Many Ideas Into One Software Story