Cómo crear un plano de planta interactivo

La base de un excelente plano de planta interactivo es una imagen fuente nítida y legible. Ya sea que esté trabajando con una exportación CAD arquitectónica, renderizado de Revit, plano en PDF o plano de sitio gráfico de alta resolución, exporte su dibujo con un ancho de 2000 px a 6000 px.

Elimine las anotaciones de ingeniería, las líneas de dimensión y los sombreados de construcción innecesarios que abarrotan las pantallas digitales. Concéntrese en los perímetros de las salas limpias, entradas claramente marcadas, escaleras, ascensores y orientaciones de las ventanas. Utilice combinaciones de colores de alto contraste para que las paredes y los pasillos transitables se destaquen de inmediato.

Cargue su plano de planta directamente en Layerpin. La plataforma optimiza y prepara el archivo para un zoom profundo receptivo, lo que permite a los navegadores solicitar una resolución adecuada para la pantalla y el nivel de zoom del visitante.

Para espacios cerrados como oficinas, salas de reuniones, locales comerciales o stands de exposición, utilice las herramientas de forma de polígono y rectángulo de Layerpin en lugar de simples alfileres. Las formas resaltan la huella física del área, haciendo que los límites espaciales sean inconfundibles.

Aplique colores de relleno semitransparentes (por ejemplo, 15-25% de opacidad) con un borde sólido de 2px. Esto permite que los detalles arquitectónicos subyacentes, como las puertas batientes, la disposición de los asientos y los números de las habitaciones, permanezcan completamente visibles y al mismo tiempo comuniquen los estados de selección.

Configure distintos estados de desplazamiento y activos. Cuando un visitante pasa sobre la Sala 302, un brillo sutil o un brillo de relleno proporciona retroalimentación táctil inmediata, indicando que se puede hacer clic en el espacio.

Mientras que las formas definen las habitaciones, los marcadores son ideales para destinos individuales: mostradores de recepción, baños, salidas de emergencia, cafeterías, ascensores y equipos audiovisuales.

Layerpin le permite personalizar íconos de pines, estilos de marcadores y etiquetas de insignias. Utilice íconos universalmente reconocidos (por ejemplo, taza de café para salas de descanso, ícono de ascensor para ascensores) para que los visitantes puedan ubicar servicios críticos sin leer texto.

Organice los marcadores en categorías funcionales para que los visitantes puedan activar y desactivar las capas de servicios según sea necesario.

Cuando un visitante hace clic en una sala o stand, la tarjeta de información debería responder sus siguientes preguntas de inmediato. Incluya fotografías de alta calidad del interior, pies cuadrados/capacidad, servicios tecnológicos disponibles y estado de ocupación actual.

Cada tarjeta debe incluir un botón de llamado a la acción destacado: "Programar un recorrido", "Reservar escritorio", "Reservar sala de reuniones" o "Contactar al agente de arrendamiento". Conecte estos botones directamente a su Calendly, motor de reservas o formulario CRM.

En las pantallas móviles, Layerpin adapta automáticamente las tarjetas de información en un cajón ergonómico de sábanas bajeras, lo que garantiza la usabilidad con una sola mano para los visitantes que caminan por el espacio físico.

Una vez que su plano interactivo esté listo, insertarlo en su sitio web le llevará menos de dos minutos. Copie el script de inserción ligero y responsivo de Layerpin o el fragmento de iframe y péguelo en aplicaciones de WordPress, Webflow, Squarespace, Wix, Framer o Next.js personalizadas.

Para quioscos físicos y señalización en el sitio, genere códigos QR que enlacen directamente a salas específicas o a la vista móvil interactiva completa. A medida que cambian las asignaciones de habitaciones o los estados de arrendamiento, actualice el mapa en Layerpin y publique sus incrustaciones en vivo y luego use la versión recién publicada sin necesidad de cambios en el código del sitio web.