Center plan / wayfinding — overview
Visitors can tap shops, switch floors, and optionally see a route line from an entrance to a shop. Shop names, logos, and hours always come from the Cockpit — not from the graphic file.
What / why / who / where
| What | Interactive floor plan on the center website (and on kiosks if you use signage). |
| Why | One plan, one shop list — not three sources of truth. |
| Who | Editorial uploads and maps shops. Design/Claude delivers the file. |
| Where | Dashboard → Center plans. On the website: Center plan page or v0 route /centerplan. |
Which path do you take?
Pick one. The technical pages (SVG IDs, route network) are only needed if someone draws the plan by hand.
| Situation | Start here |
|---|---|
| New center, plan should be clickable in v0 immediately | Claude Design |
| You only have an image (PNG/photo/AI) and map areas in the dashboard | AI master prompt → upload & map |
| The studio delivers an Illustrator SVG | Illustrator → upload & map |
| Rebuild an existing plan (split unit, new floor) | Claude Design, edit box or replace the SVG |
| Site still runs on WordPress (legacy, not new) | WordPress integration |
Always in the Cockpit afterwards: upload the file → map shops → if visitors need a line: generate routes from the SVG.
How to test
- Map two anchor shops — names and logos appear on the plan.
- On the website (or in v0): switch floor, tap an area, shop panel opens.
- Phone or narrow window: zoom and tap; nothing hover-only.
- Optional wayfinding: line entrance→shop. Other floor: stop at elevator/stairs, then continue. Step-free uses the elevator.
For design and IT
These are not editorial starting pages:
Support
- Engineering (cockpitOS): Saad Badr · technik@schickma.de
- Docs: docs.cockpit-os.de
Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /en/centerplan/uebersicht