
{"id":12023,"date":"2025-12-15T16:16:14","date_gmt":"2025-12-15T15:16:14","guid":{"rendered":"https:\/\/studio.ican-design.fr\/?p=12023"},"modified":"2025-12-15T16:18:23","modified_gmt":"2025-12-15T15:18:23","slug":"vehicle-con%ef%ac%81gurator-animation-05","status":"publish","type":"post","link":"https:\/\/studio.ican-design.fr\/vehicle-con%ef%ac%81gurator-animation-05\/","title":{"rendered":"Vehicle Con\ufb01gurator Peugeot \/ Animation 05"},"content":{"rendered":"<p>An immersive and interactive vehicle con\ufb01gurator developed in virtual reality, showcasing the <em>Peugeot E-3008<\/em>.<\/p>\n<p><!--more--><\/p>\n<p>This project presents a real-time vehicle con\ufb01gurator for the Peugeot E-3008, set within a virtual environment. The user can interact with the vehicle and personalize key features including body paint, trim levels, and wheel types. while experiencing the car at full scale.<\/p>\n<p><strong>Design and production :<\/strong> Mohamad ITANI<\/p>\n<h2>Note of Intent<\/h2>\n<p><img decoding=\"async\" class=\"size-medium wp-image-12027 alignleft\" src=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/e3008peugeot01-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/e3008peugeot01-300x200.jpg 300w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/e3008peugeot01-1024x682.jpg 1024w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/e3008peugeot01-768x512.jpg 768w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/e3008peugeot01.jpg 1060w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>The aim of this project is to create an immersive vehicle con\ufb01gurator experience in virtual reality. The central objective is to allow users to dynamically discover the con\ufb01gurations offered by Peugeot for their E-3008 in an immersive and interactive manner. In this virtual world, the user can navigate in the showroom and interact with the vehicle. This experience highlights the potential of VR con\ufb01gurators as a powerful tool for automotive applications, particularly in digital showrooms. <a href=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/ITANIMohamad_DossierDeProduction.pdf\" target=\"_blank\" rel=\"noopener\">Production file<\/a><\/p>\n<h2>Vehicle Preparation Methodology<\/h2>\n<p><strong>Pre-Unreal Engine Import<br \/>\n<\/strong>The original 3D model of the vehicle was delivered in CAD format via Deltagen, which is not directly supported by Unreal Engine. In order to integrate the vehicle into Unreal Engine, the geometry had to be converted from surface-based CAD data to polygonal geometry using tessellation. The vehicle was carefully prepared using Autodesk Maya, ensuring no loss of data, including geometry, materials, and textures.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-12029 size-full\" src=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/e3008peugeot02.jpg\" alt=\"\" width=\"1368\" height=\"423\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/e3008peugeot02.jpg 1368w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/e3008peugeot02-300x93.jpg 300w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/e3008peugeot02-1024x317.jpg 1024w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/e3008peugeot02-768x237.jpg 768w\" sizes=\"(max-width: 1368px) 100vw, 1368px\" \/><\/p>\n<p><strong>Post-Unreal Engine Import<br \/>\n<\/strong>The optimized vehicle model was imported into Unreal Engine using the Interchange Pipeline due to the intuitive control it gives over the build settings of the assets that are being imported. After import, the vehicle\u2019s components were organized into modular Blueprints, allowing individual parts to be managed and controlled efficiently. <a href=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/ITANIMohamad_DossierDeProduction.pdf\" target=\"_blank\" rel=\"noopener\">Production file<\/a><\/p>\n<h3>Environment Building<\/h3>\n<p>The environment built around the vehicle is inspired by Peugeot\u2019s visual branding and common industry practices for vehicle presentation.<\/p>\n<ul>\n<li>The environment features the iconic Bonneville Salt Flats background that is commonly used in automotive projects for its minimalistic and neutral tones.<\/li>\n<li>The showroom contains a large LED display, projecting a soft pink hue across the vehicle, giving it a contemporary showroom effect.<\/li>\n<li>It also has a glass wall that provides a 360\u00b0 view of the Salt Flats background from within the showroom, making the environment appear more spacious.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-12033 size-full\" src=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/e3008peugeot03.jpg\" alt=\"\" width=\"947\" height=\"759\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/e3008peugeot03.jpg 947w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/e3008peugeot03-300x240.jpg 300w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/e3008peugeot03-768x616.jpg 768w\" sizes=\"(max-width: 947px) 100vw, 947px\" \/><\/p>\n<h2>Teaser &amp; Gameplay<\/h2>\n<p>The cinematic teaser for this project was produced using <em>Unreal Engine\u2019s Sequencer<\/em>. To achieve a higher visual fidelity than the VR experience, I employed the deferred shading pipeline and increased the resolution of shadows and reflections, and enabled Temporal Super Resolution (TSR) for enhanced anti-aliasing and image quality&#8230; The cinematic was rendered using the Movie Render Queue and subsequently composited in Adobe After Effects.<\/p>\n<p><iframe title=\"Vehicle Con\ufb01gurator E3008 Teaser \/ ICAN 2025\" width=\"660\" height=\"371\" src=\"https:\/\/www.youtube.com\/embed\/bi3NqMnlUwI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><iframe title=\"VR experience E3008 \/ ICAN \/ 2025\" width=\"660\" height=\"371\" src=\"https:\/\/www.youtube.com\/embed\/7EY9JrYAMqg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>An immersive and interactive vehicle con\ufb01gurator developed in virtual reality, showcasing the Peugeot E-3008.<\/p>\n","protected":false},"author":12,"featured_media":12047,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,322],"tags":[91,884,885,883],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Vehicle Con\ufb01gurator Peugeot \/ Animation 05 | Studio ICAN<\/title>\n<meta name=\"description\" content=\"An immersive and interactive vehicle con\ufb01gurator developed in virtual reality, showcasing the Peugeot E-3008.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studio.ican-design.fr\/vehicle-con\ufb01gurator-animation-05\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vehicle Con\ufb01gurator Peugeot \/ Animation 05 | Studio ICAN\" \/>\n<meta property=\"og:description\" content=\"An immersive and interactive vehicle con\ufb01gurator developed in virtual reality, showcasing the Peugeot E-3008.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studio.ican-design.fr\/vehicle-con\ufb01gurator-animation-05\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio ICAN\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-15T15:16:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-15T15:18:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/e3008peugeot000.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"510\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nicolas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nicolas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studio.ican-design.fr\/vehicle-con%ef%ac%81gurator-animation-05\/\",\"url\":\"https:\/\/studio.ican-design.fr\/vehicle-con%ef%ac%81gurator-animation-05\/\",\"name\":\"Vehicle Con\ufb01gurator Peugeot \/ Animation 05 | Studio ICAN\",\"isPartOf\":{\"@id\":\"https:\/\/studio.ican-design.fr\/#website\"},\"datePublished\":\"2025-12-15T15:16:14+00:00\",\"dateModified\":\"2025-12-15T15:18:23+00:00\",\"author\":{\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656\"},\"description\":\"An immersive and interactive vehicle con\ufb01gurator developed in virtual reality, showcasing the Peugeot E-3008.\",\"breadcrumb\":{\"@id\":\"https:\/\/studio.ican-design.fr\/vehicle-con%ef%ac%81gurator-animation-05\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studio.ican-design.fr\/vehicle-con%ef%ac%81gurator-animation-05\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studio.ican-design.fr\/vehicle-con%ef%ac%81gurator-animation-05\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/studio.ican-design.fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vehicle Con\ufb01gurator Peugeot \/ Animation 05\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/studio.ican-design.fr\/#website\",\"url\":\"https:\/\/studio.ican-design.fr\/\",\"name\":\"Studio ICAN\",\"description\":\"D\u00e9couvrez les projets des \u00e9tudiants de l&#039;ICAN  : cr\u00e9ation num\u00e9rique, animation, game design, web design, cr\u00e9ation web, motion design\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/studio.ican-design.fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656\",\"name\":\"Nicolas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g\",\"caption\":\"Nicolas\"},\"sameAs\":[\"https:\/\/www.behance.net\/nicolasgervais\"],\"url\":\"https:\/\/studio.ican-design.fr\/author\/cd4vf9u296\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vehicle Con\ufb01gurator Peugeot \/ Animation 05 | Studio ICAN","description":"An immersive and interactive vehicle con\ufb01gurator developed in virtual reality, showcasing the Peugeot E-3008.","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:\/\/studio.ican-design.fr\/vehicle-con\ufb01gurator-animation-05\/","og_locale":"fr_FR","og_type":"article","og_title":"Vehicle Con\ufb01gurator Peugeot \/ Animation 05 | Studio ICAN","og_description":"An immersive and interactive vehicle con\ufb01gurator developed in virtual reality, showcasing the Peugeot E-3008.","og_url":"https:\/\/studio.ican-design.fr\/vehicle-con\ufb01gurator-animation-05\/","og_site_name":"Studio ICAN","article_published_time":"2025-12-15T15:16:14+00:00","article_modified_time":"2025-12-15T15:18:23+00:00","og_image":[{"width":825,"height":510,"url":"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2025\/12\/e3008peugeot000.jpg","type":"image\/jpeg"}],"author":"Nicolas","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nicolas","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/studio.ican-design.fr\/vehicle-con%ef%ac%81gurator-animation-05\/","url":"https:\/\/studio.ican-design.fr\/vehicle-con%ef%ac%81gurator-animation-05\/","name":"Vehicle Con\ufb01gurator Peugeot \/ Animation 05 | Studio ICAN","isPartOf":{"@id":"https:\/\/studio.ican-design.fr\/#website"},"datePublished":"2025-12-15T15:16:14+00:00","dateModified":"2025-12-15T15:18:23+00:00","author":{"@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656"},"description":"An immersive and interactive vehicle con\ufb01gurator developed in virtual reality, showcasing the Peugeot E-3008.","breadcrumb":{"@id":"https:\/\/studio.ican-design.fr\/vehicle-con%ef%ac%81gurator-animation-05\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studio.ican-design.fr\/vehicle-con%ef%ac%81gurator-animation-05\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studio.ican-design.fr\/vehicle-con%ef%ac%81gurator-animation-05\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/studio.ican-design.fr\/"},{"@type":"ListItem","position":2,"name":"Vehicle Con\ufb01gurator Peugeot \/ Animation 05"}]},{"@type":"WebSite","@id":"https:\/\/studio.ican-design.fr\/#website","url":"https:\/\/studio.ican-design.fr\/","name":"Studio ICAN","description":"D\u00e9couvrez les projets des \u00e9tudiants de l&#039;ICAN  : cr\u00e9ation num\u00e9rique, animation, game design, web design, cr\u00e9ation web, motion design","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studio.ican-design.fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656","name":"Nicolas","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g","caption":"Nicolas"},"sameAs":["https:\/\/www.behance.net\/nicolasgervais"],"url":"https:\/\/studio.ican-design.fr\/author\/cd4vf9u296\/"}]}},"_links":{"self":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/12023"}],"collection":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/comments?post=12023"}],"version-history":[{"count":5,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/12023\/revisions"}],"predecessor-version":[{"id":12050,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/12023\/revisions\/12050"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/media\/12047"}],"wp:attachment":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/media?parent=12023"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/categories?post=12023"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/tags?post=12023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}