connecteam.
A self-initiated redesign of the #1 app for deskless teams. I collapsed two redundant Time Clock buttons into one, and lifted the running shift into the Dynamic Island, so the clock follows you out of the app.
I didn’t guess. I read the reviews
Connecteam is the #1 employee-management app for deskless workers, and it has thousands of public reviews. Three things kept coming up: people love the Time Clock, the app itself is the weak link, and forgetting to clock out is the mistake everyone makes.
“Easy to use, allowing employees to clock in and out directly from their mobile devices.”
Capterra reviewsThe Time Clock is the one feature people call out by name. So I protected it and built on it, instead of touching anything else.
“App crashes mid-shift, the most-cited 1-star complaint on the App Store.”
App Store reviewsA timer that lives inside the app dies when the app does. A Live Activity runs in iOS instead, so a crash doesn't take the shift clock down with it.
“Connecteam ships push reminders precisely because forgetting to clock out is common.”
Connecteam · clock-out remindersA Live Activity backs up that reminder, and it makes “am I still on the clock?” answerable right from the lock screen, no taps.
one job, two doors
a clock that follows you out of the app
the shift, made visible
the timer leaves with you
long-press for break & end
answerable from the lock screen
a glanceable break timer
it’s a real, working prototype
Not a video, not a Figma frame. The actual redesign, running in your browser. The live Home is on the left; the redesigned Home is on the right. Tap the island, swipe up the bottom bar, tap the cup, press the side button, and watch the Time Clock keep ticking after you leave the app: blue while working, pink on break.
what changed, and why
- 01Two arrows deep-link to the same destination, a Time Clock shortcut pill and a Time Clock section heading right below itThe section heading is gone. Beneath the pills is just the Clock In button: open the app, tap once, shift startedWhen two arrows on the same screen point at the same place, the second one stops being navigation and starts being noise.
- 02Clocked-in and clocked-out look identical, so the user has to read the button label to know which state they’re inWhen clocked in, the Clock In pill swaps for a tall blue running-shift card: live timer, “Started at H:MM PM,” and Break / End pills inlineYou should see the state at a glance, not have to read a label to figure out which one you’re in.
- 03Ending a shift or starting a break means re-opening the app, finding Home, and tapping the section CTALong-press the Dynamic Island. The coffee cup (break) and X (end shift) appear inline; the timer keeps ticking right above themThe most time-sensitive actions belong on the most glanceable surface there is.
- 04Returning to Time Clock from another app is a multi-tap journey: home screen → Connecteam icon → Home tab → scrollTap the island. Jumps straight into Connecteam with the Time Clock screen pre-loadedA shift action should never cost more than one tap.
- 05Weekly hours is static, only updating when the user re-opens the appToday’s bar grows live while the timer runs; the weekly total ticks up in tabular-nums underneathIf the canvas is already showing today’s hours, it should be the same hours the island shows.