{"id":44194,"date":"2026-06-11T11:00:14","date_gmt":"2026-06-11T11:00:14","guid":{"rendered":"https:\/\/codewebbarcelona.com\/diseno-web-para-construccion-modular-vaulk-by-locomotive-2\/"},"modified":"2026-06-08T11:09:44","modified_gmt":"2026-06-08T11:09:44","slug":"web-design-for-modular-construction-vaulk-by-locomotive","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/web-design-for-modular-construction-vaulk-by-locomotive\/","title":{"rendered":"Web Design for Modular Construction: Vaulk by Locomotive"},"content":{"rendered":"<p>Algunos productos no se venden bien cuando se presentan como una ficha t\u00e9cnica. Un refugio modular, una soluci\u00f3n constructiva o un sistema pensado para situaciones exigentes necesita algo m\u00e1s que prestaciones: necesita escena, escala y una primera impresi\u00f3n que transmita capacidad antes incluso de leer el detalle.<\/p>\n<p>Vaulk juega justo en ese territorio donde el dise\u00f1o web para construcci\u00f3n se cruza con la direcci\u00f3n visual de producto premium. No suaviza en exceso ni intenta parecer cercano a cualquier precio. Construye una atm\u00f3sfera oscura, precisa y contenida, con ese punto silencioso que hace que la marca parezca m\u00e1s segura de s\u00ed misma.<\/p>\n<p>La gracia est\u00e1 en c\u00f3mo todo suma sin ponerse pesado. La composici\u00f3n gu\u00eda la mirada, el color aporta gravedad, la tipograf\u00eda sostiene el tono y el motion introduce profundidad sin convertir la experiencia en una demo t\u00e9cnica. Hay ritmo visual, pero tambi\u00e9n control. Y eso, en una marca B2B compleja, sube la percepci\u00f3n de valor muy r\u00e1pido.<\/p>\n<p>Vaulk funciona porque entiende una idea muy simple: la confianza tambi\u00e9n tiene textura. Cuando una soluci\u00f3n t\u00e9cnica se presenta con identidad, criterio y una interfaz bien dirigida, deja de sentirse dif\u00edcil de explicar y empieza a ocupar un lugar claro en la memoria visual del usuario.<\/p>\n<h2>Vaulk \u2014 producto t\u00e9cnico con pulso editorial<\/h2>\n<p>Vaulk trabaja una primera impresi\u00f3n muy clara: no vende un objeto aislado, vende una idea de protecci\u00f3n dise\u00f1ada con precisi\u00f3n. La escena tiene algo de mesa de trabajo premium, de presentaci\u00f3n confidencial, de proyecto serio que no necesita levantar la voz. El monitor, el escritorio, la madera, los tonos oscuros y el paisaje exterior colocan el producto en un territorio muy distinto al de una web t\u00e9cnica plana.<\/p>\n<figure class=\"source-visual\"><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/06\/69f1bfae1e5b1773184514.jpg\" alt=\"Vaulk\" \/><figcaption>Vaulk<\/figcaption><\/figure>\n<p>La composici\u00f3n funciona porque no separa producto, contexto e identidad. Todo aparece dentro de una misma escena: el refugio modular integrado en un entorno natural, la interfaz contenida, la navegaci\u00f3n superior limpia y un mensaje central que habla de resistencia, despliegue y preparaci\u00f3n t\u00e9cnica. Esa suma crea una percepci\u00f3n de valor potente sin recurrir a una est\u00e9tica agresiva.<\/p>\n<p>El color hace buena parte del trabajo. El fondo oscuro aporta gravedad; la tipograf\u00eda clara sostiene la legibilidad; la madera y la vegetaci\u00f3n suavizan el lado m\u00e1s duro del producto. Es un equilibrio fino: suficientemente t\u00e9cnico para generar confianza, suficientemente atmosf\u00e9rico para no parecer un cat\u00e1logo industrial sin alma.<\/p>\n<p>La tipograf\u00eda no compite con la imagen. Se coloca con una presencia directa, casi institucional, pero sin perder elegancia. En una web para construcci\u00f3n, refugios, ingenier\u00eda o soluciones industriales, esta decisi\u00f3n es m\u00e1s importante de lo que parece: cuando el texto no intenta rellenarlo todo, la marca transmite seguridad. Hay aire, hay jerarqu\u00eda y hay una propuesta que se entiende r\u00e1pido.<\/p>\n<p>Tambi\u00e9n hay una lectura de UX\/UI muy limpia. Logo arriba, navegaci\u00f3n contenida, llamada de contacto visible y un hero que no dispersa. La experiencia no necesita ense\u00f1ar diez cosas a la vez para parecer completa. Esa contenci\u00f3n ayuda a que el usuario perciba orden, y el orden, en productos complejos, se traduce en confianza.<\/p>\n<h4>Landing con atm\u00f3sfera de producto premium<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/06\/69f1c794c6c20883707505_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/06\/69f1c794c6c20883707505.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>El hero sit\u00faa el refugio como un producto premium, t\u00e9cnico y atmosf\u00e9rico.<\/figcaption><\/figure>\n<p>El hero en movimiento refuerza esa sensaci\u00f3n de presencia. No busca espect\u00e1culo gratuito: acompa\u00f1a la lectura, da profundidad y convierte el primer scroll en una entrada m\u00e1s cinematogr\u00e1fica. Para una marca B2B, ese ritmo visual puede ser la diferencia entre \u201cotro proveedor m\u00e1s\u201d y \u201cesto tiene una direcci\u00f3n clara\u201d.<\/p>\n<h2>Vaulk \u2014 motion t\u00e9cnico sin perder elegancia<\/h2>\n<p>La parte m\u00e1s interesante de Vaulk aparece cuando el motion deja de ser decoraci\u00f3n y se convierte en lenguaje de producto. Un refugio modular, una soluci\u00f3n constructiva o un sistema t\u00e9cnico suelen necesitar explicaci\u00f3n. Pero explicar no significa llenar la pantalla de p\u00e1rrafos. A veces basta con ense\u00f1ar estructura, capas, piezas y relaciones de una forma visualmente precisa.<\/p>\n<h4>Wireframe 3D para explicar sin abrumar<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/06\/69f1c7e603546051190239_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/06\/69f1c7e603546051190239.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>Una visualizaci\u00f3n wireframe descompone el sistema modular con precisi\u00f3n t\u00e9cnica.<\/figcaption><\/figure>\n<p>El wireframe 3D tiene ese punto de dibujo de ingenier\u00eda que gusta porque revela sin hacerlo fr\u00edo. La pieza deja ver l\u00f3gica interna, modularidad y construcci\u00f3n. Es una forma muy eficaz de elevar la percepci\u00f3n de calidad: cuando una marca ense\u00f1a c\u00f3mo piensa su producto, no solo lo vende; demuestra dominio.<\/p>\n<p>Este tipo de recurso encaja especialmente bien en dise\u00f1o web y desarrollo web para construcci\u00f3n, arquitectura t\u00e9cnica o industria. El usuario no siempre necesita entender cada detalle al primer vistazo, pero s\u00ed necesita sentir que detr\u00e1s hay sistema. El 3D, bien usado, reduce distancia entre promesa y realidad.<\/p>\n<h4>Transiciones con textura digital<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/06\/69f1c85a3b33d943670805_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/06\/69f1c85a3b33d943670805.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>Las transiciones pixeladas a\u00f1aden una sensaci\u00f3n t\u00e1ctil y cinematogr\u00e1fica a la navegaci\u00f3n.<\/figcaption><\/figure>\n<p>La transici\u00f3n pixel introduce car\u00e1cter. No cambia la propuesta de valor, pero s\u00ed cambia c\u00f3mo se siente moverse por la web. Es un detalle peque\u00f1o que puede hacer que una interfaz sobria no caiga en rigidez. Hay textura, hay pulso, hay una especie de fricci\u00f3n visual controlada que deja recuerdo.<\/p>\n<p>La clave est\u00e1 en la medida. Cuando una transici\u00f3n pesa m\u00e1s que el contenido, molesta. Cuando acompa\u00f1a el cambio de estado y mantiene el ritmo visual, suma percepci\u00f3n de calidad. Vaulk se mueve en ese territorio: motion con intenci\u00f3n, no fuegos artificiales.<\/p>\n<h4>Microinteracciones que humanizan la interfaz<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/06\/69f1c80fad8c4197524809_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/06\/69f1c80fad8c4197524809.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>Las animaciones ligeras en tarjetas aportan interacci\u00f3n sin romper la sobriedad del sistema.<\/figcaption><\/figure>\n<p>Las microinteracciones suavizan la experiencia. En una web de producto t\u00e9cnico, los componentes animados pueden hacer que la navegaci\u00f3n sea m\u00e1s amable sin rebajar la autoridad de la marca. No todo tiene que ser monumental: una tarjeta que responde bien, una ilustraci\u00f3n que acompa\u00f1a, una entrada de contenido con buen timing\u2026 esos gestos construyen identidad.<\/p>\n<p>Y aqu\u00ed aparece una idea importante: la interacci\u00f3n ligera tambi\u00e9n vende. No por empujar al usuario, sino por transmitir cuidado. Si una marca cuida el comportamiento de su interfaz, es m\u00e1s f\u00e1cil imaginar que tambi\u00e9n cuida su producto, su instalaci\u00f3n, su log\u00edstica o su servicio.<\/p>\n<h2>Vaulk \u2014 una lecci\u00f3n visual para marcas B2B complejas<\/h2>\n<p>La referencia deja una idea bastante clara: una web t\u00e9cnica no tiene por qu\u00e9 parecer una documentaci\u00f3n t\u00e9cnica. Puede ser precisa, sobria y comercial sin perder atm\u00f3sfera. De hecho, cuando el producto es caro, sensible o dif\u00edcil de explicar, la direcci\u00f3n visual tiene todav\u00eda m\u00e1s peso.<\/p>\n<p>Vaulk no se apoya en una est\u00e9tica de exceso. No necesita iconos por todas partes, ni bloques interminables, ni claims apilados. Su fuerza est\u00e1 en construir una escena cre\u00edble. Primero te coloca en un universo; despu\u00e9s te deja entrar en la informaci\u00f3n. Ese orden es muy \u00fatil para marcas que venden soluciones de alto ticket: antes de pedir atenci\u00f3n, conviene generar respeto.<\/p>\n<p>Para una empresa de construcci\u00f3n, ingenier\u00eda, arquitectura modular o equipamiento industrial, el aprendizaje no es \u201chaz una web oscura con 3D\u201d. Ser\u00eda demasiado literal. La lecci\u00f3n real es otra: convierte tu capacidad t\u00e9cnica en una experiencia visual con intenci\u00f3n. Si el producto tiene estructura, ens\u00e9\u00f1ala. Si el servicio exige confianza, crea una atm\u00f3sfera que la sostenga. Si la venta requiere contacto, deja el CTA visible sin convertirlo en un grito.<\/p>\n<p>Tambi\u00e9n hay una cuesti\u00f3n de posicionamiento. Cuando claridad y atm\u00f3sfera trabajan juntas, la marca parece m\u00e1s s\u00f3lida. No porque se decore mejor, sino porque todo comunica una misma direcci\u00f3n: precisi\u00f3n, control, discreci\u00f3n, rapidez, protecci\u00f3n. Esa coherencia ayuda a filtrar mejor al usuario y a atraer leads m\u00e1s alineados con el valor real de la oferta.<\/p>\n<p>La memoria visual importa mucho en mercados donde casi todos dicen lo mismo. \u201cSomos expertos\u201d, \u201ctenemos experiencia\u201d, \u201cofrecemos soluciones a medida\u201d. Bien. Pero si la web no deja una imagen mental fuerte, la marca se diluye. Vaulk consigue que el producto se recuerde como una presencia: t\u00e9cnica, silenciosa, integrada en paisaje, con una capa digital bien afinada.<\/p>\n<div class=\"editorial-callout\">\n<h3>Una idea simple, bien vestida<\/h3>\n<p>Vaulk funciona porque entiende algo b\u00e1sico: la confianza tambi\u00e9n entra por los ojos. La composici\u00f3n ordena, el color da car\u00e1cter, la tipograf\u00eda contiene el tono y el motion convierte un producto complejo en una experiencia m\u00e1s f\u00e1cil de imaginar.<\/p>\n<p>Para cualquier marca B2B que trabaje en construcci\u00f3n, industria o soluciones t\u00e9cnicas, la inspiraci\u00f3n est\u00e1 ah\u00ed: no se trata de hacer una web m\u00e1s espectacular, sino de construir una presencia digital con criterio. Una que explique menos de golpe, pero haga sentir m\u00e1s valor desde el primer segundo.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Algunos productos no se venden bien cuando se presentan como una ficha t\u00e9cnica. Un refugio modular, una soluci\u00f3n constructiva o un sistema pensado para situaciones exigentes necesita algo m\u00e1s que prestaciones: necesita escena, escala y una primera impresi\u00f3n que transmita capacidad antes incluso de leer el detalle. Vaulk juega justo en ese territorio donde el [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":44126,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[139,137],"class_list":["post-44194","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspiration","category-web-design-development"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Web Design for Modular Construction: Vaulk by Locomotive - Code Barcelona<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/en\/web-design-for-modular-construction-vaulk-by-locomotive\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Design for Modular Construction: Vaulk by Locomotive - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"Algunos productos no se venden bien cuando se presentan como una ficha t\u00e9cnica. Un refugio modular, una soluci\u00f3n constructiva o un sistema pensado para situaciones exigentes necesita algo m\u00e1s que prestaciones: necesita escena, escala y una primera impresi\u00f3n que transmita capacidad antes incluso de leer el detalle. Vaulk juega justo en ese territorio donde el [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/web-design-for-modular-construction-vaulk-by-locomotive\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-11T11:00:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/06\/69f1bfae1e5b1773184514.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/web-design-for-modular-construction-vaulk-by-locomotive\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/web-design-for-modular-construction-vaulk-by-locomotive\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Web Design for Modular Construction: Vaulk by Locomotive\",\"datePublished\":\"2026-06-11T11:00:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/web-design-for-modular-construction-vaulk-by-locomotive\\\/\"},\"wordCount\":1533,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/web-design-for-modular-construction-vaulk-by-locomotive\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/69f1bfae1e5b1773184514.jpg\",\"articleSection\":[\"Inspiration\",\"Web Design &amp; Development\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/web-design-for-modular-construction-vaulk-by-locomotive\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/web-design-for-modular-construction-vaulk-by-locomotive\\\/\",\"name\":\"Web Design for Modular Construction: Vaulk by Locomotive - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/web-design-for-modular-construction-vaulk-by-locomotive\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/web-design-for-modular-construction-vaulk-by-locomotive\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/69f1bfae1e5b1773184514.jpg\",\"datePublished\":\"2026-06-11T11:00:14+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/web-design-for-modular-construction-vaulk-by-locomotive\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/web-design-for-modular-construction-vaulk-by-locomotive\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/69f1bfae1e5b1773184514.jpg\",\"contentUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/69f1bfae1e5b1773184514.jpg\",\"width\":1600,\"height\":1200},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/en\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\\\/\\\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Design for Modular Construction: Vaulk by Locomotive - Code Barcelona","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/en\/web-design-for-modular-construction-vaulk-by-locomotive\/","og_locale":"en_US","og_type":"article","og_title":"Web Design for Modular Construction: Vaulk by Locomotive - Code Barcelona","og_description":"Algunos productos no se venden bien cuando se presentan como una ficha t\u00e9cnica. Un refugio modular, una soluci\u00f3n constructiva o un sistema pensado para situaciones exigentes necesita algo m\u00e1s que prestaciones: necesita escena, escala y una primera impresi\u00f3n que transmita capacidad antes incluso de leer el detalle. Vaulk juega justo en ese territorio donde el [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/en\/web-design-for-modular-construction-vaulk-by-locomotive\/","og_site_name":"Code Barcelona","article_published_time":"2026-06-11T11:00:14+00:00","og_image":[{"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/06\/69f1bfae1e5b1773184514.jpg","width":1024,"height":768,"type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/en\/web-design-for-modular-construction-vaulk-by-locomotive\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/web-design-for-modular-construction-vaulk-by-locomotive\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Web Design for Modular Construction: Vaulk by Locomotive","datePublished":"2026-06-11T11:00:14+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/web-design-for-modular-construction-vaulk-by-locomotive\/"},"wordCount":1533,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/web-design-for-modular-construction-vaulk-by-locomotive\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/06\/69f1bfae1e5b1773184514.jpg","articleSection":["Inspiration","Web Design &amp; Development"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/web-design-for-modular-construction-vaulk-by-locomotive\/","url":"https:\/\/codewebbarcelona.com\/en\/web-design-for-modular-construction-vaulk-by-locomotive\/","name":"Web Design for Modular Construction: Vaulk by Locomotive - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/web-design-for-modular-construction-vaulk-by-locomotive\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/web-design-for-modular-construction-vaulk-by-locomotive\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/06\/69f1bfae1e5b1773184514.jpg","datePublished":"2026-06-11T11:00:14+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/web-design-for-modular-construction-vaulk-by-locomotive\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/web-design-for-modular-construction-vaulk-by-locomotive\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/06\/69f1bfae1e5b1773184514.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/06\/69f1bfae1e5b1773184514.jpg","width":1600,"height":1200},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/en\/#website","url":"https:\/\/codewebbarcelona.com\/en\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/44194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/comments?post=44194"}],"version-history":[{"count":1,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/44194\/revisions"}],"predecessor-version":[{"id":44195,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/44194\/revisions\/44195"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/44126"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=44194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=44194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}