Centerplan / Wayfinding — Übersicht
Auf der Website können Besucher Shops antippen, Etagen wechseln und optional eine Weg-Linie vom Eingang zum Shop sehen. Shop-Namen, Logos und Öffnungszeiten kommen immer aus dem Cockpit — nicht aus der Grafikdatei.
Was / Warum / Wer / Wo
| Was | Interaktiver Lageplan auf der Center-Website (und am Kiosk, wenn ihr Signage nutzt). |
| Warum | Ein Plan, eine Shop-Liste — nicht drei verschiedene Wahrheiten. |
| Wer | Redaktion lädt hoch und ordnet Shops zu. Grafik/Claude liefert die Datei. |
| Wo | Dashboard → Centerpläne. Auf der Website: Seite Centerplan bzw. v0-Route /centerplan. |
Welchen Weg nimmst du?
Wähle einen Weg. Die Technik-Seiten (SVG-IDs, Wegenetz) brauchst du nur, wenn jemand den Plan von Hand zeichnet.
| Situation | Hier starten |
|---|---|
| Neues Center, Plan soll sofort in v0 klickbar sein (Etagen, Tippen, Shop-Fenster) | Claude Design |
| Ihr habt nur ein Bild (PNG/Foto/KI) und ordnet Flächen im Dashboard zu | KI-Masterprompt → hochladen & zuordnen |
| Das Grafikbüro liefert eine Illustrator-SVG | Illustrator → hochladen & zuordnen |
| Bestehenden Plan umbauen (Fläche teilen, neue Etage) | Claude Design, Kasten Ändern oder neue SVG ersetzen |
| Website läuft noch auf WordPress (Bestand, nicht neu) | WordPress-Integration |
Danach immer im Cockpit: Datei hochladen → Shops den Flächen zuordnen → wenn Besucher eine Linie brauchen: Routen aus der SVG erzeugen.
So testen
- Zwei Anker-Shops im Mapping zuordnen — Namen und Logos erscheinen auf dem Plan.
- Auf der Website (oder in v0): Etage wechseln, Fläche antippen, Shop-Fenster öffnet sich.
- Handy oder schmales Fenster: zoomen und tippen, nichts nur per Maus-Hover.
- Optional Wayfinding: Linie Eingang→Shop. Anderes Geschoss: Halt am Aufzug/an der Treppe, dann weiter. „Stufenfreier Weg“ nutzt den Aufzug.
Für Grafik und IT
Diese Seiten sind keine Einstiegslektüre für Redaktion:
- SVG-Struktur — IDs und Layer
- SVG-Routen — unsichtbares Wegenetz
- Routen-Editor — Wege im Dashboard nachziehen
- Hybrid-Technik — wie aus einem Bild Klickflächen werden
- Quick Start (technisch) — Upload-Details, Erkennung, Fehlersuche
Support
- Technik (cockpitOS): Saad Badr · technik@schickma.de
- Dokumentation: docs.cockpit-os.de
Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /centerplan/uebersicht