Constructoras y promotoras
Cómo mostrar los planos de una promoción de obra nueva en tu web
Prepara los planos de tu promoción para la web: referencias claras, ubicación en el edificio, distribución explicada y ampliación cómoda desde el móvil.

Una persona entra en la web de tu promoción, encuentra una vivienda que le interesa y abre su plano. Ve habitaciones y una terraza, pero no sabe en qué lado del edificio está ni si ese dibujo corresponde a la vivienda anunciada. Preparar los planos para la web implica resolver esas relaciones, además de exportar una imagen. Esta guía ayuda a promotoras y equipos comerciales a organizar el material con quien desarrolla la página, antes de publicar o renovar el catálogo de obra nueva.
1. Identifica la vivienda antes de enseñar su plano
Define una referencia que permita relacionar la vivienda, su ficha y el archivo correspondiente. Si utilizas bloque, planta y puerta, mantén ese criterio en la web y en los materiales comerciales. El visitante debe poder reconocer qué está consultando sin interpretar el nombre interno de un archivo.
Distingue una tipología de una vivienda concreta. Varias unidades pueden compartir distribución y diferir en planta, orientación o espacios exteriores. Indica cuándo muestras un plano de tipología y comprueba qué información necesita cada unidad para quedar identificada.
Prepara una relación de referencias con sus planos y pide al equipo comercial que la revise. Así podrás detectar una asociación equivocada antes de diseñar el selector de viviendas.
2. Selecciona la versión aprobada para publicar
Reúne los planos que se están utilizando y confirma con la persona responsable del proyecto cuáles pueden difundirse. Anota la revisión y la fecha del material seleccionado. Un archivo recibido hace poco puede ser un borrador; resuelve su estado antes de entregarlo al equipo web.
Acuerda quién valida el plano comercial y quién comunica los cambios. Si existe una modificación pendiente, deja identificadas las viviendas afectadas. Evita publicar una distribución que todavía necesita confirmación para después confiar en que alguien recuerde sustituirla.
Conserva el original aprobado y prepara las versiones de publicación a partir de él. Revisa también si incluyen anotaciones internas o información que no corresponde mostrar en la presentación comercial.
3. Prepara un dibujo que ayude a leer la distribución
Decide con quien conoce el proyecto qué elementos permiten entender la vivienda: accesos, estancias, huecos, recorridos y espacios exteriores. Ajusta la presentación gráfica conservando la geometría aprobada. Si simplificas capas o detalles técnicos, pide una revisión para confirmar que no desaparece información relevante.
El mobiliario orientativo puede acompañar la lectura si está identificado como tal y revisado. No cambies proporciones, elimines pilares ni amplíes huecos para que la composición resulte más atractiva. Una propuesta decorativa debe distinguirse del plano que representa la distribución del proyecto.
Comprueba el resultado a tamaño de consulta, además de verlo ampliado en el programa de diseño. Si los nombres de las estancias quedan diminutos, prepara una presentación más clara y conserva el detalle en la vista ampliada.
4. Relaciona la distribución con su posición en el edificio
Acompaña el plano individual de un esquema de ubicación cuando ayude a entender la vivienda. Puede señalar el bloque, la planta y su posición respecto a accesos o espacios comunes. Comprueba que el esquema y la ficha se refieren a la misma unidad.
Mantén una orientación coherente entre las vistas o explica cuándo cambia. Si giras un plano para encajarlo en la pantalla, revisa también las referencias de orientación. El objetivo es poder relacionar la terraza o las ventanas con el lugar que ocupan en el conjunto.
La ilustración interior representa esa relación mediante una vivienda destacada y una distribución ampliada. Es un esquema ficticio. En una promoción real, los planos aprobados deben aportar la correspondencia concreta; una recreación generada no sirve para acreditarla.

5. Explica en texto lo que el plano permite entender
Añade una descripción de la distribución junto a la imagen. Cuenta cómo se entra, qué estancias se comunican y desde dónde se accede al exterior, según el plano revisado. Publica también las superficies confirmadas, identificando qué representa cada dato y cómo se tratan terrazas y anexos.
El W3C recomienda acompañar las imágenes complejas de una alternativa breve que las identifique y una descripción extensa de su información esencial: https://www.w3.org/WAI/tutorials/images/complex/. Aplicado a un plano, combina un texto alternativo útil con una explicación visible de la distribución.
Evita describir solo colores y formas. Una frase como «el salón comunica con la terraza y los dormitorios se agrupan al otro lado del distribuidor» explica una relación espacial. Es un ejemplo de redacción: adáptalo únicamente cuando corresponda a la vivienda.
6. Permite ampliar el plano desde el móvil
Pide una vista inicial clara y una forma de ampliar sin perder la referencia de la vivienda. Comprueba que se puede abrir, recorrer y cerrar con controles comprensibles. Si ofreces una descarga, identifica su contenido para que el visitante sepa qué archivo va a obtener.
El criterio de redistribución del W3C contempla excepciones para diagramas que necesitan una disposición en dos dimensiones, mientras el resto del contenido debe adaptarse: https://www.w3.org/WAI/WCAG22/Understanding/reflow.html. Como aplicación práctica, limita el desplazamiento del plano a su visor y mantén legibles los textos de alrededor.
Revisa el recorrido con teclado y desde un teléfono. Comprueba que al cerrar la ampliación sigues en la vivienda elegida, que los controles no tapan detalles y que puedes leer la descripción sin depender del dibujo.
7. Comprueba la consulta y prepara las actualizaciones
Haz una revisión completa con una unidad: selecciónala, abre su plano, consulta la ubicación y solicita información. Confirma que el equipo recibe la referencia correcta. Si el visitante cambia de vivienda antes de escribir, comprueba que la consulta conserva la nueva selección.
Cuando se apruebe un cambio, revisa todas las piezas afectadas: imagen, ampliación, descripción y archivo descargable. Asigna quién autoriza la sustitución y quién comprueba la versión pública. Guarda la relación de referencias para mantener el catálogo sin reconstruir las decisiones en cada actualización.
En Crecimiento Digital preparamos webs y materiales digitales para constructoras y promotoras de toda España. Para definir este trabajo, reúne las referencias, los planos aprobados y las dudas del equipo comercial. Los servicios presenciales de fotografía se ofrecen en Valencia y alrededores.
Lista de revisión para publicar los planos de tu promoción
- Cada plano está asociado a una vivienda o tipología identificada.
- La versión publicada está aprobada y tiene un responsable de actualización.
- La presentación conserva la distribución y distingue el mobiliario orientativo.
- La ubicación y la orientación son coherentes entre las distintas vistas.
- La distribución y las superficies se explican también mediante texto.
- El plano se puede ampliar, recorrer y cerrar en móvil y con teclado.
- La consulta comercial incluye la referencia de la vivienda seleccionada.
- Los cambios se revisan en imágenes, descripciones y descargas.
Si estás preparando una nueva web, puedes conocer cómo planteamos el diseño y desarrollo web para empresas o explorar nuestros proyectos.
Volver al blog