{"id":43572,"date":"2026-05-28T14:20:39","date_gmt":"2026-05-28T14:20:39","guid":{"rendered":"https:\/\/codewebbarcelona.com\/diseno-web-para-construccion-enerblock-by-banila-studio-2\/"},"modified":"2026-05-26T14:27:11","modified_gmt":"2026-05-26T14:27:11","slug":"disseny-web-per-a-construccio-enerblock-by-banila-studio","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/","title":{"rendered":"Disseny web per a construcci\u00f3: Enerblock by Banila Studio"},"content":{"rendered":"<p>Hi ha sectors on el disseny digital sol arribar amb el casc posat i poca intenci\u00f3 visual. Construcci\u00f3, ind\u00fastria, enginyeria: molta dada, molta promesa de control, massa interf\u00edcies amb gust de cat\u00e0leg t\u00e8cnic. Per aix\u00f2 Enerblock atrau. Perqu\u00e8 no intenta suavitzar l\u2019industrial ni disfressar-lo amb recursos gen\u00e8rics; el converteix en una atmosfera precisa, fosca, modular i molt identificable.<\/p>\n<p>La clau est\u00e0 en la mesura. El disseny no va d\u2019espectacle gratu\u00eft, va de pres\u00e8ncia. El coral aporta un cop d\u2019energia, el fons fosc dona profunditat, la tipografia gran ordena el discurs i la composici\u00f3 respira sistema. En disseny web per a la construcci\u00f3, aquesta combinaci\u00f3 \u00e9s or: fa que una proposta complexa sembli m\u00e9s clara, m\u00e9s s\u00f2lida i m\u00e9s valuosa fins i tot abans d\u2019entrar en detall.<\/p>\n<h2>Enerblock \u2014 construcci\u00f3 industrial amb pols editorial<\/h2>\n<p>Enerblock treballa una identitat visual amb molt de car\u00e0cter: t\u00e8cnica, continguda i aspiracional. La marca no es presenta com una empresa que \u201cfa coses\u201d, sin\u00f3 com un sistema. I aix\u00f2 canvia la percepci\u00f3 des del primer moment. La ret\u00edcula, les l\u00ednies, el monograma, els blocs de contingut i el contrast crom\u00e0tic construeixen una sensaci\u00f3 de m\u00e8tode. Tot sembla tenir un motiu, un lloc i una escala.<\/p>\n<p>L\u2019\u00fas del negre i els tons foscos no cau en el t\u00f2pic premium buit. Aqu\u00ed funciona perqu\u00e8 connecta amb maquin\u00e0ria, precisi\u00f3, estructures i control. Sobre aquesta base, el coral apareix com un senyal visual molt potent: destaca zones d\u2019atenci\u00f3, escalfa la interf\u00edcie i evita que el conjunt es torni massa fred. \u00c9s un color amb mem\u00f2ria visual. No decora; dirigeix.<\/p>\n<p>La tipografia t\u00e9 aquell punt de contund\u00e8ncia que una marca B2B necessita quan ven confian\u00e7a. Titulars grans, missatges clars, frases curtes i una jerarquia molt directa. No hi ha soroll d\u2019interf\u00edcie intentant competir amb la idea principal. La composici\u00f3 mana. I quan la composici\u00f3 mana, la marca es mostra m\u00e9s segura de si mateixa.<\/p>\n<figure class=\"source-visual\"><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eb1cbebe696791337434-1.jpg\" alt=\"Enerblock Robot\" \/><figcaption>Enerblock Robot \u2014 precisi\u00f3 industrial amb tractament cinematogr\u00e0fic<\/figcaption><\/figure>\n<p>La part d\u2019Enerblock Robot porta la promesa al terreny f\u00edsic. La maquin\u00e0ria, l\u2019ambient fosc i el bloc coral generen una escena molt directa: aqu\u00ed hi ha tecnologia, hi ha proc\u00e9s i hi ha capacitat real. Per a una marca industrial, aix\u00f2 \u00e9s clau. El v\u00eddeo o la imatge de producte no han de ser un farciment; han d\u2019escur\u00e7ar la dist\u00e0ncia entre el que es promet i el que el client espera rebre.<\/p>\n<p>Tamb\u00e9 hi ha una lectura de UX\/UI for\u00e7a elegant: la navegaci\u00f3 no intenta explicar-ho tot de cop. Men\u00fa, contacte, seccions clares i una arquitectura que deixa respirar la proposta. En projectes B2B complexos, aquesta claredat val m\u00e9s que una interf\u00edcie plena d\u2019acc\u00e9s r\u00e0pid. Si l\u2019usuari ent\u00e9n r\u00e0pidament on \u00e9s i qu\u00e8 pot explorar, l\u2019experi\u00e8ncia ja comen\u00e7a a treballar a favor de la conversi\u00f3.<\/p>\n<h4>Interacci\u00f3 de marca al hero<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eaf94ec6d19862355072_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eaf94ec6d19862355072-1.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>Enerblock \u2014 interacci\u00f3 precisa sobre una identitat d\u2019alt contrast<\/figcaption><\/figure>\n<p>El motion del hero t\u00e9 una virtut: no necessita cridar l\u2019atenci\u00f3. La interacci\u00f3 amb el s\u00edmbol afegeix una capa de tacte digital, gaireb\u00e9 d\u2019enginyeria visual. \u00c9s un gest subtil, per\u00f2 transforma la percepci\u00f3 de marca. La identitat deixa de ser un logotip col\u00b7locat a la pantalla i passa a comportar-se com una pe\u00e7a viva del sistema.<\/p>\n<p>Aquest tipus de moviment funciona especialment b\u00e9 quan la marca vol projectar control. No \u00e9s una animaci\u00f3 per entretenir; \u00e9s una animaci\u00f3 per refor\u00e7ar la precisi\u00f3. I aquesta difer\u00e8ncia es nota. L\u2019usuari no sent que li estiguin mostrant un truc, sin\u00f3 que entra en un entorn dissenyat amb criteri.<\/p>\n<h2>Enerblock \u2014 motion sobri per transmetre solidesa<\/h2>\n<p>El moviment a Enerblock t\u00e9 una direcci\u00f3 visual molt clara: acompanya la lectura, dona profunditat i converteix el sistema industrial en relat. No hi ha exc\u00e9s de capes, ni transicions capritxoses, ni animacions que eclipsin el contingut. El motion actua com una eina d\u2019atmosfera.<\/p>\n<p>En una marca de construcci\u00f3 industrialitzada, aix\u00f2 t\u00e9 tot el sentit. El client no busca focs artificials; busca fiabilitat, tra\u00e7abilitat, capacitat t\u00e8cnica i la sensaci\u00f3 que tot est\u00e0 sota control. Quan el moviment \u00e9s sobri i ben integrat, la percepci\u00f3 de valor puja. La marca es percep m\u00e9s madura, m\u00e9s cuidada i m\u00e9s preparada per a grans projectes.<\/p>\n<figure class=\"source-visual\"><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eb1cbea80ed662595443.jpg\" alt=\"Enerblock Menu\" \/><figcaption>Enerblock \u2014 men\u00fa overlay amb capes, blur i navegaci\u00f3 compacta<\/figcaption><\/figure>\n<p>El men\u00fa overlay \u00e9s una petita pe\u00e7a de direcci\u00f3 d\u2019art. Fons suavitzat, panell clar, navegaci\u00f3 vertical i una sensaci\u00f3 d\u2019ordre immediat. La interacci\u00f3 no es planteja com una interrupci\u00f3, sin\u00f3 com un canvi d\u2019estat net. \u00c9s una decisi\u00f3 senzilla, per\u00f2 suma molt a la percepci\u00f3 general: la interf\u00edcie es nota treballada fins i tot en els moments m\u00e9s funcionals.<\/p>\n<p>L\u2019estructura del men\u00fa tamb\u00e9 ajuda a entendre l\u2019ambici\u00f3 de la marca. Solucions, empresa, projectes, sostenibilitat, certificaci\u00f3, preguntes freq\u00fcents. No \u00e9s una web aparador d\u2019una sola idea, sin\u00f3 un ecosistema de contingut. Ben resolta, aquesta arquitectura permet que m\u00e0rqueting, vendes i confian\u00e7a treballin plegats sense convertir la navegaci\u00f3 en una llista interminable.<\/p>\n<h4>Scroll amb narrativa de sistema<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eb1894008d1992415060_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eb1894008d1992415060.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>Enerblock \u2014 scroll visual per explicar modularitat, proc\u00e9s i control<\/figcaption><\/figure>\n<p>El recurs sticky encaixa molt b\u00e9 amb el discurs d\u2019Enerblock perqu\u00e8 converteix l\u2019explicaci\u00f3 en una seq\u00fc\u00e8ncia. Les formes lineals, la tipografia gran i el fons fosc creen una mena de pl\u00e0nol t\u00e8cnic editorialitzat. No es tracta nom\u00e9s de llegir; es tracta de sentir que el sistema es desplega amb l\u00f2gica.<\/p>\n<p>Aquest tipus de narrativa visual \u00e9s especialment \u00fatil per a productes o serveis dif\u00edcils d\u2019explicar en una sola frase. En lloc d\u2019acumular text, el disseny reparteix la informaci\u00f3 en ritme visual. La mirada avan\u00e7a, el concepte s\u2019assenta i la marca guanya autoritat sense resultar feixuga.<\/p>\n<h4>Equip, escala humana i confian\u00e7a<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eaf94cdd29f601112920_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eaf94cdd29f601112920.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>Enerblock \u2014 ret\u00edcula editorial per presentar equip i refor\u00e7ar credibilitat<\/figcaption><\/figure>\n<p>La secci\u00f3 d\u2019equip introdueix quelcom necessari en una identitat tan t\u00e8cnica: persones. La ret\u00edcula mant\u00e9 el to editorial i evita el t\u00edpic bloc corporatiu sense \u00e0nima. Hi ha ordre, noms, rols i una lectura visual d\u2019estructura. Per a una marca B2B, mostrar l\u2019equip no \u00e9s nom\u00e9s una q\u00fcesti\u00f3 de proximitat; tamb\u00e9 \u00e9s una manera de demostrar capacitat.<\/p>\n<p>Quan una empresa ven processos complexos, la confian\u00e7a no es construeix nom\u00e9s amb promeses. Tamb\u00e9 es construeix amb cares, jerarquies clares i una sensaci\u00f3 d\u2019organitzaci\u00f3 interna. Aqu\u00ed la composici\u00f3 ajuda a fer que l\u2019hum\u00e0 no trenqui el sistema visual, sin\u00f3 que el completi.<\/p>\n<h4>Tancament de marca amb pes gr\u00e0fic<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eaf8c2360d6484843250_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eaf8c2360d6484843250.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>Enerblock \u2014 tancament visual amb marca, contacte i geometria industrial<\/figcaption><\/figure>\n<p>El footer mant\u00e9 la mateixa energia: marca gran, composici\u00f3 segura i una pe\u00e7a tridimensional que refor\u00e7a la mem\u00f2ria visual. \u00c9s un bon recordatori d\u2019alguna cosa que moltes webs obliden: el final tamb\u00e9 ven. El tancament no hauria de ser un abocador d\u2019enlla\u00e7os, sin\u00f3 una \u00faltima oportunitat per fixar identitat i facilitar el seg\u00fcent pas.<\/p>\n<p>A Enerblock, aquest tancament t\u00e9 pres\u00e8ncia de sistema. No es desinfla. Mant\u00e9 color, escala, intenci\u00f3 i contacte. I aquesta continu\u00eftat \u00e9s la que fa que l\u2019experi\u00e8ncia sembli dissenyada de cap a cap, no muntada a base de blocs independents.<\/p>\n<h2>El que deixa Enerblock per a una web B2B<\/h2>\n<p>La lli\u00e7\u00f3 m\u00e9s interessant d\u2019Enerblock \u00e9s que una marca industrial no necessita semblar grisa per transmetre serietat. Pot tenir una direcci\u00f3 visual forta, una atmosfera marcada i recursos de motion sense perdre claredat. De fet, quan tot est\u00e0 ben mesurat, passa el contrari: l\u2019est\u00e8tica ajuda a entendre millor la proposta i eleva la percepci\u00f3 de valor.<\/p>\n<p>Tamb\u00e9 deixa una idea molt \u00fatil per a qualsevol projecte B2B: la complexitat no es resol explicant-ho tot de cop. Es resol amb jerarquia, ritme visual i una narrativa que permeti avan\u00e7ar. Color per enfocar. Tipografia per posicionar. Composici\u00f3 per ordenar. Interacci\u00f3 per transmetre precisi\u00f3. Contingut per sostenir la confian\u00e7a.<\/p>\n<p>Enerblock funciona perqu\u00e8 la seva identitat, la seva UX\/UI lleugera i la seva posada en escena parlen el mateix idioma. Tot apunta a control, sistema, industrialitzaci\u00f3 i futur constru\u00eft amb m\u00e8tode. Aquesta coher\u00e8ncia \u00e9s la que converteix una web de construcci\u00f3 en una experi\u00e8ncia de marca amb car\u00e0cter.<\/p>\n<p>I potser aqu\u00ed hi ha la invitaci\u00f3 m\u00e9s interessant: mirar qualsevol web B2B i preguntar-se si transmet la claredat, la precisi\u00f3 i la confian\u00e7a que l\u2019empresa necessita vendre. No des de l\u2019obsessi\u00f3 per fer alguna cosa espectacular, sin\u00f3 des d\u2019un repte m\u00e9s dif\u00edcil: construir una pres\u00e8ncia digital que es recordi.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hi ha sectors on el disseny digital sol arribar amb el casc posat i poca intenci\u00f3 visual. Construcci\u00f3, ind\u00fastria, enginyeria: molta dada, molta promesa de control, massa interf\u00edcies amb gust de cat\u00e0leg t\u00e8cnic. Per aix\u00f2 Enerblock atrau. Perqu\u00e8 no intenta suavitzar l\u2019industrial ni disfressar-lo amb recursos gen\u00e8rics; el converteix en una atmosfera precisa, fosca, modular [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":43435,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,210],"class_list":["post-43572","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.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Disseny web per a construcci\u00f3: Enerblock by Banila Studio - 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-enerblock-by-banila-studio\/\" \/>\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: Enerblock by Banila Studio - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"Hi ha sectors on el disseny digital sol arribar amb el casc posat i poca intenci\u00f3 visual. Construcci\u00f3, ind\u00fastria, enginyeria: molta dada, molta promesa de control, massa interf\u00edcies amb gust de cat\u00e0leg t\u00e8cnic. Per aix\u00f2 Enerblock atrau. Perqu\u00e8 no intenta suavitzar l\u2019industrial ni disfressar-lo amb recursos gen\u00e8rics; el converteix en una atmosfera precisa, fosca, modular [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-28T14:20:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eb1cbebe696791337434-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\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-enerblock-by-banila-studio\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Disseny web per a construcci\u00f3: Enerblock by Banila Studio\",\"datePublished\":\"2026-05-28T14:20:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/\"},\"wordCount\":1501,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eb1cbebe696791337434-1.jpg\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/\",\"name\":\"Disseny web per a construcci\u00f3: Enerblock by Banila Studio - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eb1cbebe696791337434-1.jpg\",\"datePublished\":\"2026-05-28T14:20:39+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-enerblock-by-banila-studio\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eb1cbebe696791337434-1.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eb1cbebe696791337434-1.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"Enerblock Robot\"},{\"@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: Enerblock by Banila Studio - 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-enerblock-by-banila-studio\/","og_locale":"ca_ES","og_type":"article","og_title":"Disseny web per a construcci\u00f3: Enerblock by Banila Studio - Code Barcelona","og_description":"Hi ha sectors on el disseny digital sol arribar amb el casc posat i poca intenci\u00f3 visual. Construcci\u00f3, ind\u00fastria, enginyeria: molta dada, molta promesa de control, massa interf\u00edcies amb gust de cat\u00e0leg t\u00e8cnic. Per aix\u00f2 Enerblock atrau. Perqu\u00e8 no intenta suavitzar l\u2019industrial ni disfressar-lo amb recursos gen\u00e8rics; el converteix en una atmosfera precisa, fosca, modular [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/","og_site_name":"Code Barcelona","article_published_time":"2026-05-28T14:20:39+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eb1cbebe696791337434-1.jpg","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-enerblock-by-banila-studio\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Disseny web per a construcci\u00f3: Enerblock by Banila Studio","datePublished":"2026-05-28T14:20:39+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/"},"wordCount":1501,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eb1cbebe696791337434-1.jpg","articleSection":["Disseny i desenvolupament web","Inspiraci\u00f3"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/","url":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/","name":"Disseny web per a construcci\u00f3: Enerblock by Banila Studio - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eb1cbebe696791337434-1.jpg","datePublished":"2026-05-28T14:20:39+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-enerblock-by-banila-studio\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-a-construccio-enerblock-by-banila-studio\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eb1cbebe696791337434-1.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69eb1cbebe696791337434-1.jpg","width":1600,"height":1200,"caption":"Enerblock Robot"},{"@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\/43572","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=43572"}],"version-history":[{"count":3,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/43572\/revisions"}],"predecessor-version":[{"id":43579,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/43572\/revisions\/43579"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/43435"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=43572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=43572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}