{"id":44191,"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:08:58","modified_gmt":"2026-06-08T11:08:58","slug":"disseny-web-per-a-construccio-modular-vaulk-by-locomotive","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\/","title":{"rendered":"Disseny web per a construcci\u00f3 modular: Vaulk by Locomotive"},"content":{"rendered":"<p>Hi ha productes que no es venen b\u00e9 si es presenten nom\u00e9s com una fitxa t\u00e8cnica. Un refugi modular, una soluci\u00f3 constructiva o un sistema pensat per a situacions exigents necessita molt m\u00e9s que especificacions: necessita escenari, escala i una primera impressi\u00f3 que transmeti solidesa abans fins i tot de llegir-ne els detalls.<\/p>\n<p>Vaulk es mou just en aquest terreny on el disseny web per a la construcci\u00f3 es troba amb la direcci\u00f3 d\u2019art de producte premium. No busca suavitzar-ho tot ni for\u00e7ar una proximitat artificial. Construeix una atmosfera fosca, precisa i continguda, amb aquest punt de silenci que fa que la marca es mostri segura de si mateixa.<\/p>\n<p>La clau \u00e9s com tot suma sense resultar feixuc. La composici\u00f3 guia la mirada, el color aporta gravetat, la tipografia mant\u00e9 el to i el motion afegeix profunditat sense convertir l\u2019experi\u00e8ncia en una demo t\u00e8cnica. Hi ha ritme visual, per\u00f2 tamb\u00e9 control. I aix\u00f2, en una marca B2B complexa, eleva la percepci\u00f3 de valor de manera immediata.<\/p>\n<p>Vaulk funciona perqu\u00e8 ent\u00e9n una idea molt senzilla: la confian\u00e7a tamb\u00e9 es pot tocar. Quan una soluci\u00f3 t\u00e8cnica es presenta amb identitat, criteri i una interf\u00edcie ben dirigida, deixa de semblar complicada i passa a ocupar un lloc clar a la mem\u00f2ria visual de l\u2019usuari.<\/p>\n<h2>Vaulk \u2014 producte t\u00e8cnic amb pols editorial<\/h2>\n<p>Vaulk treballa una primera impressi\u00f3 molt definida: no ven un objecte a\u00efllat, ven una idea de protecci\u00f3 dissenyada amb precisi\u00f3. L\u2019escena recorda una taula de treball premium, una presentaci\u00f3 confidencial, un projecte seri\u00f3s que no necessita cridar. El monitor, l\u2019escriptori, la fusta, els tons foscos i el paisatge exterior situen el producte en un territori molt diferent del d\u2019una web t\u00e8cnica convencional.<\/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\u00f3 funciona perqu\u00e8 no separa producte, context i identitat. Tot conviu dins una mateixa escena: el refugi modular integrat en un entorn natural, la interf\u00edcie continguda, la navegaci\u00f3 superior neta i un missatge central que parla de resist\u00e8ncia, desplegament i preparaci\u00f3 t\u00e8cnica. Aquesta suma genera una percepci\u00f3 de valor potent sense rec\u00f3rrer a una est\u00e8tica agressiva.<\/p>\n<p>El color fa bona part de la feina. El fons fosc aporta gravetat; la tipografia clara garanteix llegibilitat; la fusta i la vegetaci\u00f3 suavitzen el costat m\u00e9s dur del producte. \u00c9s un equilibri fi: prou t\u00e8cnic per generar confian\u00e7a, prou atmosf\u00e8ric per no semblar un cat\u00e0leg industrial sense \u00e0nima.<\/p>\n<p>La tipografia no competeix amb la imatge. S\u2019hi col\u00b7loca amb una pres\u00e8ncia directa, gaireb\u00e9 institucional, per\u00f2 sense perdre eleg\u00e0ncia. En una web de construcci\u00f3, refugis, enginyeria o solucions industrials, aquesta decisi\u00f3 \u00e9s m\u00e9s important del que sembla: quan el text no intenta omplir-ho tot, la marca transmet seguretat. Hi ha aire, jerarquia i una proposta que s\u2019ent\u00e9n r\u00e0pidament.<\/p>\n<p>Tamb\u00e9 hi ha una lectura de UX\/UI molt neta. Logotip a dalt, navegaci\u00f3 continguda, crida de contacte visible i un hero que no dispersa. L\u2019experi\u00e8ncia no necessita mostrar deu coses alhora per semblar completa. Aquesta contenci\u00f3 ajuda l\u2019usuari a percebre ordre, i l\u2019ordre, en productes complexos, es tradueix en confian\u00e7a.<\/p>\n<h4>Landing amb atmosfera de producte 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 situa el refugi com un producte premium, t\u00e8cnic i amb atmosfera.<\/figcaption><\/figure>\n<p>El hero en moviment refor\u00e7a aquesta sensaci\u00f3 de pres\u00e8ncia. No busca llu\u00efment gratu\u00eft: acompanya la lectura, aporta profunditat i converteix el primer scroll en una entrada m\u00e9s cinematogr\u00e0fica. Per a una marca B2B, aquest ritme visual pot ser la difer\u00e8ncia entre \u201cun prove\u00efdor m\u00e9s\u201d i \u201caqu\u00ed hi ha una direcci\u00f3 clara\u201d.<\/p>\n<h2>Vaulk \u2014 motion t\u00e8cnic sense perdre eleg\u00e0ncia<\/h2>\n<p>La part m\u00e9s interessant de Vaulk arriba quan el motion deixa de ser decoraci\u00f3 i es converteix en llenguatge de producte. Un refugi modular, una soluci\u00f3 constructiva o un sistema t\u00e8cnic sovint requereixen explicaci\u00f3. Per\u00f2 explicar no vol dir omplir la pantalla de par\u00e0grafs. De vegades n\u2019hi ha prou amb mostrar estructura, capes, peces i relacions d\u2019una manera visualment precisa.<\/p>\n<h4>Wireframe 3D per explicar sense saturar<\/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 visualitzaci\u00f3 wireframe descompon el sistema modular amb precisi\u00f3 t\u00e8cnica.<\/figcaption><\/figure>\n<p>El wireframe 3D t\u00e9 aquell punt de dibuix d\u2019enginyeria que agrada perqu\u00e8 revela sense fer-ho fred. La pe\u00e7a deixa veure la l\u00f2gica interna, la modularitat i la construcci\u00f3. \u00c9s una manera molt efica\u00e7 d\u2019elevar la percepci\u00f3 de qualitat: quan una marca mostra com pensa el seu producte, no nom\u00e9s el ven; demostra domini.<\/p>\n<p>Aquest tipus de recurs encaixa especialment b\u00e9 en disseny i desenvolupament web per a la construcci\u00f3, arquitectura t\u00e8cnica o ind\u00fastria. L\u2019usuari no sempre necessita entendre cada detall a la primera, per\u00f2 s\u00ed sentir que al darrere hi ha sistema. El 3D, ben utilitzat, redueix la dist\u00e0ncia entre promesa i realitat.<\/p>\n<h4>Transicions amb 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>Les transicions pixelades afegeixen una sensaci\u00f3 t\u00e0ctil i cinematogr\u00e0fica a la navegaci\u00f3.<\/figcaption><\/figure>\n<p>La transici\u00f3 pixel dona car\u00e0cter. No canvia la proposta de valor, per\u00f2 s\u00ed la manera com es percep la navegaci\u00f3. \u00c9s un detall subtil que pot evitar que una interf\u00edcie s\u00f2bria es torni r\u00edgida. Hi ha textura, hi ha pols, hi ha una mena de fricci\u00f3 visual controlada que deixa empremta.<\/p>\n<p>La clau \u00e9s la mesura. Quan una transici\u00f3 pesa m\u00e9s que el contingut, molesta. Quan acompanya el canvi d\u2019estat i mant\u00e9 el ritme visual, suma percepci\u00f3 de qualitat. Vaulk es mou en aquest terreny: motion amb intenci\u00f3, no focs artificials.<\/p>\n<h4>Microinteraccions que humanitzen la interf\u00edcie<\/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>Les animacions lleugeres a les targetes aporten interacci\u00f3 sense trencar la sobrietat del sistema.<\/figcaption><\/figure>\n<p>Les microinteraccions suavitzen l\u2019experi\u00e8ncia. En una web de producte t\u00e8cnic, els components animats poden fer que la navegaci\u00f3 sigui m\u00e9s amable sense restar autoritat a la marca. No tot ha de ser monumental: una targeta que respon b\u00e9, una il\u00b7lustraci\u00f3 que acompanya, una entrada de contingut amb bon timing\u2026 aquests gestos construeixen identitat.<\/p>\n<p>I aqu\u00ed apareix una idea important: la interacci\u00f3 lleugera tamb\u00e9 ven. No per pressionar l\u2019usuari, sin\u00f3 per transmetre cura. Si una marca cuida el comportament de la seva interf\u00edcie, \u00e9s f\u00e0cil imaginar que tamb\u00e9 cuida el producte, la instal\u00b7laci\u00f3, la log\u00edstica o el servei.<\/p>\n<h2>Vaulk \u2014 una lli\u00e7\u00f3 visual per a marques B2B complexes<\/h2>\n<p>La refer\u00e8ncia deixa una idea molt clara: una web t\u00e8cnica no ha de semblar una documentaci\u00f3 t\u00e8cnica. Pot ser precisa, s\u00f2bria i comercial sense perdre atmosfera. De fet, quan el producte \u00e9s car, sensible o dif\u00edcil d\u2019explicar, la direcci\u00f3 visual encara pesa m\u00e9s.<\/p>\n<p>Vaulk no es basa en una est\u00e8tica d\u2019exc\u00e9s. No necessita icones per tot arreu, ni blocs interminables, ni claims apilats. La seva for\u00e7a \u00e9s construir una escena cre\u00efble. Primer et situa en un univers; despr\u00e9s et deixa accedir a la informaci\u00f3. Aquest ordre \u00e9s molt \u00fatil per a marques que venen solucions d\u2019alt valor: abans de demanar atenci\u00f3, cal generar respecte.<\/p>\n<p>Per a una empresa de construcci\u00f3, enginyeria, arquitectura modular o equipament industrial, l\u2019aprenentatge no \u00e9s \u201cfes una web fosca amb 3D\u201d. Seria massa literal. La lli\u00e7\u00f3 real \u00e9s una altra: converteix la teva capacitat t\u00e8cnica en una experi\u00e8ncia visual amb intenci\u00f3. Si el producte t\u00e9 estructura, mostra-la. Si el servei requereix confian\u00e7a, crea una atmosfera que la sostingui. Si la venda necessita contacte, deixa el CTA visible sense convertir-lo en un crit.<\/p>\n<p>Tamb\u00e9 hi ha una q\u00fcesti\u00f3 de posicionament. Quan claredat i atmosfera treballen juntes, la marca es percep m\u00e9s s\u00f2lida. No perqu\u00e8 estigui m\u00e9s decorada, sin\u00f3 perqu\u00e8 tot comunica una mateixa direcci\u00f3: precisi\u00f3, control, discreci\u00f3, rapidesa, protecci\u00f3. Aquesta coher\u00e8ncia ajuda a filtrar millor l\u2019usuari i a atreure leads m\u00e9s alineats amb el valor real de l\u2019oferta.<\/p>\n<p>La mem\u00f2ria visual \u00e9s clau en mercats on gaireb\u00e9 tothom diu el mateix. \u201cSom experts\u201d, \u201ctenim experi\u00e8ncia\u201d, \u201coferim solucions a mida\u201d. D\u2019acord. Per\u00f2 si la web no deixa una imatge mental forta, la marca es dilueix. Vaulk aconsegueix que el producte es recordi com una pres\u00e8ncia: t\u00e8cnica, silenciosa, integrada en el paisatge, amb una capa digital ben afinada.<\/p>\n<div class=\"editorial-callout\">\n<h3>Una idea simple, ben vestida<\/h3>\n<p>Vaulk funciona perqu\u00e8 ent\u00e9n una cosa b\u00e0sica: la confian\u00e7a tamb\u00e9 entra pels ulls. La composici\u00f3 ordena, el color dona car\u00e0cter, la tipografia cont\u00e9 el to i el motion converteix un producte complex en una experi\u00e8ncia m\u00e9s f\u00e0cil d\u2019imaginar.<\/p>\n<p>Per a qualsevol marca B2B que treballi en construcci\u00f3, ind\u00fastria o solucions t\u00e8cniques, la inspiraci\u00f3 \u00e9s aqu\u00ed: no es tracta de fer una web m\u00e9s espectacular, sin\u00f3 de construir una pres\u00e8ncia digital amb criteri. Una que expliqui menys d\u2019entrada, per\u00f2 faci sentir m\u00e9s valor des del primer segon.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hi ha productes que no es venen b\u00e9 si es presenten nom\u00e9s com una fitxa t\u00e8cnica. Un refugi modular, una soluci\u00f3 constructiva o un sistema pensat per a situacions exigents necessita molt m\u00e9s que especificacions: necessita escenari, escala i una primera impressi\u00f3 que transmeti solidesa abans fins i tot de llegir-ne els detalls. Vaulk es [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":44125,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,210],"class_list":["post-44191","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disseny-desenvolupament-web","category-inspiracio"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Disseny web per a construcci\u00f3 modular: 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\/ca\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Disseny web per a construcci\u00f3 modular: Vaulk by Locomotive - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"Hi ha productes que no es venen b\u00e9 si es presenten nom\u00e9s com una fitxa t\u00e8cnica. Un refugi modular, una soluci\u00f3 constructiva o un sistema pensat per a situacions exigents necessita molt m\u00e9s que especificacions: necessita escenari, escala i una primera impressi\u00f3 que transmeti solidesa abans fins i tot de llegir-ne els detalls. Vaulk es [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-modular-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=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Disseny web per a construcci\u00f3 modular: Vaulk by Locomotive\",\"datePublished\":\"2026-06-11T11:00:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\\\/\"},\"wordCount\":1510,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/69f1bfae1e5b1773184514.jpg\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\\\/\",\"name\":\"Disseny web per a construcci\u00f3 modular: Vaulk by Locomotive - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-per-a-construccio-modular-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\\\/ca\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/disseny-web-per-a-construccio-modular-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\\\/ca\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/ca\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@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":"Disseny web per a construcci\u00f3 modular: 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\/ca\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\/","og_locale":"ca_ES","og_type":"article","og_title":"Disseny web per a construcci\u00f3 modular: Vaulk by Locomotive - Code Barcelona","og_description":"Hi ha productes que no es venen b\u00e9 si es presenten nom\u00e9s com una fitxa t\u00e8cnica. Un refugi modular, una soluci\u00f3 constructiva o un sistema pensat per a situacions exigents necessita molt m\u00e9s que especificacions: necessita escenari, escala i una primera impressi\u00f3 que transmeti solidesa abans fins i tot de llegir-ne els detalls. Vaulk es [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-modular-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":{"Escrit per":"cd26Bc","Temps estimat de lectura":"8 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Disseny web per a construcci\u00f3 modular: Vaulk by Locomotive","datePublished":"2026-06-11T11:00:14+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\/"},"wordCount":1510,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/06\/69f1bfae1e5b1773184514.jpg","articleSection":["Disseny i desenvolupament web","Inspiraci\u00f3"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\/","url":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\/","name":"Disseny web per a construcci\u00f3 modular: Vaulk by Locomotive - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-modular-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\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-modular-vaulk-by-locomotive\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-modular-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\/ca\/#website","url":"https:\/\/codewebbarcelona.com\/ca\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"ca","@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\/ca\/wp-json\/wp\/v2\/posts\/44191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/comments?post=44191"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/44191\/revisions"}],"predecessor-version":[{"id":44193,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/44191\/revisions\/44193"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/44125"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=44191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=44191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}