RocMar Dashboard

Design-to-code productivity dashboard — Figma system, four-API OAuth, SVG over millions of data points.

product thinkingsoftware engineeringdesign engineering

Client: RocMar Engineering via Quantum Mob

Year: 2020

Team: 1

WD.1 / Wins //

Owned an employee dashboard, Figma to production.

Full design-to-code ownership of an employee productivity dashboard for an architectural engineering firm. Designed the interface and a reusable design system in Figma, then implemented OAuth/OIDC authentication via Passport.js across four API integrations. SVG visualizations and optimized SQL surfaced millions of historical data points as actionable productivity insights in one cohesive view.

OAuth API integrations

Millions

Historical data points visualized

RocMar Employee Dashboard — Data Integration Overview

WD.2 / Figure //

Data Integration, Auth, and SVG Visualization

Owned the full-stack data layer for a productivity dashboard that pulled employee activity from four OAuth/OIDC-backed integrations. I designed the auth flow with Passport.js, normalized years of historical activity into Postgres, and used optimized SQL plus SVG visualization to turn millions of records into readable productivity signals.

RocMar Employee Dashboard — Interface Design

WD.3 / Figure //

Figma-to-Production Dashboard System

Designed the full interface and design system in Figma, then carried it into production as the sole owner of the dashboard experience. The UI work was not surface polish: reusable components, typography, color semantics, and interaction patterns made a dense operational tool feel coherent for an architectural engineering firm.

WD.4 / Figure //

RocMar Employee Dashboard — Home

Next Project

Air Miles Rewards Portal

View Work

WD.5 / Contact //

Get in Touch

I'm based in Toronto, Canada. Open to roles where engineering and product need to work closely together.

tony@tko.dev LinkedIn Resume GitHub