Back to work

Team Time Tracker

Designed and shipped an in-house time tracker, replacing paid SaaS subscriptions. Implemented the frontend in React/TypeScript via Claude Code.

Role
Design Engineer
Team
Solo — design & frontend
Timeline
Jan – Mar 2024
Tools
Figma, React, TypeScript
Cover image for Team Time Tracker

Context

Overview

Placeholder — what the product is, who uses it, and where things stood when the project began.

My Role

Placeholder — scope of ownership, responsibilities, and how the work was split across the team.

Problem

Placeholder — the user pain point or business challenge the project set out to solve.

Goals

Placeholder — the outcomes the work needed to deliver and what success looked like.

UX Research

User Interviews

Placeholder — user interviews plus a competitor audit to ground the design direction.

Components & Patterns Library

Placeholder — low-fi sketches through iteration rounds to an interactive Figma prototype.

Process placeholder

Competitive Analysis

Placeholder — moderated and unmoderated sessions validating the design, with guidelines documented for handoff.

Outcome

Placeholder outcome. Measurable results, shipped scope, user feedback.