{"id":19992,"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-20T22:18:11","modified_gmt":"2026-04-20T22:18:11","slug":"featured-web-design-avatr-vision-xpectra-by-mubien","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/","title":{"rendered":"Featured Website of the Week: AVATR Vision Xpectra by Mubien"},"content":{"rendered":"<h3>AVATR Vision Xpectra \u2014 Electric luxury reimagined as a digital experience<\/h3>\n<p>\n    In a landscape where electric automotive brands compete not only through technological innovation but also through storytelling, identity, and experience, the <strong>AVATR Vision Xpectra<\/strong> website stands out as a benchmark for how web design can amplify brand vision. This is not just about showcasing a concept car\u2014it\u2019s about building a digital universe that translates values like luxury, futurism, emotion, and precision through interaction, motion, and visual storytelling.\n  <\/p>\n<p>\n    Winner of the <strong>Site of the Day and Developer Award at Awwwards<\/strong>, this project demonstrates how contemporary web design has evolved into a strategic discipline, seamlessly connecting branding, technology, and user experience into a single, cohesive piece.\n  <\/p>\n<div style=\"width: 1620px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-19992-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-19992-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>A digital experience conceived as a brand manifesto<\/h3>\n<p>\n    AVATR is a luxury electric mobility brand driven by innovation and design. With the launch of the <em>AVATR Vision Xpectra<\/em>, its first concept car, the brand needed more than just an informational website\u2014it required a digital experience capable of expressing its vision for the future and its concept of <strong>Emotive Luxury<\/strong>.\n  <\/p>\n<p>\n    The site is designed as an immersive journey, allowing users to deeply explore the vehicle\u2019s design, technology, and philosophy. Every transition, animation, and visual choice reinforces the sense of high-end craftsmanship, where nothing is superfluous and every detail serves a clear purpose.\n  <\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-19992-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-19992-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, authorship, and recognition<\/h3>\n<p>\n    The project was developed by <strong>Mubien<\/strong> studio, with audiovisual collaboration from <strong>FutureDeluxe<\/strong>, for the client <strong>AVATR<\/strong>. The result has been internationally recognized with the <strong>Site of the Day<\/strong> and <strong>Developer Award<\/strong> at Awwwards, underscoring its excellence in both design and technical execution.\n  <\/p>\n<p>\n    Creative direction was led by David Mubien, Younes Badi, and Marcus Chaloner, supported by a multidisciplinary team spanning UX\/UI, art direction, 3D, motion graphics, and frontend development\u2014reflecting the project\u2019s complexity and ambition.\n  <\/p>\n<div style=\"width: 1620px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-19992-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-19992-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>Visual design: luxury, contrast, and restraint<\/h3>\n<p>\n    Visually, the website relies on an extremely restrained color palette, primarily featuring two hues: a deep, dark shade (<strong>#242428<\/strong>) and an almost ethereal soft white (<strong>#EEEDF8<\/strong>). This choice enhances the sense of sophistication, precision, and exclusivity, steering clear of unnecessary embellishments.\n  <\/p>\n<p>\n    The interplay of light and dark is used narratively. Content emerges gradually, revealing the vehicle\u2019s surfaces, lines, and volumes as if in a digital exhibition. This approach aligns perfectly with the world of contemporary luxury, where suggestion and pacing are as vital as visual impact.\n  <\/p>\n<div style=\"width: 1620px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-19992-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-19992-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>Typography and editorial hierarchy<\/h3>\n<p>\n    Typography plays a key role in setting the tone of the experience. Generous text sizes, clear hierarchies, and smart use of white space create a calm, elegant reading flow\u2014perfectly aligned with the brand\u2019s premium positioning.\n  <\/p>\n<p>\n    There\u2019s no information overload. Content is presented in well-structured blocks, allowing users to absorb each message before moving on. This balance between editorial narrative and interactive rhythm is one of the project\u2019s greatest strengths.\n  <\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-19992-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-19992-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>Interaction, motion, and immersive experience<\/h3>\n<p>\n    One of AVATR Vision Xpectra\u2019s greatest achievements is its use of motion design as a narrative tool. Animations aren\u2019t just for show\u2014they support the brand story and reinforce the perception of advanced technology.\n  <\/p>\n<p>\n    Smooth scrolling, seamless transitions, and integrated 3D elements let users explore the vehicle from multiple angles. This interaction creates a sense of control and discovery, forging an emotional connection that turns visitors from passive viewers into active participants.\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>The website as an experience, not just a showcase<\/h3>\n<p>\n    Unlike many product websites, this one doesn\u2019t push for immediate conversion. The goal is different: to build desire, convey vision, and position AVATR as a brand setting the pace in electric luxury. The site serves as a digital manifesto\u2014a statement of intent.\n  <\/p>\n<p>\n    This approach is especially relevant for high-end digital branding projects, where experience comes before product and perception is as important as technical specification.\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 and development: technology in service of emotion<\/h3>\n<p>\n    Despite the project\u2019s visual and technical complexity, performance was a top priority. Load times are fast, animations are smooth, and navigation remains stable across both desktop and mobile devices.\n  <\/p>\n<p>\n    The frontend development blends technical precision with creative sensitivity, proving that it\u2019s possible to build immersive experiences without sacrificing usability or performance. This balance is a key reason for the project\u2019s recognition at 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>Setting a new standard for premium brand web design<\/h3>\n<p>\n    AVATR Vision Xpectra sets a clear benchmark for how digital projects should be approached in sectors where design, innovation, and emotion are strategic pillars. It\u2019s not just about displaying a product, but about crafting a cohesive narrative at every touchpoint.\n  <\/p>\n<p>\n    Projects like this highlight the importance of working with expert web designers\u2014professionals who can truly understand a brand and translate it into aligned visual, technical, and narrative decisions.<\/p>\n<p>\n  <strong>Creator:<\/strong> Mubien<br \/>\n  <strong>Client:<\/strong> AVATR<br \/>\n  <strong>Awards:<\/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-19992-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>Conclusion: when web design drives the vision of the future<\/h3>\n<p>\n    The AVATR Vision Xpectra project proves that contemporary web design has moved far beyond its informational roots to become a strategic tool for branding and positioning. Through a carefully crafted, immersive, and technically flawless experience, the website amplifies the message of a brand determined to lead the future of luxury electric mobility.\n  <\/p>\n<p>\n    In an increasingly competitive digital landscape, projects like this set the bar and serve as a reference for studios and web agencies aiming to create memorable, coherent experiences aligned with the values of premium brands and innovative companies.\n  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>AVATR Vision Xpectra \u2014 Electric luxury reimagined as a digital experience In a landscape where electric automotive brands compete not only through technological innovation but also through storytelling, identity, and experience, the AVATR Vision Xpectra website stands out as a benchmark for how web design can amplify brand vision. This is not just about showcasing [&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-19992","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>Featured Website of the Week: 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\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Featured Website of the Week: AVATR Vision Xpectra by Mubien - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"AVATR Vision Xpectra \u2014 Electric luxury reimagined as a digital experience In a landscape where electric automotive brands compete not only through technological innovation but also through storytelling, identity, and experience, the AVATR Vision Xpectra website stands out as a benchmark for how web design can amplify brand vision. This is not just about showcasing [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-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-20T22:18:11+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=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Featured Website of the Week: AVATR Vision Xpectra by Mubien\",\"datePublished\":\"2025-12-15T07:21:05+00:00\",\"dateModified\":\"2026-04-20T22:18:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/\"},\"wordCount\":1032,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-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\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/\",\"name\":\"Featured Website of the Week: AVATR Vision Xpectra by Mubien - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-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-20T22:18:11+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-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\/en\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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":"Featured Website of the Week: 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\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/","og_locale":"en_US","og_type":"article","og_title":"Featured Website of the Week: AVATR Vision Xpectra by Mubien - Code Barcelona","og_description":"AVATR Vision Xpectra \u2014 Electric luxury reimagined as a digital experience In a landscape where electric automotive brands compete not only through technological innovation but also through storytelling, identity, and experience, the AVATR Vision Xpectra website stands out as a benchmark for how web design can amplify brand vision. This is not just about showcasing [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/","og_site_name":"Code Barcelona","article_published_time":"2025-12-15T07:21:05+00:00","article_modified_time":"2026-04-20T22:18:11+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":{"Written by":"cd26Bc","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Featured Website of the Week: AVATR Vision Xpectra by Mubien","datePublished":"2025-12-15T07:21:05+00:00","dateModified":"2026-04-20T22:18:11+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/"},"wordCount":1032,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-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":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/","url":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/","name":"Featured Website of the Week: AVATR Vision Xpectra by Mubien - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-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-20T22:18:11+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-mubien\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-avatr-vision-xpectra-by-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\/en\/#website","url":"https:\/\/codewebbarcelona.com\/en\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"en-US","@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\/en\/wp-json\/wp\/v2\/posts\/19992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/comments?post=19992"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/19992\/revisions"}],"predecessor-version":[{"id":20018,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/19992\/revisions\/20018"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/1166"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=19992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=19992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}