Four high-fidelity takes on the folder-first document room. Every project file lives in a preset folder — Plans, Photos, Renderings, Spec Sheets, Contracts, Submittals, Shipping Documents and more — so Shane & Michelle land on a clean folder grid, open one, and find exactly what they need. Static mockup for review; not wired to data.
OPTION 1 — Folder grid + recent activityLand on the folders. A four-stat header, a tap-to-open folder grid with type icons and live counts, and a "recently added" feed across every folder underneath.
Project Documents
MCG-2041 · 123 Ocean ResidenceATShared byAtelier Team
Total files38
Folders8
Recently added3 this week
Last updatedJul 18, 2026
Plans8 files
Floor plans · key plans · drawingsJul 18
→
Photos12 files
Factory & QA production photosJul 15
→
Renderings6 files
Design renderings · 3D visualsJul 17
→
Spec Sheets4 files
Material specs · cut sheetsJul 16
→
Contracts2 files
Agreements · SOWs · signedMay 08
→
Submittals3 files
Submittal packages for approvalJul 14
→
Shipping Documents2 files
Packing lists · freight · COOsJul 02
→
Other1 file
Miscellaneous documentsJun 20
→
InvoicesEmpty
No files yet—
Recently addedView all activity →
PDFMCG-2041 Key Plan — Level 2.pdfPlansJul 18, 2026Download
JPGKitchen Island Rendering — Final.jpgRenderingsJul 17, 2026Download
PDFQuartzite Slab Spec — Taj Mahal.pdfSpec SheetsJul 16, 2026Download
OPTION 2 — Folder tree + file registerA persistent left folder rail (content folders over admin folders) with a dense, sortable file table on the right. Breadcrumb, in-folder search, checkboxes and a bulk-download toolbar for power users.
Project Documents
Plans · 8 filesATShared byAtelier Team
Project Documents›PlansSearch in Plans…
2 files selectedDownload selected (4.2 MB)Clear
NameTypeSizeDate added
PDFMCG-2041 Key Plan — Level 1.pdfPDF2.4 MBJun 12, 2026
PDFMCG-2041 Key Plan — Level 2.pdfPDF1.8 MBJun 12, 2026
DWGMCG-2041 Furniture Layout — Living Room.dwgDWG4.1 MBMay 28, 2026
PDFMCG-2041 Floor Plan — Final.pdfPDF3.2 MBMay 14, 2026
OPTION 3 — Editorial folder cards + inline expansionA private-bank document room. Large two-column folder cards with a one-line description and a peek at recent filenames. Open one in place — here Plans expands inline — while Photos previews as a thumbnail grid.
ContractsProject contracts, SOWs and signed agreements.View all →
MCG-2041 Master Agreement — Signed.pdfMCG-2041 Scope of Work — Millwork.pdf
2 files · Last added May 08, 2026
OPTION 4 — Flat document table + folder filter chipsThe power-user view. Every file across every folder in one sortable, searchable table — grouped by folder with soft section headers — plus a row of folder filter chips to narrow instantly. Best when you know the name or type.
Standalone mockup — not wired to data. Sample content modeled on McGuinness Estate · MCG-2041 · 123 Ocean Residence. Firewalled to client-safe fields (no supplier names, no cost / margin). Folder types match the platform's preset document folders.
← Back to Mockups hub
