Come creare una planimetria interattiva

La base di un'eccezionale planimetria interattiva è un'immagine sorgente nitida e leggibile. Che tu stia lavorando con un'esportazione CAD architettonica, un rendering Revit, un progetto PDF o una planimetria grafica ad alta risoluzione, esporta il tuo disegno con una larghezza compresa tra 2000 px e 6000 px.

Elimina le annotazioni tecniche, le linee di quotatura e i tratteggi di costruzione non necessari che ingombrano gli schermi digitali. Concentrarsi sui perimetri delle camere bianche, sugli ingressi chiaramente segnalati, sulle scale, sugli ascensori e sull'orientamento delle finestre. Utilizza combinazioni di colori ad alto contrasto in modo che le pareti e i corridoi navigabili risaltino immediatamente.

Carica la tua planimetria direttamente su Layerpin. La piattaforma ottimizza e prepara il file per lo zoom profondo reattivo, consentendo ai browser di richiedere una risoluzione adeguata allo schermo del visitatore e al livello di zoom.

Per spazi chiusi come uffici, sale riunioni, unità commerciali o stand espositivi, utilizza gli strumenti di forma poligonale e rettangolare di Layerpin anziché i semplici segnaposti. Le forme evidenziano l’impronta fisica dell’area, rendendo inconfondibili i confini spaziali.

Applica colori di riempimento semitrasparenti (ad esempio, 15-25% di opacità) con un bordo solido di 2 pixel. Ciò consente ai dettagli architettonici sottostanti, come le aperture delle porte, la disposizione dei posti a sedere e i numeri delle stanze, di rimanere completamente visibili pur comunicando gli stati di selezione.

Configura stati attivi e al passaggio del mouse distinti. Quando un visitatore passa il mouse sopra la Stanza 302, un sottile bagliore o uno schiarimento di riempimento fornisce un feedback tattile immediato, segnalando che lo spazio è cliccabile.

Mentre le forme definiscono le stanze, i segnapunti sono ideali per le singole destinazioni: banchi reception, bagni, uscite di emergenza, bar, ascensori e apparecchiature AV.

Layerpin ti consente di personalizzare le icone dei pin, gli stili dei marcatori e le etichette dei badge. Utilizza icone universalmente riconosciute (ad esempio, tazza di caffè per le sale ristoro, icona dell'ascensore per gli ascensori) in modo che i visitatori possano individuare i servizi critici senza leggere il testo.

Organizza i marcatori in categorie funzionali in modo che i visitatori possano attivare e disattivare i livelli di servizi secondo necessità.

Quando un visitatore fa clic su una stanza o su uno stand, la scheda informativa dovrebbe rispondere immediatamente alle domande successive. Includi foto di alta qualità degli interni, metratura/capacità, servizi tecnologici disponibili e stato di occupazione attuale.

Ogni scheda deve contenere un pulsante di invito all'azione ben visibile: "Programma un tour", "Reserve Desk", "Prenota sala riunioni" o "Contatta agente di leasing". Collega questi pulsanti direttamente al tuo Calendly, al motore di prenotazione o al modulo CRM.

Sugli schermi mobili, Layerpin adatta automaticamente le schede informative in un cassetto inferiore ergonomico, garantendo l'usabilità con una sola mano per i visitatori che camminano nello spazio fisico.

Una volta che la tua planimetria interattiva è pronta, incorporarla nel tuo sito web richiede meno di due minuti. Copia lo script di incorporamento reattivo leggero di Layerpin o lo snippet iframe e incollalo nelle app WordPress, Webflow, Squarespace, Wix, Framer o Next.js personalizzate.

Per i chioschi fisici e la segnaletica in loco, genera codici QR che si collegano direttamente a stanze specifiche o alla visualizzazione mobile interattiva completa. Man mano che le assegnazioni delle camere o gli stati del leasing cambiano, aggiorna la mappa in Layerpin e pubblica i tuoi incorporamenti live, quindi utilizza la versione appena pubblicata senza richiedere modifiche al codice del sito web.