Atelier · Client Dashboard — layout exploration
Project home · after sign-in

Three ways to open the door to a client's project.

The dashboard is state-driven — it surfaces only what a client actually has active, and never shows a hollow screen. Each option below is rendered with the same realistic mixed-state client: a production project mid-lifecycle, a sample order in transit, and a material board in progress. Under each, a note shows how it collapses gracefully to a single-state client.

Production project · milestone 4/6 Samples · in transit Material board · in progress Never empty · next-up states

A

Option A — Activity Home · prioritized vertical stack of status cards

Atelier
LIVV WellnessSan Diego, CA
Help AMAva Marchetti
Activity home

Welcome back, Ava.

Here's everything moving on your projects right now — most important first.

Needs you
Approve the production quote for LIVV Wellness — reviewing now keeps milestone 5 on schedule.
LIVV Wellness
In production
San Diego, CA

LIVV Wellness

Production lifecycle Milestone 4 / 6 · 142 items
Files
Review
Quote
Contract
Production
QC · Ship
On track — casegoods in fabrication, next QC review Aug 2.
Sample order
In transit
Order #A-2287 · 6 swatches

Sample order

Shipping status FedEx · arrives Jul 21
Oak
Sage
Linen
Ink
Clay
Bone
Ordered
Packed
In transit
Delivered
Left the Atelier Lab — tracking 7749 2201 8834.
Material board
In progress
Palette · 12 materials

Material board

Your working palette Last edited 2 days ago
+9
3 materials ready to turn into a sample order.
Activity Home reads top-to-bottom like a feed: a dark "Needs you" strip pins the single most urgent action, then one full-bleed card per active thing — production, samples, board — each self-contained with its own timeline and next action.
Single-state client

The stack simply renders fewer cards. A samples-only client sees the greeting, a "Needs you" nudge to complete checkout, and just the Samples card — the empty production/board slots are replaced by one soft "Start a project / Build a board" invitation card, so it never looks broken.

B

Option B — Project Workspace · persistent left-sidebar app shell

Overview · Welcome back, Ava

LIVV Wellness

In production
Client Ava Marchetti · 7514 Girard Ave, La Jolla · San Diego, CA 92037
Milestone4 / 6 Items142 Target deliveryNov 2026 ContractPO #LIVV-024
Production
4/6
In production · 1 approval due
Samples
6
In transit · arrives Jul 21
Material board
12
Materials · 3 ready to sample
San Diego, CA · 142 items

Production lifecycle

In production
Files
In review
Quote
Contract
Production
QC · Ship
Casegoods in fabrication. Next: approve the revised quote for the lounge seating to keep milestone 5 on schedule.

Samples & Orders

All orders →
Order #A-2287 · 6 swatches · in transit with FedEx.
Ordered
Packed
In transit
Delivered
White Oak, riftWood · matteShipping
Sage boucléTextile · 04Shipping

Material Board

Open board →
Your working palette — 12 materials, last edited 2 days ago.
+10
Project Workspace is the app-like option: a persistent left rail (Overview · Materials · Samples · Production · Messages) with live counts, a project switcher up top, and an Overview that stitches every active state into one screen — stats row, full-width production card, then samples + board side-by-side.
Single-state client

Sidebar items with no data still show but read as "Not started — add materials" instead of a count. The Overview drops the sections that don't apply and expands the active one; a board-only client lands directly on a full Materials view, and the stats row collapses to the single active metric.

C

Option C — Bento Dashboard · at-a-glance grid of importance-sized tiles

Atelier
LIVV WellnessSan Diego, CA
Help AMAva Marchetti
Dashboard

Welcome back, Ava.

Fri · Jul 17
LIVV Wellness
In production · 4/6
San Diego, CA · 142 items

LIVV Wellness

Files
Review
Quote
Contract
Production
QC·Ship
Casegoods in fabrication — next QC Aug 2.
Needs you

Approve the production quote

The revised lounge-seating quote is ready. Approving keeps milestone 5 on schedule.

Samples · in transit
Ordered
Packed
In transit
Delivered
6 swatches · FedEx · arrives Jul 21
Material board
Palette
12 materials · 3 ready to sample
Items in project
142
18 awaiting your specs
Next delivery
Aug 14
Est. ship after QC
Bento Dashboard is the glance-first option: importance sets tile size. A large project tile with the lifecycle timeline anchors it, a bright accent "Needs you" tile drives the primary action, and samples-in-transit, the palette preview, and quick stats fill in around them.
Single-state client

Tiles render only for active states, and the grid re-flows to fill the space. A samples-only client sees the samples tile promoted to the large slot beside a "Needs you: complete checkout" tile plus a soft "Start a material board" invite tile — the bento never leaves an awkward hole.

D

Option D — Workspace + Bento · persistent left rail (B) + importance-sized bento main (C)

Overview · Welcome back, Ava

LIVV Wellness

In production
Client Ava Marchetti · 7514 Girard Ave, La Jolla · San Diego, CA 92037
Milestone4 / 6 Items142 Target deliveryNov 2026 ContractPO #LIVV-024
LIVV Wellness
In production · 4/6
San Diego, CA · 142 items

Production lifecycle

Files
Review
Quote
Contract
Production
QC·Ship
Casegoods in fabrication — next QC Aug 2. Approve the revised quote to keep milestone 5 on schedule.
Needs you

Approve the production quote

The revised lounge-seating quote is ready for LIVV Wellness.

Samples · in transit
Ordered
Packed
In transit
Delivered
Order #A-2287 · 6 swatches · FedEx · arrives Jul 21
Material board
Palette
12 materials · 3 ready to sample
Items in project
142
18 awaiting your specs
Next delivery
Aug 14
Est. ship after QC
Your production manager · Atelier
MD Marcus DevlinProduction Manager · Atelier
Workspace + Bento is the front-runner hybrid: it keeps Option B's persistent left rail (project switcher + Overview · Materials · Samples · Production · Messages with live counts) for orientation and one-click navigation, but swaps B's stacked body for Option C's importance-sized bento grid — a large project tile with the lifecycle timeline, a bright "Needs you" tile, samples-in-transit, palette preview, and quick stats — so the client gets an app-shell to move around and a glance-first home.
Single-state client

Sidebar items with no data still show but read as "Not started" instead of a count, and the bento reflows to only the active tiles — a board-only client keeps the rail for context while the grid promotes the Material Board tile to the large slot beside a "Needs you: order your first samples" tile, so neither the rail nor the grid ever leaves a hollow space.

How these mockups behave