Design exploration · Client dashboard · Option G system

One overview, three ways to lay it out.

Same design system (Option G), same full section set, same LIVV Wellness data — three different information architectures. Every mockup carries the complete client-safe surface: overview stats, production spine, needs-you, items, budget, schedule, rooms, shipping, messages, documents, team, key plans and contracts. Partners always appear as “Atelier Team.”

Option 1 · Single scroll Option 2 · Tabbed workspace Option 3 · Launchpad · Recommended
Option 1

Single cinematic scroll · the spine is the index

One long page. Cover hero + full-width production spine pinned up top; each spine stage is an anchor into the page. Below, every module stacked in priority order with rich snapshots and “view all” affordances.

↕ Scroll inside the frame — it’s one continuous page

Atelier
Help AMAva Marchetti
LIVV Wellness
Project home · Welcome back, Ava

LIVV Wellness

In production
Client Ava Marchetti · 7514 Girard Ave, La Jolla · San Diego, CA 92037
Milestone4 / 6 Items142 Needs you14 Target deliveryNov 2026 Contract#LIVV-024
MD Marcus DevlinProduction Manager · Atelier Team
Production spine · click a stage to jumpMilestone 4 / 6 · 142 items
Uploaded
In review
Quote
Contract
In production
QC
Shipping
Delivered
Fabrication
Current stage · In production

Milestone 4 of 6 — casegoods in fabrication

Casegoods are in fabrication with the Atelier Team. Next QC review Aug 2 — we’ll flag anything that needs your sign-off.

Needs you

14 approvals are waiting for you

Including the lounge-seating revised quote, the Reception Desk shop drawing v2, and the spa cabinetry hardware finish.

Schedule · 6 milestonesFull schedule →

Milestones

Design intakeMilestone 1
Jan 9 ✓
Review & quoteMilestone 2
Feb 28 ✓
Contract signedMilestone 3
Mar 12 ✓
In productionMilestone 4 · current · QC review Aug 2
Now
QC & stagingMilestone 5
Sep 15
Delivery & installMilestone 6
Nov 2026
Budget · Contract #LIVV-024Statement →

Budget

Paid $806,100 Invoiced $824,500 Committed $1,118,400 Contract value $1,284,000
Invoice 07 — Milestone 4 progress$18,400 · due Aug 5
Invoice 06 — Milestone 3Paid Jun 12$96,200
Shipping · logistics by Atelier TeamTrack →

Shipping

Packed
In transit
Port
Delivered
Samples #A-2287 · 6 swatches · FedEx · arrives Jul 21.
Shipment 01 · 12 crates · departs Sep 28 · ETA Long Beach Oct 14.
Messages · project threadOpen thread →

Messages

MD
Marcus DevlinJul 16

Casegoods fabrication photos are up — the reception desk veneer looks beautiful.

AM
Ava MarchettiJul 15

Approved the terrazzo sample — go ahead on the spa flooring.

SM
Sofia MarinoJul 14

Lounge lighting spec updated to v3 — new cut sheets in Documents.

Documents · 24 filesAll files →

Documents

PDF
Contract #LIVV-024Signed Mar 12
Signed
PDF
Quote v3 — full scopeApproved Feb 28
Approved
DWG
Design set — RC · SP · LN · STUploaded Jan 9 · rev C
Current
PDF
Change order CO-02 — terraceSent Jul 10
Pending
Contracts & quotesView all →

Contracts & quotes

SIG
Master contract #LIVV-024Value $1,284,000 · signed Mar 12
Executed
QTE
Lounge seating — revised quoteReceived Jul 14
Needs you
Your team

Team

MDMarcus DevlinProduction Manager · Atelier Team
SMSofia MarinoDesign Lead · Atelier Team
ATAtelier TeamProduction · QC · Logistics
AMAva MarchettiClient · LIVV Wellness
Works

Zero navigation model to learn — everything is one scroll, and the spine doubles as a table of contents. Great first-visit storytelling; the priority order (needs-you first) does the thinking for the client.

Watch

Gets long at 13 sections. Deep tasks (browsing 142 items, auditing the budget) live in cramped snapshots; “view all” still has to open something page-like. Return visits scroll past a lot they’ve already seen.

Option 2

Persistent hero + tabbed workspace · hero collapses to a context bar

The cover hero + spine act as a sticky header that collapses to a slim context bar when you enter a deep tab. One tab row runs the whole product: Overview · Items · Schedule · Budget · Rooms · Shipping · Messages · Docs.

State
Atelier
Help AMAva Marchetti
LIVV Wellness
Project home · Welcome back, Ava

LIVV Wellness

In production
Milestone4 / 6 Items142 Needs you14 TargetNov 2026
MD Marcus DevlinProduction Manager · Atelier Team
Production spineMilestone 4 / 6 · 142 items
Uploaded
In review
Quote
Contract
In production
QC
Shipping
Delivered
Needs you

14 approvals are waiting for you

Lounge-seating revised quote · Reception Desk shop drawing v2 · spa hardware finish.

Milestone
4 / 6
Items
142 · 14 need you
Budget paid
63%
Next milestone
Aug 2
Next delivery
Oct 14
ItemsItems tab →

142 items

14 need approval · 88 in production · 6 in QC.
ScheduleTab →

Milestone 4 / 6

Next: QC review Aug 2 · then QC & staging Sep 15 · install Nov 2026.
BudgetTab →

Budget

Paid $806,100 of $1,284,000 · next invoice $18,400 due Aug 5.
RoomsTab →

5 spaces

Reception 18 · Lounge 26 · Spa 31 (2 need you) · Suites 48 · Terrace 19.
ShippingTab →

Shipping

Samples arrive Jul 21 · Shipment 01, 12 crates, ETA Long Beach Oct 14.
MessagesTab →

Messages

Marcus: “Casegoods fabrication photos are up…” · Sofia: “Lighting spec v3.”
Docs & plansTab →

24 documents

Contract #LIVV-024 signed · Quote v3 approved · plans RC-101 · SP-310 · LN-211 · ST-118 · CO-02 pending.
Team

Team

Marcus Devlin PM · Sofia Marino design · Atelier Team production, QC & logistics.
Contracts

Contracts

#LIVV-024 executed · lounge-seating revised quote needs you.
Works

Scales cleanly. Every section gets a real full page under its tab, and the collapsed context bar keeps project identity + spine visible everywhere. Familiar SaaS pattern — clients who live in the tool will move fast.

Watch

8 tabs is a lot of chrome, and the overview tab risks becoming a duplicate mini-version of every other tab. The cinematic hero only earns its space on one tab; elsewhere the product feels more “software” than “atelier.”

Option 3 · Recommended

Overview launchpad + focused pages · curated home, bento snapshots

The dashboard is a curated home: hero + spine + needs-you, then a bento of section cards — each a live snapshot. Clicking a card opens a focused page with a slim collapsed hero and “← Home.” Try clicking the Budget card.

Atelier
Help AMAva Marchetti
LIVV Wellness
Project home · Welcome back, Ava

LIVV Wellness

In production
Client Ava Marchetti · 7514 Girard Ave, La Jolla · San Diego, CA 92037
Milestone4 / 6 Items142 Needs you14 TargetNov 2026 Contract#LIVV-024
MD Marcus DevlinProduction Manager · Atelier Team
Production spine · where your project is right nowMilestone 4 / 6 · 142 items
Uploaded
In review
Quote
Contract
In production
QC
Shipping
Delivered
Needs you

14 approvals are waiting for you

Including the lounge-seating revised quote and the Reception Desk shop drawing v2. Signing off keeps production on schedule.

ItemsOpen →

142 items

Reception Desk Spa Cabinetry +140
14 need approval · 88 in production · 6 in QC · 24 delivered.
BudgetOpen →

Budget

Paid $806,100 · committed $1,118,400 of $1,284,000 · next invoice $18,400 due Aug 5.
ScheduleOpen →

Milestone 4 / 6

Next: QC review · Aug 2
Install · Nov 2026.
RoomsOpen →

5 spaces

Suites 48 · Spa 31 (2 need you) · Lounge 26 · Terrace 19 · Reception 18.
ShippingOpen →

Shipping

Samples arrive Jul 21 · Shipment 01 ETA Long Beach Oct 14.
MessagesOpen →

Messages

Marcus · Jul 16: “Casegoods photos are up…”
Ava · Jul 15: “Approved the terrazzo sample.”
DocumentsOpen →

24 files

Contract #LIVV-024 signed · CO-02 pending.
Key plansOpen →

5 plans

RC-101 · LN-211 · SP-310 · ST-118 · TR-402 — rev current.
Contracts & quotesOpen →

Contracts

#LIVV-024 executed · lounge quote needs you.
TeamOpen →

Team

Marcus Devlin PM · Sofia Marino design · Atelier Team production & logistics.
3b

Focused page · Budget card opened — slim hero + “← Home”

Atelier
Help AMAva Marchetti
← Home LIVV Wellness
LIVV Wellness · BudgetMilestone 4 / 6 · Contract #LIVV-024
In production
Contract value
$1,284,000
Committed
$1,118,400
Paid to date
$806,100
Due Aug 5
$18,400
Budget · Contract #LIVV-024Download statement →

Spend against contract

Paid $806,100 · 63% Invoiced $824,500 · 64% Committed $1,118,400 · 87%
Invoice 07 — Milestone 4 progressIssued Jul 8$18,400 · due Aug 5
Invoice 06 — Milestone 3 completionPaid Jun 12$96,200
Invoice 05 — Production depositPaid May 2$214,800
Change order CO-02 — terrace scopePending your approval+$24,600
Payment schedule · remaining
Milestone 4 progress paymentInvoice 07 · due Aug 5
$18,400
Milestone 5 — QC & stagingOn completion · est Sep 15
$128,000
Milestone 6 — delivery & installFinal balance · Nov 2026
$165,600
Works

Best of both. The home stays cinematic and curated (hero + spine + needs-you decide the story), while every section gets a real, roomy focused page — snapshots on the cards mean most visits never need to leave home. Clear mental model: home → open → back home.

Watch

Two-level navigation means one extra click for deep work, and the bento snapshots must stay genuinely live or the home decays into a wall of links. Card hierarchy needs discipline as sections grow.

Recommendation

Option 3 — the launchpad keeps the Option G soul and scales to all 13 sections.

Option 1 tells the best first-visit story but buckles under 13 sections; Option 2 scales but flattens the brand into tabs. Option 3 keeps the hero + spine + needs-you as the curated home, gives every section a focused page with the slim context bar, and the bento snapshots answer most questions before a click. All three use the same Roobert / Fragment Mono system, accent #F1613A, white cards on #FAFAF8 — and every mockup is client-safe: partners appear only as “Atelier Team.”