Uptime Dashboard Design

Time

2025-2026

Role

Product Design, UI/UX, Design System

Product info:
Uptime is a CDL hiring and recruiting platform designed for trucking fleets. It combines AI-powered driver matching, recruiting automation, candidate management, and compliance tools to help fleets efficiently find, manage, and hire qualified drivers while maintaining a continuous hiring pipeline.

Driver Dashboard

A centralized Uptime dashboard that helps truck drivers quickly understand their profile, job opportunities, performance, and compliance status.

I transformed the provided product requirements and AI-assisted wireframe into a polished, production-ready dashboard in Figma.

Design Focus
  • Clear information hierarchy

  • Scannable metrics & status cards

  • Simple navigation and actions

  • Consistent components, typography & spacing

  • Professional B2B visual language

Outcome

A clean, structured dashboard that makes key driver information and required actions easy to understand and act on.


Fleet Manager Dashboard

Designed a centralized fleet management dashboard that streamlines driver recruitment, application tracking, and hiring workflows through an intuitive, data-driven interface.

Design Approach

Transformed AI-generated wireframes and client-provided content into a polished, enterprise-ready dashboard with clear information hierarchy, consistent components, and streamlined navigation.

Key Features
  • Real-time driver matching and recruitment analytics.

  • Centralized hiring pipeline and application tracking.

  • Driver leaderboard, recent activity, and qualification management.

Outcome

A clean, professional dashboard that brings recruitment insights and hiring operations together in one seamless experience.

Driver Dashboard_Version 2

A modern driver dashboard designed to help fleet drivers manage their profiles, job opportunities, documents, offers, and career activity from one centralized platform.

The Challenge

Drivers need quick access to important information while managing multiple tasks such as certifications, job applications, training, and employer offers.

The Solution

Designed a clean, structured dashboard that prioritizes key actions and information through clear sections, cards, status indicators, and actionable CTAs.

Key Features
  • Driver profile & completion status

  • Job matches and applications

  • Employer offers

  • Document & certification status

  • Community updates & referrals

  • AI-powered insights and suggestions

  • Upcoming events and training

Design Approach

Minimal • Data-driven • Action-focused

Focused on strong visual hierarchy, easy navigation, consistent components, and a professional fleet-management aesthetic.

Outcome

A scalable dashboard experience that makes complex driver information easy to scan, understand, and act on.

Hiring Pipeline

A data-driven hiring dashboard designed to help recruitment teams monitor pipeline performance, track hiring metrics, and identify optimization opportunities.

The Challenge

Hiring teams need a clear view of candidate progression, conversion rates, and bottlenecks without overwhelming them with complex data.

The Solution

Designed a focused analytics dashboard that transforms hiring data into clear, actionable insights through metrics, visualizations, AI recommendations, and performance summaries.

Key Features
  • Real-time hiring pipeline tracking

  • Key hiring metrics & trends

  • AI-powered insights

  • Candidate conversion analytics

  • Job performance summary

  • Account manager activity

Design Approach

Clean • Data-focused • Actionable

Prioritized visual hierarchy, concise data presentation, and clear actions to make complex hiring insights easy to understand at a glance.

Outcome

A professional dashboard that enables hiring teams to monitor performance, identify bottlenecks, and make faster data-informed decisions.

AI-Assisted Design Process

We used AI-assisted wireframing to quickly explore the initial information structure and layout direction based on the provided requirements.

I then redesigned and refined the complete dashboard in Figma, focusing on:

  • Information hierarchy & content organization

  • Dashboard structure and key user actions

  • UI components, icons, spacing & typography

  • Compliance visibility and action clarity

  • Overall visual consistency and polish

AI was used for early exploration only. The final UI design, visual decisions, component refinement, and Figma execution were completed by me.

Stack I use every day

Figma

Sketch

Photoshop

I can help you design

✦ Websites Designs

✦ Mobile Apps Designs

✦ Web Apps Designs

✦ Graphics Designs

I'm available for new opportunities

I talk about design and share my work on

Stack I use every day

Figma

Sketch

Photoshop

I can help you design

✦ Websites Designs

✦ Mobile Apps Designs

✦ Web Apps Designs

✦ Graphics Designs

I'm available for new opportunities

I talk about design and share my work on

Stack I use every day

Figma

Sketch

Photoshop

I can help you design

✦ Websites Designs

✦ Mobile Apps Designs

✦ Web Apps Designs

✦ Graphics Designs

I'm available for new opportunities

I talk about design and share my work on

Create a free website with Framer, the website builder loved by startups, designers and agencies.