Year 2026
You’ve Got Time
A break-tracker progressive web app, designed and shipped end-to-end — from manifest and service worker to a calm, focused interface for protecting time on the clock.
BASED - KALAMAZOO, MI
FOCUS - APP DESIGN
AVAILABLE - FREELANCE / FT
Case Study: You’ve Got Time (YGT) –
A Workplace Tracker
The Vision
You’ve Got Time was born out of a real-world necessity.
Working in high-intensity technical support, I found that calls frequently ran into scheduled breaks. This required constant "mental math" to figure out exactly when to clock back in to avoid attendance issues.
I set out to build a tool that eliminated that cognitive load, ensuring every break is stress-free and every return is on time.
The Problem
The Mental Math Gap: When a shift is back-to-back, calculating a 15, 30, or 60-minute return time from an irregular start time is prone to error.
Visibility: Standard timers focus on "time remaining" rather than the specific "clock-in target."
Environmental Factors: Bright office monitors cause eye fatigue; a high-contrast, dark-themed solution was needed for visual relief during downtime.
The Design Evolution
1. Phase One: The Functional Foundation
The journey began with a simple UI focusing on core logic: Start Time and Return Time.
The Goal: Establishing the core user flow—select a break duration, see the exact end time.
Design Choice: High-contrast light modes with simple dropdown.
The focus was on legibility over aesthetics to ensure the math worked perfectly.
2. Phase Two: Visual Hierarchy & Personalization
As the logic solidified, the design shifted toward a dedicated "Dark Mode" aesthetic.
Aesthetic Shift: Transitioning to deep navies and purples to reduce eye strain.
Functional Presets: I expanded the logic to include 15-minute, 30-minute, and 1-hour presets to accommodate both short breaks and full lunches.
The "Return Time" Feature: I prioritized the "Back at" timestamp in high-visibility pink/red. I also incorporated a 2-minute Grace Period buffer to ensure I was physically at the desk and ready to punch in exactly when the timer hit zero.
Time intervals
Walk back buffer
3. Phase Three: Refinement & Global Utility
The final iterations focused on professional-grade UI elements and broader workplace utility.
Modern Interaction: I updated the refresh button with a slight spinning animation to provide active feedback that the timer has reset. I also added a real-time countdown to complement the static return time.
Global Scaling: To account for remote teams spread across regions, I integrated a World Clock, moving the app from a personal tool to a professional "Workplace Tracker."
Polish: Implementation of soft shadows and glass morphism elements to give the app a modern, tactile feel.
World Clock
Manual time set
Key Features
Common break time presets for quick selection: 15, 30, and 60-minute workplace intervals.
The most important time you need to see is the return to desk time. A high-Visibility "Back At" Stamp: The most critical data point is the largest and brightest.
Giving that extra time to return to your desk is crucial. A 2-Minute Buffer: the built-in grace period to account for the walk back to the workstation.
Business never stops especially around the world. World Clock Integration: Essential for companies operating across multiple time zones.
Simple to use interface and a short how to. Onboarding Simplicity: A clear instructional sentence ensures any user can start tracking immediately.
Final build
The Outcome
You’ve Got Time transitioned from a personal fix for "mental math" into a comprehensive workplace tracker. By bridging the gap between basic utility and high-end UI/UX design, this project demonstrates how a tool born from a specific workplace pain point can be refined into a professional, scalable application.
Initial engagement was positive with event count at 266 and engagement at 30 on Google Analytics. Posting on X has 69 impressions, 17 engagements and 14 link clicks.
This data suggests the product has merit but hasn't reached its core user yet. I'll continue sharing it across communities and social platforms and monitor the impact over time.
Next step is uploading this to the app store on Ios and Android devices using github, Vercel and Pwabuilder.
Let’s build something.
Email Me
ram445@gmail.com
1-908-938-1939
Behance - Ram445