{"id":31439,"date":"2023-03-16T09:45:40","date_gmt":"2023-03-16T09:45:40","guid":{"rendered":"https:\/\/codewebbarcelona.com\/ejemplos-de-diseno-web-de-arquitectura\/"},"modified":"2026-04-21T04:22:13","modified_gmt":"2026-04-21T04:22:13","slug":"exemples-disseny-web-arquitectura","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/","title":{"rendered":"Exemples de disseny web d\u2019arquitectura"},"content":{"rendered":"<p>Avui et proposem un recorregut per cinc <strong>exemples de disseny web d\u2019arquitectura<\/strong> que destaquen per la seva originalitat, innovaci\u00f3 i qualitat.<\/p>\n<p>L\u2019arquitectura \u00e9s un art que ha evolucionat al llarg dels anys i, actualment, el disseny d\u2019edificis i estructures \u00e9s m\u00e9s complex i exigent que mai. Els arquitectes necessiten disposar d\u2019eines i recursos que els permetin afrontar aquests reptes i crear propostes innovadores i sostenibles. Una de les millors maneres d\u2019accedir-hi \u00e9s a trav\u00e9s d\u2019Internet, on hi ha una gran varietat de webs amb informaci\u00f3 \u00fatil i actualitzada sobre arquitectura i disseny.<\/p>\n<p>Avui dia, el disseny web s\u2019ha convertit en una eina imprescindible per als professionals de l\u2019arquitectura i el disseny. Un bon web pot ser clau per captar nous clients i mostrar el teu portafolis de projectes de manera efectiva. Per aconseguir una web atractiva i funcional, cal tenir presents alguns conceptes b\u00e0sics de disseny web.<\/p>\n<p>En aquest article repassem alguns <strong>exemples de disseny web d\u2019arquitectura<\/strong>.<\/p>\n<h6><a href=\"https:\/\/codewebbarcelona.com\/contacta\/\" target=\"_blank\" rel=\"noopener\">Ja hem treballat per aquest sector creant webs excepcionals. Fes clic i t\u2019assessorem per millorar la teva pres\u00e8ncia digital. Analitzarem el teu web actual i et presentarem un pla d\u2019acci\u00f3 per optimitzar-lo.<\/a><\/h6>\n<h2>Exemples de disseny web d\u2019arquitectura<\/h2>\n<h3>BEAR ARCHITECTS<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12453\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-bear-architects_01-1.jpeg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12454\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-bear-architects_02-1.jpg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12455\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-bear-architects_03-1.jpg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura\" width=\"1600\" height=\"1200\" \/><\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-31439-1\" width=\"1600\" height=\"1200\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-bear-architects_04-1.mp4?_=1\" \/><\/video><\/div>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-31439-2\" width=\"1600\" height=\"1200\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-bear-architects_05-1.mp4?_=2\" \/><\/video><\/div>\n<div style=\"width: 1524px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-31439-3\" width=\"1524\" height=\"1130\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-bear-architects_06-1.mp4?_=3\" \/><\/video><\/div>\n<p><strong>Disseny web per a iots a c\u00e0rrec de l\u2019estudi de disseny web cuchillo<\/strong><\/p>\n<p>Un dels <strong>exemples de disseny web d\u2019arquitectura<\/strong> presentats per l\u2019estudi de disseny gr\u00e0fic espanyol Cuchillo.<\/p>\n<p>Aquest projecte destaca perqu\u00e8 \u00e9s un dels webs per a arquitectes m\u00e9s innovadors que hem vist darrerament.<\/p>\n<p>Trenca totalment amb els esquemes i l\u2019est\u00e8tica habituals dels webs d\u2019arquitectura. Dona-li un cop d\u2019ull perqu\u00e8 no et deixar\u00e0 indiferent.<\/p>\n<p>Alguns direu que \u00e9s una bogeria i d\u2019altres que \u00e9s una genialitat&#8230; nosaltres ens quedem amb la segona opci\u00f3.<\/p>\n<h3>Consells perqu\u00e8 el teu web sigui dels millors <strong>exemples de disseny web d\u2019arquitectura<\/strong><\/h3>\n<p>Cuida la presentaci\u00f3 visual: En un web d\u2019arquitectura, l\u2019aspecte visual \u00e9s fonamental. El teu web ha de ser atractiu per captar l\u2019atenci\u00f3 dels visitants.<\/p>\n<p>Utilitza fotografies d\u2019alta qualitat dels teus projectes i dissenys, i valora incorporar elements visuals com infografies i v\u00eddeos.<\/p>\n<p>Si apliques aquest consell, tindr\u00e0s molt de guanyat per aconseguir un dels <strong>millors exemples de disseny web d\u2019arquitectura<\/strong><\/p>\n<ul>\n<li>Originalitat<\/li>\n<li>Tipografia<\/li>\n<li>Desenvolupament<\/li>\n<li>Experi\u00e8ncia d\u2019usuari<\/li>\n<li>Gama crom\u00e0tica<\/li>\n<li>Imatges<\/li>\n<li>V\u00eddeos<\/li>\n<li>Navegaci\u00f3<\/li>\n<li>Color<\/li>\n<\/ul>\n<p><a href=\"https:\/\/bear-rabe.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visita el lloc<\/a><\/p>\n<h3>THE MCBRIDE COMPANY<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12459\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-mcbride-company-01-1.jpg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-mcbride-company\" width=\"1600\" height=\"1200\" \/><\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-31439-4\" width=\"1600\" height=\"1080\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-mcbride-company-02-1.mp4?_=4\" \/><\/video><\/div>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12461\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-mcbride-company-03-1.jpg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-mcbride-company\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12462\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-mcbride-company-04-1.jpg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-mcbride-company\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12463\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-mcbride-company-05-1.jpg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-mcbride-company\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12464\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-mcbride-company-06-1.jpg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-mcbride-company\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12465\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-mcbride-company-07-1.png\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-mcbride-company\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12466\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-mcbride-company-08-1.jpg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-mcbride-company\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12467\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-mcbride-company-09-1.jpg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-mcbride-company\" width=\"1600\" height=\"1200\" \/><\/p>\n<p><strong>Disseny web per a iots a c\u00e0rrec de l\u2019estudi de disseny web Paper Tiger<\/strong><\/p>\n<p>Un dels <strong>exemples de disseny web d\u2019arquitectura<\/strong> creats per l\u2019estudi de disseny i desenvolupament web Paper Tiger.<\/p>\n<p>Tal com pots veure a les captures, \u00e9s una web espectacular que, igual que l\u2019anterior, destaca per la seva originalitat i innovaci\u00f3.<\/p>\n<p>Fes-hi una ullada al web a trav\u00e9s de l\u2019enlla\u00e7 que et deixem a continuaci\u00f3 i et sorprendr\u00e0.<\/p>\n<h3>Consells perqu\u00e8 el teu web sigui dels millors <strong>exemples de disseny web d\u2019arquitectura<\/strong><\/h3>\n<p>Facilita la navegaci\u00f3 i la cerca: El disseny del teu web ha de ser intu\u00eftiu i f\u00e0cil d\u2019utilitzar. Els visitants han de poder trobar r\u00e0pidament la informaci\u00f3 que busquen sense haver de fer massa voltes.<\/p>\n<p>Valora incorporar una barra de cerca i una navegaci\u00f3 clara perqu\u00e8 els usuaris es puguin moure f\u00e0cilment pel teu web.<\/p>\n<p>Aplica aquest consell i tindr\u00e0s un dels <strong>millors exemples de disseny web d\u2019arquitectura<\/strong><\/p>\n<ul>\n<li>Originalitat<\/li>\n<li>Tipografia<\/li>\n<li>Desenvolupament<\/li>\n<li>Experi\u00e8ncia d\u2019usuari<\/li>\n<li>Gama crom\u00e0tica<\/li>\n<li>Imatges<\/li>\n<li>V\u00eddeos<\/li>\n<li>Navegaci\u00f3<\/li>\n<li>Color<\/li>\n<\/ul>\n<p><a href=\"https:\/\/mcbridedesign.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visita el lloc<\/a><\/p>\n<h3>NORTH DRIVE<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12468\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-northdrive_01-1.png\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-northdrive\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12469\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-northdrive_02-1.jpg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-northdrive\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12470\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-northdrive_03-1.png\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-northdrive\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12471\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-northdrive_04-1.jpg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-northdrive\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12472\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-northdrive_05-1.png\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-northdrive\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12473\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-northdrive_06-1.png\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-northdrive\" width=\"1600\" height=\"1200\" \/><\/p>\n<p><strong>Disseny web per a iots a c\u00e0rrec de l\u2019estudi de disseny web xxxxxxxx<\/strong><\/p>\n<p>L\u2019estudi de disseny web Cinderbloc ens presenta un dels millors <strong>exemples de disseny web d\u2019arquitectura<\/strong>.<\/p>\n<p>Aquest projecte aposta per un estil molt m\u00e9s conservador i minimalista, amb una gran for\u00e7a visual i una usabilitat excel\u00b7lent per mostrar el treball ben fet.<\/p>\n<h3>Consells perqu\u00e8 el teu web sigui dels millors <strong>exemples de disseny web d\u2019arquitectura<\/strong><\/h3>\n<p>Mostra les teves habilitats i experi\u00e8ncia: El teu web ha de reflectir el teu talent i experi\u00e8ncia com a arquitecte.<\/p>\n<p>A m\u00e9s de fotografies i dades de contacte, inclou seccions per mostrar projectes anteriors, habilitats, reconeixements i premis. Destaca all\u00f2 que et fa \u00fanic perqu\u00e8 els visitants es sentin atrets pels teus serveis.<\/p>\n<p>Si apliques aquest consell, tindr\u00e0s molt de cam\u00ed fet per aconseguir un dels <strong>millors exemples de disseny web d\u2019arquitectura<\/strong><\/p>\n<p><a href=\"https:\/\/northdrive.ca\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visita el lloc<\/a><\/p>\n<h3>MEYERS &amp; ASSOCIATES<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12474\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-meyers_associates_01-1.jpg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-meyers_associates\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12475\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-meyers_associates_02-1.jpg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-meyers_associates\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12476\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-meyers_associates_03-1.jpg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-meyers_associates\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12477\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-meyers_associates_09-1.jpg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-meyers_associates\" width=\"1600\" height=\"1200\" \/><\/p>\n<p><strong>Disseny web per a iots a c\u00e0rrec de l\u2019estudi de disseny web xxxxxxxx<\/strong><\/p>\n<p>Un dels <strong>exemples de disseny web d\u2019arquitectura<\/strong> creat per l\u2019estudi de disseny web Fort.<\/p>\n<p>Una web que es troba a mig cam\u00ed entre les propostes m\u00e9s trencadores i les m\u00e9s cl\u00e0ssiques dins el sector del disseny web per a arquitectes.<\/p>\n<p>Molt interessant la manera com apareixen i desapareixen els elements i continguts, aix\u00ed com la interacci\u00f3 entre l\u2019usuari i la p\u00e0gina.<\/p>\n<h3>Consells perqu\u00e8 el teu web sigui dels millors <strong>exemples de disseny web d\u2019arquitectura<\/strong><\/h3>\n<p>Assegura\u2019t que el teu web sigui responsive: \u00c9s fonamental que la teva web sigui accessible i f\u00e0cil d\u2019utilitzar des de qualsevol dispositiu, ja sigui m\u00f2bil o tauleta.<\/p>\n<p>El disseny i la navegaci\u00f3 han d\u2019adaptar-se correctament a diferents mides de pantalla i la c\u00e0rrega ha de ser r\u00e0pida.<\/p>\n<p>Si apliques aquest consell, tindr\u00e0s molt de cam\u00ed fet per aconseguir un dels <strong>millors exemples de disseny web d\u2019arquitectura<\/strong><\/p>\n<ul>\n<li>Minimalisme<\/li>\n<li>Tipografia sans-serif<\/li>\n<li>Gama crom\u00e0tica<\/li>\n<li>Imatges<\/li>\n<li>V\u00eddeos<\/li>\n<li>Navegaci\u00f3<\/li>\n<\/ul>\n<p><a href=\"https:\/\/meyersarchitects.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visita el lloc<\/a><\/p>\n<h3>STUDIO RHE<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12478\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-diseC3B1o-web-de-arquitectura-studio-rhe-01-1.jpg\" alt=\"ejemplos-dise\u00f1o-web-de-arquitectura-studio-rhe\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12479\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-d\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Avui et proposem un recorregut per cinc exemples de disseny web d\u2019arquitectura que destaquen per la seva originalitat, innovaci\u00f3 i qualitat. L\u2019arquitectura \u00e9s un art que ha evolucionat al llarg dels anys i, actualment, el disseny d\u2019edificis i estructures \u00e9s m\u00e9s complex i exigent que mai. Els arquitectes necessiten disposar d\u2019eines i recursos que els [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1065,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,210],"class_list":["post-31439","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>Ejemplos de dise\u00f1o web de arquitectura - Code Barcelona<\/title>\n<meta name=\"description\" content=\"Vista previa de la meta description:Hoy vamos a pasear por cinco ejemplos de dise\u00f1o web de arquitectura que destacan por su originalidad, innovaci\u00f3n y calidad.\" \/>\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\/blog\/exemples-disseny-web-arquitectura\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ejemplos de dise\u00f1o web de arquitectura - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"Vista previa de la meta description:Hoy vamos a pasear por cinco ejemplos de dise\u00f1o web de arquitectura que destacan por su originalidad, innovaci\u00f3n y calidad.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-16T09:45:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T04:22:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-de-diseno-web-de-arquitectura-featured.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"405\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\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=\"5 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Exemples de disseny web d\u2019arquitectura\",\"datePublished\":\"2023-03-16T09:45:40+00:00\",\"dateModified\":\"2026-04-21T04:22:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/\"},\"wordCount\":1006,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-de-diseno-web-de-arquitectura-featured.gif\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/\",\"name\":\"Ejemplos de dise\u00f1o web de arquitectura - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-de-diseno-web-de-arquitectura-featured.gif\",\"datePublished\":\"2023-03-16T09:45:40+00:00\",\"dateModified\":\"2026-04-21T04:22:13+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Vista previa de la meta description:Hoy vamos a pasear por cinco ejemplos de dise\u00f1o web de arquitectura que destacan por su originalidad, innovaci\u00f3n y calidad.\",\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-de-diseno-web-de-arquitectura-featured.gif\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-de-diseno-web-de-arquitectura-featured.gif\",\"width\":600,\"height\":405},{\"@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":"Ejemplos de dise\u00f1o web de arquitectura - Code Barcelona","description":"Vista previa de la meta description:Hoy vamos a pasear por cinco ejemplos de dise\u00f1o web de arquitectura que destacan por su originalidad, innovaci\u00f3n y calidad.","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\/blog\/exemples-disseny-web-arquitectura\/","og_locale":"ca_ES","og_type":"article","og_title":"Ejemplos de dise\u00f1o web de arquitectura - Code Barcelona","og_description":"Vista previa de la meta description:Hoy vamos a pasear por cinco ejemplos de dise\u00f1o web de arquitectura que destacan por su originalidad, innovaci\u00f3n y calidad.","og_url":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/","og_site_name":"Code Barcelona","article_published_time":"2023-03-16T09:45:40+00:00","article_modified_time":"2026-04-21T04:22:13+00:00","og_image":[{"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-de-diseno-web-de-arquitectura-featured.gif","width":600,"height":405,"type":"image\/gif"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Escrit per":"cd26Bc","Temps estimat de lectura":"5 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Exemples de disseny web d\u2019arquitectura","datePublished":"2023-03-16T09:45:40+00:00","dateModified":"2026-04-21T04:22:13+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/"},"wordCount":1006,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-de-diseno-web-de-arquitectura-featured.gif","articleSection":["Disseny i desenvolupament web","Inspiraci\u00f3"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/","name":"Ejemplos de dise\u00f1o web de arquitectura - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-de-diseno-web-de-arquitectura-featured.gif","datePublished":"2023-03-16T09:45:40+00:00","dateModified":"2026-04-21T04:22:13+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Vista previa de la meta description:Hoy vamos a pasear por cinco ejemplos de dise\u00f1o web de arquitectura que destacan por su originalidad, innovaci\u00f3n y calidad.","inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-arquitectura\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-de-diseno-web-de-arquitectura-featured.gif","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2023\/03\/ejemplos-de-diseno-web-de-arquitectura-featured.gif","width":600,"height":405},{"@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\/31439","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=31439"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/31439\/revisions"}],"predecessor-version":[{"id":31508,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/31439\/revisions\/31508"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/1065"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=31439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=31439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}