FLORA Tunnelling · New App Structure · Review Mockups

New Start Page & Tree Navigation

Interactive plain-HTML mockups. Everything is clickable: tree navigation, search & jump (Ctrl+K), favourites (star a function), role chips (Site / Segment / Project manager / Maintenance), project scope switcher (multi ↔ single), and the Communication Center (consulting tips, TBM health, chat, call, manuals). Use the MOCKUP CONTROLS panel (bottom center) inside each variant to switch Home variant, navigation shell (S1 rail / S2 tree / S3 mega-flyout) and the tree grouping (function ↔ process navigation) — two independent switches.

H1 Function-oriented Home
Performance overview of all projects: 4 demo projects (project, status, last day, rings, avail, plan — click a row to select & open) + a big rings-per-day chart card on the left. Functions (with favourites above them) sit on the right — same left/right split as today's start page.
TBM PRODUCTIONIOT SCREENINGMAINTENANCESEGMENT TRACKINGBIG RINGS/DAY CHART
H2 Matrix Hub Home
"Every project, machine and feature one click away": jobsites → machines (health, ring progress) × feature chips. Pure navigation.
MULTI-PROJECTEXPAND / COLLAPSESEARCH FILTERGATED FEATURES
H3 Process-oriented Home
Three main buttons — Backanalysis · Live Data · Documentation — over Past → Now → Create/Future detail lanes (KPIs, live machine cards, maintenance plan, predictive risks, forecast slot).
3 MAIN BUTTONSPAST · NOW · FUTURE DETAILFORECAST
H4 Project Startpage (current-style)
Evolution of today's start page. Single type: logo, Equipment / Key KPIs / Favourites, ring & chainage bar. Multi type: portfolio logo, project picker & portfolio KPIs. Right: Dashboard · Cockpit · Documentation as H1-style cards.
SINGLE: PROJECT VIEWMULTI: PORTFOLIO VIEW3 FUNCTION CARDSRING + CHAINAGE BAR
Decision matrix — your pros & cons, mapped to the mockups
StructurePros (+)Cons (−)
Function-oriented
→ H1 (+ tree grouping "by function")
+Sales perspective: sellable modules.
+Roles find themselves in features.
+USP focus more present.
−Possibly too many features in the future.
Process-oriented
→ H3 (+ tree grouping "by equipment")
+Past–now–create (+ forecast slot).
+Home can stay the same for all projects and be extended by equipment within features.
−Functions split across features (maintenance execution in "Documentation", history in "Dashboard").
−Documentation risks becoming an "others" bucket.
−Maintenance spans all phases.
−Roles/Functions complex — functions distributed over all features.
Hybrid reading
→ H2 + shell grouping toggle
The matrix home (H2) is structure-agnostic: it lists machines × functions and lets the tree decide the axis. The tree grouping toggle (function ↔ process navigation) inside every mockup lets you feel both structures before deciding.
Agreed principles — where they live
How to review