{"id":31727,"date":"2022-02-01T09:02:39","date_gmt":"2022-02-01T09:02:39","guid":{"rendered":"https:\/\/codewebbarcelona.com\/ejemplos-de-diseno-web-tecnologico\/"},"modified":"2026-04-21T04:25:18","modified_gmt":"2026-04-21T04:25:18","slug":"exemples-disseny-web-tecnologic","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/","title":{"rendered":"Exemples de disseny web tecnol\u00f2gic"},"content":{"rendered":"<p>Vols veure alguns exemples de disseny web tecnol\u00f2gic? Ets al lloc adequat: en aquest article hem seleccionat diverses p\u00e0gines web que ens serviran per analitzar tant les seves particularitats com els trets generals d\u2019aquest tipus de projectes digitals.<\/p>\n<p>A continuaci\u00f3, repassarem diferents exemples de disseny web tecnol\u00f2gic, descobrirem qu\u00e8 els fa especials i aprofitarem cada cas per destacar aspectes que les empreses d\u2019innovaci\u00f3, desenvolupament i producci\u00f3 poden utilitzar per diferenciar-se.<\/p>\n<p>Comencem amb els exemples de disseny web tecnol\u00f2gic.<\/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 potenciar la teva pres\u00e8ncia digital. Analitzarem el teu web actual i et presentarem un pla d\u2019acci\u00f3 per millorar-lo.<\/a><\/h6>\n<h2>Exemples de disseny web tecnol\u00f2gic<\/h2>\n<h3>NXT Process<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-10907\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-nxt-process-00.png\" alt=\"ejemplos-pagina-web-tecnica-nxt-process-00\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10908\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-nxt-process-01.jpg\" alt=\"ejemplos-pagina-web-tecnica-nxt-process-01\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10909\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-nxt-process-02.jpg\" alt=\"ejemplos-pagina-web-tecnica-nxt-process-02\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10910\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-nxt-process-03.jpg\" alt=\"ejemplos-pagina-web-tecnica-nxt-process-03\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10911\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-nxt-process-04.jpg\" alt=\"ejemplos-pagina-web-tecnica-nxt-process-04\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10912\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-nxt-process-05.jpg\" alt=\"ejemplos-pagina-web-tecnica-nxt-process-05\" width=\"1920\" height=\"1080\" \/><\/p>\n<p><strong>Disseny web a c\u00e0rrec de l\u2019estudi de creaci\u00f3 web fatfish<\/strong><\/p>\n<p>El primer exemple de disseny web tecnol\u00f2gic \u00e9s NXT Process, una web corporativa que ens permet con\u00e8ixer aquesta empresa i els seus serveis, especialitzada en el disseny i fabricaci\u00f3 de sistemes modulars (OEM).<\/p>\n<p>D\u2019entrada, el disseny transmet exactament el que ha de transmetre: \u00e9s clar, t\u00e8cnic i corporatiu, sense cap mena de dubte sobre on ens trobem.<\/p>\n<p>La paleta de colors est\u00e0 molt ben escollida, integrant la identitat visual de l\u2019empresa dins el disseny web, i utilitzant elements gr\u00e0fics que trenquen la rigidesa horitzontal i vertical habitual.<\/p>\n<p>Cal destacar els blocs de contingut laterals, el men\u00fa burger desplegable i la tipografia escollida, minimalista i neta.<\/p>\n<h3>Consells per al disseny i desenvolupament d\u2019una web t\u00e8cnica<\/h3>\n<p>En empreses amb un fort component d\u2019R+D, \u00e9s fonamental que l\u2019aspecte t\u00e8cnic es reflecteixi clarament al web.<\/p>\n<p>Els dissenys han de ser nets i transmetre un alt nivell de professionalitat. Cal evitar sobrecarregar la p\u00e0gina amb elements innecessaris que nom\u00e9s distreuen i dificulten la comprensi\u00f3.<\/p>\n<p>Tot i que l\u2019empresa sigui molt t\u00e8cnica, el to comunicatiu s\u2019ha d\u2019adaptar als perfils de visitants que esperem rebre.<\/p>\n<p><a href=\"https:\/\/nxtprocess.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visita el lloc<\/a><\/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 potenciar la teva pres\u00e8ncia digital. Analitzarem el teu web actual i et presentarem un pla d\u2019acci\u00f3 per millorar-lo.<\/a><\/h6>\n<h3>Everyday Robots<\/h3>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-31727-1\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-everyday-robots-07.mp4?_=1\" \/><\/video><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-10913\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-everyday-robots-06.jpg\" alt=\"ejemplos-pagina-web-tecnica-everyday-robots-06\" width=\"1290\" height=\"922\" \/>\u00a0\u00a0<img decoding=\"async\" class=\"alignnone size-full wp-image-10915\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-everyday-robots-08.png\" alt=\"ejemplos-pagina-web-tecnica-everyday-robots-08\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10916\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-everyday-robots-09.png\" alt=\"\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10917\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-everyday-robots-10.jpg\" alt=\"ejemplos-pagina-web-tecnica-everyday-robots-10\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10918\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-everyday-robots-11.png\" alt=\"ejemplos-pagina-web-tecnica-everyday-robots-11\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10919\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-everyday-robots-12.jpg\" alt=\"ejemplos-pagina-web-tecnica-everyday-robots-12\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10920\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-everyday-robots-13.jpg\" alt=\"ejemplos-pagina-web-tecnica-everyday-robots-13\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10921\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-everyday-robots-14.jpg\" alt=\"ejemplos-pagina-web-tecnica-everyday-robots-14\" width=\"1290\" height=\"700\" \/><\/p>\n<p><iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/tZn3ekmLvZQ\" width=\"1920\" height=\"1080\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><strong>Disseny web a c\u00e0rrec de l\u2019estudi de disseny i desenvolupament web Phantom<\/strong><\/p>\n<p>El segon exemple \u00e9s Everyday Robots, una web que mostra les capacitats de l\u2019empresa rob\u00f2tica i les solucions que han creat perqu\u00e8 els seus robots ens ajudin, ara i en el futur, en tot tipus de tasques.<\/p>\n<p>El disseny general \u00e9s espectacular i destaca, sobretot, per la seva usabilitat i la facilitat de navegaci\u00f3.<\/p>\n<p>Si entrem en detall, cal remarcar el tractament tipogr\u00e0fic, la paleta de colors personalitzada i totalment alineada amb la seva identitat visual, i la combinaci\u00f3 de blocs que fan que la navegaci\u00f3 sigui molt fluida i agradable.<\/p>\n<h3>Consells per al disseny i desenvolupament d\u2019una web t\u00e8cnica<\/h3>\n<p>En aquest cas, tot i que la funci\u00f3 empresarial \u00e9s molt t\u00e8cnica i innovadora, s\u2019ha optat per un to comunicatiu proper, amb textos molt cuidats que fugen de la informaci\u00f3 excessiva i poc accessible.<\/p>\n<p>A m\u00e9s, el component hum\u00e0 \u00e9s present en moltes de les imatges i v\u00eddeos, aconseguint una web tecnol\u00f2gica pensada per a tots els p\u00fablics i que reflecteix clarament la voluntat d\u2019ajudar la societat amb solucions tecnol\u00f2giques.<\/p>\n<p><a href=\"https:\/\/everydayrobots.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visita el lloc<\/a><\/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 potenciar la teva pres\u00e8ncia digital. Analitzarem el teu web actual i et presentarem un pla d\u2019acci\u00f3 per millorar-lo.<\/a><\/h6>\n<h3>Servolux<\/h3>\n<p><iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/ORKBhfypmis\" width=\"1920\" height=\"1080\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><img decoding=\"async\" class=\"alignnone size-full wp-image-10925\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-servolux-18.jpg\" alt=\"ejemplos-pagina-web-tecnica-servolux-18\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10926\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-servolux-19.jpg\" alt=\"ejemplos-pagina-web-tecnica-servolux-19\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10923\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-servolux-16.jpg\" alt=\"ejemplos-pagina-web-tecnica-servolux-16\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10927\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-servolux-20.jpg\" alt=\"ejemplos-pagina-web-tecnica-servolux-20\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10922\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-servolux-15.jpg\" alt=\"ejemplos-pagina-web-tecnica-servolux-15\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10924\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-servolux-17.jpg\" alt=\"ejemplos-pagina-web-tecnica-servolux-17\" width=\"1920\" height=\"1080\" \/><\/p>\n<p><iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/Thug7q0G4xQ\" width=\"1280\" height=\"721\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><strong>Disseny i desenvolupament web a c\u00e0rrec de l\u2019estudi creatiu web Only<\/strong><\/p>\n<p>Servolux \u00e9s una empresa independent dedicada a l\u2019agricultura i ramaderia industrial a Bielor\u00fassia.<\/p>\n<p>El disseny \u00e9s realment destacable i combina elements gr\u00e0fics que la converteixen en una de les millors webs de l\u2019any passat.<\/p>\n<p>Entre els aspectes m\u00e9s rellevants: el men\u00fa burger obert, la navegaci\u00f3 per la p\u00e0gina i el disseny de cada bloc de contingut.<\/p>\n<p>Si us hi fixeu, veureu un tractament tipogr\u00e0fic molt acurat amb diferents jerarquies, una paleta de colors ben definida i un disseny pensat per a cada secci\u00f3, aconseguint un conjunt final molt ben resolt.<\/p>\n<h3>Consells per al disseny i desenvolupament d\u2019una web t\u00e8cnica<\/h3>\n<p>En empreses on la recerca, el desenvolupament i la producci\u00f3 s\u00f3n claus, sempre \u00e9s interessant incorporar elements digitals al web: infografies, pl\u00e0nols, elements 3D, mapes interactius&#8230;<\/p>\n<p>Tots aquests recursos reforcen la imatge d\u2019empresa innovadora.<\/p>\n<p><a href=\"https:\/\/servolux.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visita el lloc<\/a><\/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 potenciar la teva pres\u00e8ncia digital. Analitzarem el teu web actual i et presentarem un pla d\u2019acci\u00f3 per millorar-lo.<\/a><\/h6>\n<h3>Galactic Energy<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-10928\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-galactic-21.jpg\" alt=\"ejemplos-pagina-web-tecnica-galactic-21\" width=\"1903\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10929\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-galactic-22.jpg\" alt=\"\" width=\"1903\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10930\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-galactic-23.png\" alt=\"\" width=\"1903\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10931\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-galactic-24.jpg\" alt=\"\" width=\"1903\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10932\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-galactic-25.jpg\" alt=\"\" width=\"1903\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10933\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-galactic-26.jpg\" alt=\"\" width=\"1903\" height=\"1080\" \/><\/p>\n<p><strong>Disseny i desenvolupament web a c\u00e0rrec de l\u2019estudi web embacy<\/strong><\/p>\n<p>Galactic Energy \u00e9s una empresa que desenvolupa tecnologia avan\u00e7ada per simplificar la gesti\u00f3, control i comercialitzaci\u00f3 de l\u2019energia.<\/p>\n<p>El disseny transmet una imatge d\u2019empresa capdavantera en tecnologia, per\u00f2 tamb\u00e9 posa en valor el component hum\u00e0 i social que defineix la seva missi\u00f3.<\/p>\n<p>Destaca especialment el tractament tipogr\u00e0fic i el disseny gr\u00e0fic general que estructura tot el contingut.<\/p>\n<p>Els blocs de contingut, aix\u00ed com la rapidesa i flu\u00efdesa amb qu\u00e8 es carrega la web, s\u00f3n excel\u00b7lents.<\/p>\n<h3>Consells per al disseny i desenvolupament d\u2019una web t\u00e8cnica<\/h3>\n<p>El desenvolupament d\u2019una web tecnol\u00f2gica ha de ser impecable.<\/p>\n<p>Un dels errors m\u00e9s greus que podem cometre \u00e9s oferir una web amb c\u00e0rrega lenta, bugs o errors de navegaci\u00f3: aix\u00f2 genera una mala impressi\u00f3 immediata en el nostre p\u00fablic objectiu.<\/p>\n<p>No n\u2019hi ha prou amb ser innovadors internament; la qualitat ha de traspuar a tot el contingut digital.<\/p>\n<p><a href=\"https:\/\/www.galacticenergy.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visita el lloc<\/a><\/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 potenciar la teva pres\u00e8ncia digital. Analitzarem el teu web actual i et presentarem un pla d\u2019acci\u00f3 per millorar-lo.<\/a><\/h6>\n<h3>Grow<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-10934\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-grow-27.jpg\" alt=\"ejemplos-pagina-web-tecnica-grow-27\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10935\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-grow-28.png\" alt=\"ejemplos-pagina-web-tecnica-grow-28\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10936\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-grow-29.jpg\" alt=\"ejemplos-pagina-web-tecnica-grow-29\" width=\"1920\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-10937\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-pagina-web-tecnica-grow-30.png\"\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vols veure alguns exemples de disseny web tecnol\u00f2gic? Ets al lloc adequat: en aquest article hem seleccionat diverses p\u00e0gines web que ens serviran per analitzar tant les seves particularitats com els trets generals d\u2019aquest tipus de projectes digitals. A continuaci\u00f3, repassarem diferents exemples de disseny web tecnol\u00f2gic, descobrirem qu\u00e8 els fa especials i aprofitarem cada [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6395,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,210],"class_list":["post-31727","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 tecnol\u00f3gico - Code Barcelona<\/title>\n<meta name=\"description\" content=\"\u00bfQuieres ver algunos ejemplos de dise\u00f1o web tecnol\u00f3gico? En este art\u00edculo hemos seleccionado algunas p\u00e1ginas web que nos servir\u00e1n para hablar de sus caracter\u00edsticas personales y de las generales de este tipo de p\u00e1ginas web.\" \/>\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-tecnologic\/\" \/>\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 tecnol\u00f3gico - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"\u00bfQuieres ver algunos ejemplos de dise\u00f1o web tecnol\u00f3gico? En este art\u00edculo hemos seleccionado algunas p\u00e1ginas web que nos servir\u00e1n para hablar de sus caracter\u00edsticas personales y de las generales de este tipo de p\u00e1ginas web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-01T09:02:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T04:25:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-de-diseno-web-tecnologico-featured.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"556\" \/>\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-tecnologic\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Exemples de disseny web tecnol\u00f2gic\",\"datePublished\":\"2022-02-01T09:02:39+00:00\",\"dateModified\":\"2026-04-21T04:25:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/\"},\"wordCount\":1036,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-de-diseno-web-tecnologico-featured.gif\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/\",\"name\":\"Ejemplos de dise\u00f1o web tecnol\u00f3gico - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-de-diseno-web-tecnologico-featured.gif\",\"datePublished\":\"2022-02-01T09:02:39+00:00\",\"dateModified\":\"2026-04-21T04:25:18+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"\u00bfQuieres ver algunos ejemplos de dise\u00f1o web tecnol\u00f3gico? En este art\u00edculo hemos seleccionado algunas p\u00e1ginas web que nos servir\u00e1n para hablar de sus caracter\u00edsticas personales y de las generales de este tipo de p\u00e1ginas web.\",\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-de-diseno-web-tecnologico-featured.gif\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-de-diseno-web-tecnologico-featured.gif\",\"width\":1200,\"height\":651},{\"@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 tecnol\u00f3gico - Code Barcelona","description":"\u00bfQuieres ver algunos ejemplos de dise\u00f1o web tecnol\u00f3gico? En este art\u00edculo hemos seleccionado algunas p\u00e1ginas web que nos servir\u00e1n para hablar de sus caracter\u00edsticas personales y de las generales de este tipo de p\u00e1ginas web.","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-tecnologic\/","og_locale":"ca_ES","og_type":"article","og_title":"Ejemplos de dise\u00f1o web tecnol\u00f3gico - Code Barcelona","og_description":"\u00bfQuieres ver algunos ejemplos de dise\u00f1o web tecnol\u00f3gico? En este art\u00edculo hemos seleccionado algunas p\u00e1ginas web que nos servir\u00e1n para hablar de sus caracter\u00edsticas personales y de las generales de este tipo de p\u00e1ginas web.","og_url":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/","og_site_name":"Code Barcelona","article_published_time":"2022-02-01T09:02:39+00:00","article_modified_time":"2026-04-21T04:25:18+00:00","og_image":[{"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-de-diseno-web-tecnologico-featured.gif","width":1024,"height":556,"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-tecnologic\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Exemples de disseny web tecnol\u00f2gic","datePublished":"2022-02-01T09:02:39+00:00","dateModified":"2026-04-21T04:25:18+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/"},"wordCount":1036,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-de-diseno-web-tecnologico-featured.gif","articleSection":["Disseny i desenvolupament web","Inspiraci\u00f3"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/","name":"Ejemplos de dise\u00f1o web tecnol\u00f3gico - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-de-diseno-web-tecnologico-featured.gif","datePublished":"2022-02-01T09:02:39+00:00","dateModified":"2026-04-21T04:25:18+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"\u00bfQuieres ver algunos ejemplos de dise\u00f1o web tecnol\u00f3gico? En este art\u00edculo hemos seleccionado algunas p\u00e1ginas web que nos servir\u00e1n para hablar de sus caracter\u00edsticas personales y de las generales de este tipo de p\u00e1ginas web.","inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/exemples-disseny-web-tecnologic\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-de-diseno-web-tecnologico-featured.gif","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/02\/ejemplos-de-diseno-web-tecnologico-featured.gif","width":1200,"height":651},{"@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\/31727","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=31727"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/31727\/revisions"}],"predecessor-version":[{"id":31766,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/31727\/revisions\/31766"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/6395"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=31727"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=31727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}