All American Diner

A cross-platform ecosystem featuring a mobile app for staff and a desktop dashboard for managers.

Project Overview

The Challenge

Messy paper schedules and verbal tip tracking at All American Diner led to constant shift confusion and zero data on team performance.

The Goal

Digitize the "Diner Workflow" with a mobile app for staff and a real-time supervisor dashboard to streamline clock-ins, scheduling, and KPI tracking.

01. Architectural Foundation

I began with low-fidelity wireframes in Figma to map the core logic: a single-tap clock-in system for mobile and a 10-employee "at-a-glance" view for supervisors.

Focus: Reducing friction during fast-paced shift changes.

02. Visual Identity & System

The High-Fidelity mockups utilize the diner's signature Bold Red palette balanced with Material Design principles for high legibility in low-light restaurant environments.

Employee Hub: Real-time earnings tracking and color-coded roles (Booths vs. Counter).

Manager Dashboard: Built for speed, allowing supervisors to filter by role or coverage gaps in seconds.

Initial Low-Fidelity Wireframes

Sign In screen

Dashboard-Home screen

Dashboard-Home Clocked In screen

Schedule screen

Time screen

Stats-screen

Team chat screen

My Profile screen

Money earn management screen

For Employees

Instant Clock-In: Zero-friction time tracking.

Tip Logger: Personal daily analytics.

Smart Schedule: Color-coded role views.

For Supervisors

Live Coverage: Real-time attendance monitoring.

Performance KPIs: Data-driven shift reviews.

Weekly Planner: 7-day team oversight.

Outcome & Reflection

The solution replaced archaic paper logs with a sleek, branded platform. Early refinement suggests a significant reduction in scheduling overlaps and improved tip transparency.

Ongoing: Currently optimizing performance and refining UI micro-interactions based on staff feedback.

The Control Center: Supervisor Dashboard

Optimizing for complex oversight and real-time team management.