{"id":18152,"date":"2025-12-15T07:21:05","date_gmt":"2025-12-15T07:21:05","guid":{"rendered":"https:\/\/codewebbarcelona.com\/diseno-web-destacado-la-semana-avatr-vision-xpectra-by-mubien\/"},"modified":"2026-04-20T19:05:47","modified_gmt":"2026-04-20T19:05:47","slug":"disseny-web-destacat-setmana-avatr-vision-xpectra-mubien","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/","title":{"rendered":"Disseny web destacat de la setmana: AVATR Vision Xpectra by Mubien"},"content":{"rendered":"<h3>AVATR Vision Xpectra \u2014 luxe el\u00e8ctric transformat en experi\u00e8ncia digital<\/h3>\n<p>\n    En un escenari on les marques d\u2019automoci\u00f3 el\u00e8ctrica competeixen no nom\u00e9s en innovaci\u00f3 tecnol\u00f2gica, sin\u00f3 tamb\u00e9 en relat, identitat i experi\u00e8ncia, el projecte web <strong>AVATR Vision Xpectra<\/strong> es consolida com un referent de com el disseny digital pot amplificar la visi\u00f3 d\u2019una marca. No es tracta nom\u00e9s de presentar un concept car, sin\u00f3 de crear un univers digital que trasllada valors com luxe, futur, emoci\u00f3 i precisi\u00f3 a trav\u00e9s de la interacci\u00f3, el motion i la narrativa visual.\n  <\/p>\n<p>\n    Guardonat amb el <strong>Site of the Day i Developer Award a Awwwards<\/strong>, aquest projecte demostra fins a quin punt el disseny web actual s\u2019ha convertit en una disciplina estrat\u00e8gica, capa\u00e7 d\u2019unir branding, tecnologia i experi\u00e8ncia d\u2019usuari en una pe\u00e7a coherent.\n  <\/p>\n<div style=\"width: 1620px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18152-1\" width=\"1620\" height=\"1080\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-8.mp4?_=1\" \/><\/video><\/div>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18152-2\" width=\"1600\" height=\"1200\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-7.mp4?_=2\" \/><\/video><\/div>\n<h3>Una experi\u00e8ncia digital concebuda com a manifest de marca<\/h3>\n<p>\n    AVATR \u00e9s una marca de mobilitat el\u00e8ctrica de luxe impulsada per la innovaci\u00f3 i el disseny. Amb la presentaci\u00f3 de l\u2019<em>AVATR Vision Xpectra<\/em>, el seu primer concept car, la marca necessitava molt m\u00e9s que una web informativa: volia una experi\u00e8ncia digital capa\u00e7 d\u2019expressar la seva visi\u00f3 de futur i el seu concepte d\u2019<strong>Emotive Luxury<\/strong>.\n  <\/p>\n<p>\n    El site es planteja com un recorregut immersiu que permet a l\u2019usuari explorar a fons el disseny, la tecnologia i la filosofia del vehicle. Cada transici\u00f3, cada animaci\u00f3 i cada decisi\u00f3 visual reforcen la sensaci\u00f3 d\u2019estar davant d\u2019una pe\u00e7a d\u2019alta gamma, on res \u00e9s accessori i tot respon a una intenci\u00f3 clara.\n  <\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18152-3\" width=\"1600\" height=\"1200\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-4.mp4?_=3\" \/><\/video><\/div>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18152-4\" width=\"1600\" height=\"1200\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-5.mp4?_=4\" \/><\/video><\/div>\n<h3>Client, autoria i reconeixement<\/h3>\n<p>\n    El projecte ha estat desenvolupat per l\u2019estudi <strong>Mubien<\/strong>, amb la col\u00b7laboraci\u00f3 de <strong>FutureDeluxe<\/strong> en la part audiovisual, per al client <strong>AVATR<\/strong>. El resultat ha estat reconegut internacionalment amb el <strong>Site of the Day<\/strong> i el <strong>Developer Award<\/strong> a Awwwards, confirmant-ne l\u2019excel\u00b7l\u00e8ncia tant en disseny com en execuci\u00f3 t\u00e8cnica.\n  <\/p>\n<p>\n    La direcci\u00f3 creativa ha estat liderada per David Mubien, Younes Badi i Marcus Chaloner, amb un ampli equip multidisciplinari que abasta UX\/UI, direcci\u00f3 d\u2019art, 3D, motion graphics i desenvolupament frontend, reflectint la complexitat i ambici\u00f3 del projecte.\n  <\/p>\n<div style=\"width: 1620px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18152-5\" width=\"1620\" height=\"1080\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-2.mp4?_=5\" \/><\/video><\/div>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18152-6\" width=\"1600\" height=\"1200\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-3.mp4?_=6\" \/><\/video><\/div>\n<h3>Disseny visual: luxe, contrast i contenci\u00f3<\/h3>\n<p>\n    Visualment, la web es basa en una paleta crom\u00e0tica molt continguda, formada principalment per dos colors: un to fosc profund (<strong>#242428<\/strong>) i un blanc suau gaireb\u00e9 eteri (<strong>#EEEDF8<\/strong>). Aquesta elecci\u00f3 refor\u00e7a la sensaci\u00f3 de sofisticaci\u00f3, precisi\u00f3 i exclusivitat, allunyant-se de qualsevol artifici innecessari.\n  <\/p>\n<p>\n    El contrast entre llum i foscor s\u2019utilitza com a recurs narratiu. El contingut emergeix de manera progressiva, revelant superf\u00edcies, l\u00ednies i volums del vehicle com si fos una exposici\u00f3 digital. Aquest enfocament connecta directament amb l\u2019univers del luxe contemporani, on la sugger\u00e8ncia i el ritme s\u00f3n tan importants com l\u2019impacte visual.\n  <\/p>\n<div style=\"width: 1620px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18152-7\" width=\"1620\" height=\"1080\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-10.mp4?_=7\" \/><\/video><\/div>\n<div style=\"width: 1620px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18152-8\" width=\"1620\" height=\"1080\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-11.mp4?_=8\" \/><\/video><\/div>\n<h3>Tipografia i jerarquia editorial<\/h3>\n<p>\n    La tipografia juga un paper fonamental en la construcci\u00f3 del to de l\u2019experi\u00e8ncia. Els cossos de text generosos, les jerarquies clares i l\u2019\u00fas intel\u00b7ligent de l\u2019espai en blanc afavoreixen una lectura pausada i elegant, molt alineada amb el posicionament premium de la marca.\n  <\/p>\n<p>\n    No hi ha exc\u00e9s d\u2019informaci\u00f3. El contingut es presenta en blocs ben estructurats, permetent que l\u2019usuari assimili cada missatge abans d\u2019avan\u00e7ar. Aquest equilibri entre narrativa editorial i ritme interactiu \u00e9s una de les grans virtuts del projecte.\n  <\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18152-9\" width=\"1600\" height=\"1200\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-6.mp4?_=9\" \/><\/video><\/div>\n<div style=\"width: 1620px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18152-10\" width=\"1620\" height=\"1080\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-1.mp4?_=10\" \/><\/video><\/div>\n<h3>Interacci\u00f3, motion i experi\u00e8ncia immersiva<\/h3>\n<p>\n    Un dels grans encerts d\u2019AVATR Vision Xpectra \u00e9s l\u2019\u00fas del motion design com a eina narrativa. Les animacions no busquen l\u2019espectacularitat gratu\u00efta, sin\u00f3 que acompanyen el discurs de marca i reforcen la percepci\u00f3 de tecnologia avan\u00e7ada.\n  <\/p>\n<p>\n    L\u2019scroll fluid, les transicions suaus i la integraci\u00f3 d\u2019elements 3D permeten a l\u2019usuari explorar el vehicle des de m\u00faltiples perspectives. Aquesta interacci\u00f3 genera una sensaci\u00f3 de control i descobriment que connecta emocionalment amb el visitant, transformant-lo de simple espectador a participant actiu.\n  <\/p>\n<p><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-4.jpg\" alt=\"\" width=\"1600\" height=\"1200\" class=\"alignnone size-full wp-image-14037\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-1.jpg\" alt=\"\" width=\"1600\" height=\"1200\" class=\"alignnone size-full wp-image-14038\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-2.jpg\" alt=\"\" width=\"1600\" height=\"1200\" class=\"alignnone size-full wp-image-14039\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-3.jpg\" alt=\"\" width=\"1600\" height=\"1200\" class=\"alignnone size-full wp-image-14040\" \/><\/p>\n<h3>Web com a experi\u00e8ncia, no com a aparador<\/h3>\n<p>\n    A difer\u00e8ncia de moltes webs de producte, aqu\u00ed no es for\u00e7a la conversi\u00f3 immediata. L\u2019objectiu \u00e9s un altre: generar desig, transmetre visi\u00f3 i posicionar AVATR com una marca que marca el ritme del luxe el\u00e8ctric. La web actua com un manifest digital, una declaraci\u00f3 d\u2019intencions.\n  <\/p>\n<p>\n    Aquest enfocament \u00e9s especialment rellevant en projectes de branding digital d\u2019alt nivell, on l\u2019experi\u00e8ncia precedeix el producte i la percepci\u00f3 \u00e9s tan important com l\u2019especificaci\u00f3 t\u00e8cnica.\n  <\/p>\n<p><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-10.jpg\" alt=\"\" width=\"2400\" height=\"1600\" class=\"alignnone size-full wp-image-14041\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-11.jpg\" alt=\"\" width=\"2400\" height=\"1600\" class=\"alignnone size-full wp-image-14042\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-12.jpg\" alt=\"\" width=\"3840\" height=\"2560\" class=\"alignnone size-full wp-image-14043\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-8.jpg\" alt=\"\" width=\"2400\" height=\"1600\" class=\"alignnone size-full wp-image-14044\" \/><\/p>\n<h3>Performance i desenvolupament: tecnologia al servei de l\u2019emoci\u00f3<\/h3>\n<p>\n    Tot i la complexitat visual i t\u00e8cnica del projecte, el rendiment ha estat una prioritat. La c\u00e0rrega \u00e9s r\u00e0pida, les animacions s\u00f3n suaus i la navegaci\u00f3 es mant\u00e9 estable tant en escriptori com en dispositius m\u00f2bils.\n  <\/p>\n<p>\n    El desenvolupament frontend combina precisi\u00f3 t\u00e8cnica amb sensibilitat creativa, demostrant que \u00e9s possible crear experi\u00e8ncies immersives sense sacrificar usabilitat ni rendiment. Aquest equilibri \u00e9s un dels factors clau que expliquen el reconeixement obtingut a Awwwards.\n  <\/p>\n<p><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-6.jpg\" alt=\"\" width=\"2400\" height=\"1600\" class=\"alignnone size-full wp-image-14045\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-7.jpg\" alt=\"\" width=\"1200\" height=\"1600\" class=\"alignnone size-full wp-image-14046\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-9.jpg\" alt=\"\" width=\"1200\" height=\"1600\" class=\"alignnone size-full wp-image-14047\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-5.jpg\" alt=\"\" width=\"2400\" height=\"1600\" class=\"alignnone size-full wp-image-14048\" \/><\/p>\n<h3>Un est\u00e0ndard per al disseny web de marques premium<\/h3>\n<p>\n    AVATR Vision Xpectra estableix un est\u00e0ndard clar sobre com s\u2019han d\u2019afrontar els projectes digitals en sectors on el disseny, la innovaci\u00f3 i l\u2019emoci\u00f3 s\u00f3n pilars estrat\u00e8gics. No es tracta nom\u00e9s de mostrar un producte, sin\u00f3 de construir un relat coherent en cada punt de contacte.\n  <\/p>\n<p>\n    Aquest tipus de projectes posa en valor la import\u00e0ncia de comptar amb professionals del disseny web capa\u00e7os d\u2019entendre la marca en profunditat i traduir-la en decisions visuals, t\u00e8cniques i narratives alineades.<\/p>\n<p>\n  <strong>Creador:<\/strong> Mubien<br \/>\n  <strong>Client:<\/strong> AVATR<br \/>\n  <strong>Reconeixements:<\/strong> Awwwards Site of the Day \u00b7 Awwwards Developer Award\n<\/p>\n<\/p>\n<div style=\"width: 1920px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18152-11\" width=\"1920\" height=\"1080\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-9.mp4?_=11\" \/><\/video><\/div>\n<h3>Conclusi\u00f3: quan el disseny web impulsa la visi\u00f3 de futur<\/h3>\n<p>\n    El projecte AVATR Vision Xpectra demostra que el disseny web actual ha superat definitivament la seva funci\u00f3 informativa per convertir-se en una eina estrat\u00e8gica de branding i posicionament. Mitjan\u00e7ant una experi\u00e8ncia acurada, immersiva i t\u00e8cnicament impecable, la web aconsegueix amplificar el missatge d\u2019una marca que aspira a liderar el futur de la mobilitat el\u00e8ctrica de luxe.\n  <\/p>\n<p>\n    En un entorn digital cada cop m\u00e9s competitiu, aquest tipus de projectes marquen la difer\u00e8ncia i esdevenen refer\u00e8ncia per a estudis i ag\u00e8ncies de disseny web que volen crear experi\u00e8ncies memorables, coherents i alineades amb els valors de marques premium i empreses innovadores.\n  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>AVATR Vision Xpectra \u2014 luxe el\u00e8ctric transformat en experi\u00e8ncia digital En un escenari on les marques d\u2019automoci\u00f3 el\u00e8ctrica competeixen no nom\u00e9s en innovaci\u00f3 tecnol\u00f2gica, sin\u00f3 tamb\u00e9 en relat, identitat i experi\u00e8ncia, el projecte web AVATR Vision Xpectra es consolida com un referent de com el disseny digital pot amplificar la visi\u00f3 d\u2019una marca. No es [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1166,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,210],"class_list":["post-18152","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 destacat de la setmana: AVATR Vision Xpectra by Mubien - 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\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Disseny web destacat de la setmana: AVATR Vision Xpectra by Mubien - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"AVATR Vision Xpectra \u2014 luxe el\u00e8ctric transformat en experi\u00e8ncia digital En un escenari on les marques d\u2019automoci\u00f3 el\u00e8ctrica competeixen no nom\u00e9s en innovaci\u00f3 tecnol\u00f2gica, sin\u00f3 tamb\u00e9 en relat, identitat i experi\u00e8ncia, el projecte web AVATR Vision Xpectra es consolida com un referent de com el disseny digital pot amplificar la visi\u00f3 d\u2019una marca. No es [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-15T07:21:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T19:05:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-featured.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\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=\"6 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Disseny web destacat de la setmana: AVATR Vision Xpectra by Mubien\",\"datePublished\":\"2025-12-15T07:21:05+00:00\",\"dateModified\":\"2026-04-20T19:05:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/\"},\"wordCount\":1212,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-featured.gif\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/\",\"name\":\"Disseny web destacat de la setmana: AVATR Vision Xpectra by Mubien - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-featured.gif\",\"datePublished\":\"2025-12-15T07:21:05+00:00\",\"dateModified\":\"2026-04-20T19:05:47+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-featured.gif\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-featured.gif\",\"width\":800,\"height\":450},{\"@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 destacat de la setmana: AVATR Vision Xpectra by Mubien - 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\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/","og_locale":"ca_ES","og_type":"article","og_title":"Disseny web destacat de la setmana: AVATR Vision Xpectra by Mubien - Code Barcelona","og_description":"AVATR Vision Xpectra \u2014 luxe el\u00e8ctric transformat en experi\u00e8ncia digital En un escenari on les marques d\u2019automoci\u00f3 el\u00e8ctrica competeixen no nom\u00e9s en innovaci\u00f3 tecnol\u00f2gica, sin\u00f3 tamb\u00e9 en relat, identitat i experi\u00e8ncia, el projecte web AVATR Vision Xpectra es consolida com un referent de com el disseny digital pot amplificar la visi\u00f3 d\u2019una marca. No es [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/","og_site_name":"Code Barcelona","article_published_time":"2025-12-15T07:21:05+00:00","article_modified_time":"2026-04-20T19:05:47+00:00","og_image":[{"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-featured.gif","width":800,"height":450,"type":"image\/gif"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Escrit per":"cd26Bc","Temps estimat de lectura":"6 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Disseny web destacat de la setmana: AVATR Vision Xpectra by Mubien","datePublished":"2025-12-15T07:21:05+00:00","dateModified":"2026-04-20T19:05:47+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/"},"wordCount":1212,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-featured.gif","articleSection":["Disseny i desenvolupament web","Inspiraci\u00f3"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/","name":"Disseny web destacat de la setmana: AVATR Vision Xpectra by Mubien - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-featured.gif","datePublished":"2025-12-15T07:21:05+00:00","dateModified":"2026-04-20T19:05:47+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-destacat-setmana-avatr-vision-xpectra-mubien\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-featured.gif","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-web-destacado-de-la-semana-avatr-vision-xpectra-by-mubien-featured.gif","width":800,"height":450},{"@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\/18152","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=18152"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/18152\/revisions"}],"predecessor-version":[{"id":18178,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/18152\/revisions\/18178"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/1166"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=18152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=18152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}