So erstellen Sie einen interaktiven Grundriss

Die Grundlage eines herausragenden interaktiven Grundrisses ist ein klares, lesbares Quellbild. Unabhängig davon, ob Sie mit einem architektonischen CAD-Export, einem Revit-Rendering, einem PDF-Entwurf oder einem hochauflösenden grafischen Lageplan arbeiten, exportieren Sie Ihre Zeichnung mit einer Breite von 2000 bis 6000 Pixel.

Entfernen Sie unnötige technische Anmerkungen, Bemaßungslinien und Konstruktionsschraffuren, die digitale Bildschirme überladen. Konzentrieren Sie sich auf Reinraumumfänge, deutlich markierte Eingänge, Treppen, Aufzüge und Fensterausrichtungen. Verwenden Sie kontrastreiche Farbschemata, damit Wände und begehbare Flure sofort hervorstechen.

Laden Sie Ihren Grundriss direkt in Layerpin hoch. Die Plattform optimiert und bereitet die Datei für den reaktionsschnellen Tiefenzoom vor, sodass Browser eine geeignete Auflösung für den Bildschirm und die Zoomstufe des Besuchers anfordern können.

Verwenden Sie für geschlossene Räume wie Büros, Besprechungsräume, Einzelhandelsgeschäfte oder Ausstellungsstände die Polygon- und Rechteckformwerkzeuge von Layerpin anstelle einfacher Stecknadeln. Formen heben den physischen Fußabdruck des Gebiets hervor und machen räumliche Grenzen unverkennbar.

Tragen Sie halbtransparente Füllfarben (z. B. 15–25 % Deckkraft) mit einem durchgehenden 2-Pixel-Rand auf. Dadurch bleiben die architektonischen Details darunter – wie Türanschlag, Sitzordnung und Zimmernummern – vollständig sichtbar und kommunizieren gleichzeitig den Auswahlstatus.

Konfigurieren Sie unterschiedliche Hover- und Aktivzustände. Wenn ein Besucher über Raum 302 schwebt, sorgt ein subtiles Leuchten oder eine Aufhellung der Füllung für ein sofortiges taktiles Feedback und signalisiert, dass der Raum anklickbar ist.

Während Formen Räume definieren, sind Pin-Marker ideal für einzelne Ziele: Empfangstheken, Toiletten, Notausgänge, Kaffeebars, Aufzüge und AV-Geräte.

Mit Layerpin können Sie Pin-Symbole, Markierungsstile und Abzeichenbeschriftungen anpassen. Verwenden Sie allgemein anerkannte Symbole (z. B. Kaffeetasse für Pausenräume, Aufzugssymbol für Aufzüge), damit Besucher wichtige Einrichtungen finden können, ohne Text lesen zu müssen.

Organisieren Sie Markierungen in funktionale Kategorien, damit Besucher die Ebenen der Annehmlichkeiten nach Bedarf ein- und ausschalten können.

Wenn ein Besucher auf einen Raum oder Stand klickt, sollte die Infokarte sofort seine nächsten Fragen beantworten. Fügen Sie hochwertige Fotos des Innenraums, der Quadratmeterzahl/Kapazität, der verfügbaren technischen Annehmlichkeiten und des aktuellen Belegungsstatus hinzu.

Auf jeder Karte sollte eine auffällige Call-to-Action-Schaltfläche vorhanden sein: „Tour planen“, „Schalter reservieren“, „Besprechungsraum buchen“ oder „Leasingagenten kontaktieren“. Verbinden Sie diese Schaltflächen direkt mit Ihrem Calendly, Ihrer Buchungsmaschine oder Ihrem CRM-Formular.

Auf mobilen Bildschirmen passt Layerpin Infokarten automatisch in eine ergonomische untere Blattschublade ein und gewährleistet so eine einhändige Bedienbarkeit für Besucher, die durch den physischen Raum gehen.

Sobald Ihr interaktiver Grundriss fertig ist, dauert die Einbettung in Ihre Website weniger als zwei Minuten. Kopieren Sie das leichte responsive Einbettungsskript oder Iframe-Snippet von Layerpin und fügen Sie es in WordPress-, Webflow-, Squarespace-, Wix-, Framer- oder benutzerdefinierte Next.js-Apps ein.

Generieren Sie für physische Kioske und Beschilderungen vor Ort QR-Codes, die direkt auf bestimmte Räume oder die vollständige interaktive mobile Ansicht verweisen. Wenn sich Raumzuweisungen oder Mietstatus ändern, aktualisieren Sie die Karte in Layerpin und veröffentlichen Sie Ihre Live-Einbettungen. Verwenden Sie dann die neu veröffentlichte Version, ohne dass Änderungen am Website-Code erforderlich sind.