{"id":6448,"date":"2019-10-18T16:35:33","date_gmt":"2019-10-18T14:35:33","guid":{"rendered":"https:\/\/prefrontalcortex.de\/?post_type=projects&#038;p=6448"},"modified":"2025-05-08T13:25:26","modified_gmt":"2025-05-08T11:25:26","slug":"smart-city","status":"publish","type":"projects","link":"https:\/\/prefrontalcortex.de\/en\/projects\/smart-city\/","title":{"rendered":"Smart City"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\"> An urban scenery turns into an interactive catalogue of construction materials <\/h4>\n\n\n\n<p>The fictional metropolis &#8220;Smart City&#8221; combines high-rise buildings, housing estates, road networks and industrial construction projects on a virtual map. Thus it provides a detailed overview of the wide-ranging repertoire of the construction materials giant Holcim. As one of the largest manufacturers of building materials in the world, the Swiss company has a rich portfolio of products, services and business solutions, presented for the first time in an interactive application.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"video-container\"><iframe loading=\"lazy\" title=\"20190911 - LarfargeHolcim - Interactive City\" width=\"907\" height=\"510\" src=\"https:\/\/www.youtube.com\/embed\/76raU0clGYs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p>In collaboration with the various departments of the multinational corporation, we were able to collect all information about Holcim&#8217;s business areas and formatted it in order to present it in a clear and illustrative manner. Text and image content is underlined by fitting 3D models, which needed to be not only of high visual quality but also factually correct. Each business area within the application has its corresponding individual building or building complex in order to ensure this level of accuracy.<\/p>\n\n\n\n<p>The Smart City is modular in its design and can therefore be individualized for many purposes, e.g. for the presentation of country-specific information and business areas, or for the different presentation requirements at trade fairs as well as its usage during consulting and sales meetings. Although the application was primarily developed for desktop PCs with touch monitors, the positive feedback from early users has already ensured that further versions for web and mobile devices are in the making.<\/p>\n\n\n\n<model-viewer ar=\"\" auto-rotate=\"\" autoplay=\"\" camera-controls=\"\" camera-orbit=\"180deg 75deg 80%\" background-color=\"#ffffff00\" exposure=\"2\" environment-image=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/04\/SmartCity_Env.jpg\" src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/InstitutionalBuildingsSimplygon.glb\" ios-src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/InstitutionalBuildings.usdz\" style=\"height:500px;\" shadow-intensity=\"1\"><\/model-viewer>\n\n\n\n<div id=\"gallery-block_11f7592f61813a840096b63e3ca99555\" class=\"gallery-block gallery-columns-2 gallery-size-medium \">\n<div class=\"gallery-item gallery-item--empty\"><\/div>\n\n      \n      <figure \n        id=\"gallery-block_11f7592f61813a840096b63e3ca99555-1\" \n        class=\"gallery-item gallery-icon landscape gallery-item__height  \"\n      >\n      \n      \n                <a\n            href=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_LVL1.jpg\"\n            class=\"no-barba\"\n            data-size=\"2560x1438\"\n            itemprop=\"contentUrl\"\n          >\n            <img decoding=\"async\" loading=\"lazy\"\n              src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_LVL1-481x270.jpg\"\n              class=\"attachment-medium\"\n              alt=\"\"\n              srcset=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_LVL1-481x270.jpg 481w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_LVL1-962x541.jpg 962w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_LVL1-1024x575.jpg 1024w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_LVL1-1814x1019.jpg 1814w\"\n              sizes=\"(max-width: 481px) 100vw, 428px\"\n              width=\"481\"\n              height=\"270\"\n            \/>\n            <style>\n              #gallery-block_11f7592f61813a840096b63e3ca99555-1:before {\n                 padding-top: 56.1330561331% \n              }<\/style>\n          <\/a>\n        \n              <\/figure>\n    \n      \n      <figure \n        id=\"gallery-block_11f7592f61813a840096b63e3ca99555-2\" \n        class=\"gallery-item gallery-icon landscape gallery-item__height  \"\n      >\n      \n      \n                <a\n            href=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_HighTraffic.jpg\"\n            class=\"no-barba\"\n            data-size=\"2560x1440\"\n            itemprop=\"contentUrl\"\n          >\n            <img decoding=\"async\" loading=\"lazy\"\n              src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_HighTraffic-481x271.jpg\"\n              class=\"attachment-medium\"\n              alt=\"\"\n              srcset=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_HighTraffic-481x271.jpg 481w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_HighTraffic-962x541.jpg 962w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_HighTraffic-1024x576.jpg 1024w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_HighTraffic-1814x1020.jpg 1814w\"\n              sizes=\"(max-width: 481px) 100vw, 428px\"\n              width=\"481\"\n              height=\"271\"\n            \/>\n            <style>\n              #gallery-block_11f7592f61813a840096b63e3ca99555-2:before {\n                 padding-top: 56.340956341% \n              }<\/style>\n          <\/a>\n        \n              <\/figure>\n    \n      \n      <figure \n        id=\"gallery-block_11f7592f61813a840096b63e3ca99555-3\" \n        class=\"gallery-item gallery-icon landscape gallery-item__height  \"\n      >\n      \n      \n                <a\n            href=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Cafe.jpg\"\n            class=\"no-barba\"\n            data-size=\"2560x1440\"\n            itemprop=\"contentUrl\"\n          >\n            <img decoding=\"async\" loading=\"lazy\"\n              src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Cafe-481x271.jpg\"\n              class=\"attachment-medium\"\n              alt=\"\"\n              srcset=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Cafe-481x271.jpg 481w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Cafe-962x541.jpg 962w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Cafe-1024x576.jpg 1024w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Cafe-1814x1020.jpg 1814w\"\n              sizes=\"(max-width: 481px) 100vw, 428px\"\n              width=\"481\"\n              height=\"271\"\n            \/>\n            <style>\n              #gallery-block_11f7592f61813a840096b63e3ca99555-3:before {\n                 padding-top: 56.340956341% \n              }<\/style>\n          <\/a>\n        \n              <\/figure>\n    \n      \n      <figure \n        id=\"gallery-block_11f7592f61813a840096b63e3ca99555-4\" \n        class=\"gallery-item gallery-icon landscape gallery-item__height  \"\n      >\n      \n      \n                <a\n            href=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Riverside.jpg\"\n            class=\"no-barba\"\n            data-size=\"2560x1440\"\n            itemprop=\"contentUrl\"\n          >\n            <img decoding=\"async\" loading=\"lazy\"\n              src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Riverside-481x271.jpg\"\n              class=\"attachment-medium\"\n              alt=\"\"\n              srcset=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Riverside-481x271.jpg 481w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Riverside-962x541.jpg 962w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Riverside-1024x576.jpg 1024w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Riverside-1814x1020.jpg 1814w\"\n              sizes=\"(max-width: 481px) 100vw, 428px\"\n              width=\"481\"\n              height=\"271\"\n            \/>\n            <style>\n              #gallery-block_11f7592f61813a840096b63e3ca99555-4:before {\n                 padding-top: 56.340956341% \n              }<\/style>\n          <\/a>\n        \n              <\/figure>\n    \n      \n      <figure \n        id=\"gallery-block_11f7592f61813a840096b63e3ca99555-5\" \n        class=\"gallery-item gallery-icon landscape gallery-item__height gallery-item__full-width \"\n      >\n      \n      \n                <a\n            href=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/LOU_8164.jpg\"\n            class=\"no-barba\"\n            data-size=\"3360x2240\"\n            itemprop=\"contentUrl\"\n          >\n            <img decoding=\"async\" loading=\"lazy\"\n              src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/LOU_8164-481x321.jpg\"\n              class=\"attachment-medium\"\n              alt=\"\"\n              srcset=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/LOU_8164-481x321.jpg 481w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/LOU_8164-962x641.jpg 962w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/LOU_8164-1024x683.jpg 1024w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/LOU_8164-1814x1209.jpg 1814w\"\n              sizes=\"(max-width: 481px) 100vw, 1000px\"\n              width=\"481\"\n              height=\"321\"\n            \/>\n            <style>\n              #gallery-block_11f7592f61813a840096b63e3ca99555-5:before {\n                 padding-top: 66.735966736% \n              }<\/style>\n          <\/a>\n        \n              <\/figure>\n    \n      \n      <figure \n        id=\"gallery-block_11f7592f61813a840096b63e3ca99555-6\" \n        class=\"gallery-item gallery-icon landscape gallery-item__height  \"\n      >\n      \n      \n                <a\n            href=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Roads.jpg\"\n            class=\"no-barba\"\n            data-size=\"2560x1440\"\n            itemprop=\"contentUrl\"\n          >\n            <img decoding=\"async\" loading=\"lazy\"\n              src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Roads-481x271.jpg\"\n              class=\"attachment-medium\"\n              alt=\"\"\n              srcset=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Roads-481x271.jpg 481w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Roads-962x541.jpg 962w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Roads-1024x576.jpg 1024w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Roads-1814x1020.jpg 1814w\"\n              sizes=\"(max-width: 481px) 100vw, 428px\"\n              width=\"481\"\n              height=\"271\"\n            \/>\n            <style>\n              #gallery-block_11f7592f61813a840096b63e3ca99555-6:before {\n                 padding-top: 56.340956341% \n              }<\/style>\n          <\/a>\n        \n              <\/figure>\n    \n      \n      <figure \n        id=\"gallery-block_11f7592f61813a840096b63e3ca99555-7\" \n        class=\"gallery-item gallery-icon landscape gallery-item__height  \"\n      >\n      \n      \n                <a\n            href=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_LVL1_info.jpg\"\n            class=\"no-barba\"\n            data-size=\"2560x1438\"\n            itemprop=\"contentUrl\"\n          >\n            <img decoding=\"async\" loading=\"lazy\"\n              src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_LVL1_info-481x270.jpg\"\n              class=\"attachment-medium\"\n              alt=\"\"\n              srcset=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_LVL1_info-481x270.jpg 481w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_LVL1_info-962x541.jpg 962w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_LVL1_info-1024x575.jpg 1024w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_LVL1_info-1814x1019.jpg 1814w\"\n              sizes=\"(max-width: 481px) 100vw, 428px\"\n              width=\"481\"\n              height=\"270\"\n            \/>\n            <style>\n              #gallery-block_11f7592f61813a840096b63e3ca99555-7:before {\n                 padding-top: 56.1330561331% \n              }<\/style>\n          <\/a>\n        \n              <\/figure>\n    \n      \n      <figure \n        id=\"gallery-block_11f7592f61813a840096b63e3ca99555-8\" \n        class=\"gallery-item gallery-icon landscape gallery-item__height gallery-item__full-width \"\n      >\n      \n      \n                <a\n            href=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/movement.jpg\"\n            class=\"no-barba\"\n            data-size=\"2560x1025\"\n            itemprop=\"contentUrl\"\n          >\n            <img decoding=\"async\" loading=\"lazy\"\n              src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/movement-481x193.jpg\"\n              class=\"attachment-medium\"\n              alt=\"\"\n              srcset=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/movement-481x193.jpg 481w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/movement-962x385.jpg 962w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/movement-1024x410.jpg 1024w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/movement-1814x726.jpg 1814w\"\n              sizes=\"(max-width: 481px) 100vw, 1000px\"\n              width=\"481\"\n              height=\"193\"\n            \/>\n            <style>\n              #gallery-block_11f7592f61813a840096b63e3ca99555-8:before {\n                 padding-top: 40.1247401247% \n              }<\/style>\n          <\/a>\n        \n              <\/figure>\n    <\/div>\n\n<script type=\"text\/javascript\">\n  \/\/ console.log('start here delayed');\n  (function loadStuff() {\n    var loader = setInterval(function() {\n      if(typeof loadGalleryBlock === 'function') {\n        clearInterval(loader);\n        loadGalleryBlock('gallery-block_11f7592f61813a840096b63e3ca99555');\n      }\n    }, 80);\n\n    jQuery(window).on(\"load\", function () {\n      \/\/ console.log('start load');\n      loadGalleryBlock('gallery-block_11f7592f61813a840096b63e3ca99555'); \n    });\n  })();\n<\/script>\n\n\n<h4 class=\"wp-block-heading\">The &#8220;green&#8221; city online<\/h4>\n\n\n\n<p>Although the Smart City was developed primarily for desktop PCs with touch monitors, the positive response from initial users has led to the creation of a spin-off for the Holcim website in November 2020, which focuses entirely on the sustainability of products and services.<br>In a visually and conceptually adapted version, interested users can now explore the three-dimensional &#8220;Green City&#8221; on their own computer and even on their smartphone.<\/p>\n\n\n\n<p>A demo of the web application (without text content on the buildings) can be found <a href=\"https:\/\/prefrontalcortex.de\/labs\/lafarge-holcim\/greencity\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<div id=\"gallery-block_9adc1fe184ec52335cb7cd84cccfdff9\" class=\"gallery-block gallery-columns-2 gallery-size-medium \">\n<div class=\"gallery-item gallery-item--empty\"><\/div>\n\n      \n      <figure \n        id=\"gallery-block_9adc1fe184ec52335cb7cd84cccfdff9-1\" \n        class=\"gallery-item gallery-icon landscape gallery-item__height gallery-item__full-width \"\n      >\n      \n      \n                <a\n            href=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/LafargeWeb-scaled.jpg\"\n            class=\"no-barba\"\n            data-size=\"2560x1306\"\n            itemprop=\"contentUrl\"\n          >\n            <img decoding=\"async\" loading=\"lazy\"\n              src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/LafargeWeb-481x245.jpg\"\n              class=\"attachment-medium\"\n              alt=\"\"\n              srcset=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/LafargeWeb-481x245.jpg 481w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/LafargeWeb-962x491.jpg 962w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/LafargeWeb-1024x522.jpg 1024w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/LafargeWeb-1814x926.jpg 1814w\"\n              sizes=\"(max-width: 481px) 100vw, 1000px\"\n              width=\"481\"\n              height=\"245\"\n            \/>\n            <style>\n              #gallery-block_9adc1fe184ec52335cb7cd84cccfdff9-1:before {\n                 padding-top: 50.9355509356% \n              }<\/style>\n          <\/a>\n        \n              <\/figure>\n    <\/div>\n\n<script type=\"text\/javascript\">\n  \/\/ console.log('start here delayed');\n  (function loadStuff() {\n    var loader = setInterval(function() {\n      if(typeof loadGalleryBlock === 'function') {\n        clearInterval(loader);\n        loadGalleryBlock('gallery-block_9adc1fe184ec52335cb7cd84cccfdff9');\n      }\n    }, 80);\n\n    jQuery(window).on(\"load\", function () {\n      \/\/ console.log('start load');\n      loadGalleryBlock('gallery-block_9adc1fe184ec52335cb7cd84cccfdff9'); \n    });\n  })();\n<\/script>\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"video-container\"><iframe loading=\"lazy\" title=\"20200701 - LafargeHolcim - Keyproducts Green\" width=\"907\" height=\"510\" src=\"https:\/\/www.youtube.com\/embed\/9gkotMUbEEM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Behind The Scenes<\/h4>\n\n\n\n<div id=\"gallery-block_1a7770fe594dfec6a520b437a76dae8c\" class=\"gallery-block gallery-columns-2 gallery-size-medium \">\n<div class=\"gallery-item gallery-item--empty\"><\/div>\n\n      \n      <figure \n        id=\"gallery-block_1a7770fe594dfec6a520b437a76dae8c-1\" \n        class=\"gallery-item gallery-icon landscape gallery-item__height gallery-item__full-width \"\n      >\n      \n      \n                <a\n            href=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Tiles.mp4\"\n            class=\"no-barba\"\n            data-size=\"100x100\"\n            data-type=\"video\"\n            data-mute=\"true\" \n          >\n            <video\n              class=\"attachment-medium size-medium\"\n              src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2020\/03\/SmartCity_Tiles.mp4\"\n              autoplay playsinline              loop\n              muted\n       \n                                poster=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Kacheln_BTS_Thumbnail-481x271.jpg\">\n                          <\/video>\n                        <style>\n              #gallery-block_1a7770fe594dfec6a520b437a76dae8c-1:before {\n                 padding-top: 56.340956341% \n              }\n            <\/style>\n                      <\/a>\n        \n              <\/figure>\n    \n      \n      <figure \n        id=\"gallery-block_1a7770fe594dfec6a520b437a76dae8c-2\" \n        class=\"gallery-item gallery-icon landscape gallery-item__height  \"\n      >\n      \n      \n                <a\n            href=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Version_02_Opener.png\"\n            class=\"no-barba\"\n            data-size=\"2732x2048\"\n            itemprop=\"contentUrl\"\n          >\n            <img decoding=\"async\" loading=\"lazy\"\n              src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Version_02_Opener-481x361.png\"\n              class=\"attachment-medium\"\n              alt=\"\"\n              srcset=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Version_02_Opener-481x361.png 481w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Version_02_Opener-962x721.png 962w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Version_02_Opener-1024x768.png 1024w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Version_02_Opener-1814x1360.png 1814w\"\n              sizes=\"(max-width: 481px) 100vw, 428px\"\n              width=\"481\"\n              height=\"361\"\n            \/>\n            <style>\n              #gallery-block_1a7770fe594dfec6a520b437a76dae8c-2:before {\n                 padding-top: 75.051975052% \n              }<\/style>\n          <\/a>\n        \n              <\/figure>\n    \n      \n      <figure \n        id=\"gallery-block_1a7770fe594dfec6a520b437a76dae8c-3\" \n        class=\"gallery-item gallery-icon landscape gallery-item__height  \"\n      >\n      \n      \n                <a\n            href=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/BTS_Sketches_01.jpg\"\n            class=\"no-barba\"\n            data-size=\"2560x1919\"\n            itemprop=\"contentUrl\"\n          >\n            <img decoding=\"async\" loading=\"lazy\"\n              src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/BTS_Sketches_01-481x361.jpg\"\n              class=\"attachment-medium\"\n              alt=\"\"\n              srcset=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/BTS_Sketches_01-481x361.jpg 481w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/BTS_Sketches_01-962x721.jpg 962w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/BTS_Sketches_01-1024x768.jpg 1024w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/BTS_Sketches_01-1814x1360.jpg 1814w\"\n              sizes=\"(max-width: 481px) 100vw, 428px\"\n              width=\"481\"\n              height=\"361\"\n            \/>\n            <style>\n              #gallery-block_1a7770fe594dfec6a520b437a76dae8c-3:before {\n                 padding-top: 75.051975052% \n              }<\/style>\n          <\/a>\n        \n              <\/figure>\n    \n      \n      <figure \n        id=\"gallery-block_1a7770fe594dfec6a520b437a76dae8c-4\" \n        class=\"gallery-item gallery-icon landscape gallery-item__height gallery-item__full-width gallery-item__height\"\n      >\n      \n      \n                <a\n            href=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Version_01_Heroes-3840x1538.jpg\"\n            class=\"no-barba\"\n            data-size=\"3840x1538\"\n            itemprop=\"contentUrl\"\n          >\n            <img decoding=\"async\" loading=\"lazy\"\n              src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Version_01_Heroes-481x193.jpg\"\n              class=\"attachment-medium\"\n              alt=\"\"\n              srcset=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Version_01_Heroes-481x193.jpg 481w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Version_01_Heroes-962x385.jpg 962w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Version_01_Heroes-1024x410.jpg 1024w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Version_01_Heroes-1814x727.jpg 1814w\"\n              sizes=\"(max-width: 481px) 100vw, 1000px\"\n              width=\"481\"\n              height=\"193\"\n            \/>\n            <style>\n              #gallery-block_1a7770fe594dfec6a520b437a76dae8c-4:before {\n                 padding-top: 44% \n              }<\/style>\n          <\/a>\n        \n              <\/figure>\n    \n      \n      <figure \n        id=\"gallery-block_1a7770fe594dfec6a520b437a76dae8c-5\" \n        class=\"gallery-item gallery-icon landscape gallery-item__height  \"\n      >\n      \n      \n                <a\n            href=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Tiles_v01.jpg\"\n            class=\"no-barba\"\n            data-size=\"2560x1919\"\n            itemprop=\"contentUrl\"\n          >\n            <img decoding=\"async\" loading=\"lazy\"\n              src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Tiles_v01-481x361.jpg\"\n              class=\"attachment-medium\"\n              alt=\"\"\n              srcset=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Tiles_v01-481x361.jpg 481w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Tiles_v01-962x721.jpg 962w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Tiles_v01-1024x768.jpg 1024w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Tiles_v01-1814x1360.jpg 1814w\"\n              sizes=\"(max-width: 481px) 100vw, 428px\"\n              width=\"481\"\n              height=\"361\"\n            \/>\n            <style>\n              #gallery-block_1a7770fe594dfec6a520b437a76dae8c-5:before {\n                 padding-top: 75.051975052% \n              }<\/style>\n          <\/a>\n        \n              <\/figure>\n    \n      \n      <figure \n        id=\"gallery-block_1a7770fe594dfec6a520b437a76dae8c-6\" \n        class=\"gallery-item gallery-icon landscape gallery-item__height  \"\n      >\n      \n      \n                <a\n            href=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Tiles_v03.jpg\"\n            class=\"no-barba\"\n            data-size=\"2560x1919\"\n            itemprop=\"contentUrl\"\n          >\n            <img decoding=\"async\" loading=\"lazy\"\n              src=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Tiles_v03-481x361.jpg\"\n              class=\"attachment-medium\"\n              alt=\"\"\n              srcset=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Tiles_v03-481x361.jpg 481w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Tiles_v03-962x721.jpg 962w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Tiles_v03-1024x768.jpg 1024w, https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Tiles_v03-1814x1360.jpg 1814w\"\n              sizes=\"(max-width: 481px) 100vw, 428px\"\n              width=\"481\"\n              height=\"361\"\n            \/>\n            <style>\n              #gallery-block_1a7770fe594dfec6a520b437a76dae8c-6:before {\n                 padding-top: 75.051975052% \n              }<\/style>\n          <\/a>\n        \n              <\/figure>\n    <\/div>\n\n<script type=\"text\/javascript\">\n  \/\/ console.log('start here delayed');\n  (function loadStuff() {\n    var loader = setInterval(function() {\n      if(typeof loadGalleryBlock === 'function') {\n        clearInterval(loader);\n        loadGalleryBlock('gallery-block_1a7770fe594dfec6a520b437a76dae8c');\n      }\n    }, 80);\n\n    jQuery(window).on(\"load\", function () {\n      \/\/ console.log('start load');\n      loadGalleryBlock('gallery-block_1a7770fe594dfec6a520b437a76dae8c'); \n    });\n  })();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>An urban scenery turns into an interactive catalogue of construction materials The fictional metropolis &#8220;Smart City&#8221; combines high-rise buildings, housing estates, road networks and industrial construction projects on a virtual map. Thus it provides a detailed overview of the wide-ranging repertoire of the construction materials giant Holcim. As one of the largest manufacturers of building&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/prefrontalcortex.de\/en\/projects\/smart-city\/\" title=\"Read Smart City\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":8,"featured_media":6205,"comment_status":"open","ping_status":"open","template":"","meta":{"inline_featured_image":false},"tools":[112,111,73,18,110,27],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Smart City - Prefrontal Cortex<\/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:\/\/prefrontalcortex.de\/en\/projects\/smart-city\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Smart City - Prefrontal Cortex\" \/>\n<meta property=\"og:description\" content=\"An urban scenery turns into an interactive catalogue of construction materials The fictional metropolis &#8220;Smart City&#8221; combines high-rise buildings, housing estates, road networks and industrial construction projects on a virtual map. Thus it provides a detailed overview of the wide-ranging repertoire of the construction materials giant Holcim. As one of the largest manufacturers of building... Read more &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/prefrontalcortex.de\/en\/projects\/smart-city\/\" \/>\n<meta property=\"og:site_name\" content=\"Prefrontal Cortex\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-08T11:25:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Kachel_06.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1175\" \/>\n\t<meta property=\"og:image:height\" content=\"2160\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/prefrontalcortex.de\/en\/projects\/smart-city\/\",\"url\":\"https:\/\/prefrontalcortex.de\/en\/projects\/smart-city\/\",\"name\":\"Smart City - Prefrontal Cortex\",\"isPartOf\":{\"@id\":\"https:\/\/prefrontalcortex.de\/#website\"},\"datePublished\":\"2019-10-18T14:35:33+00:00\",\"dateModified\":\"2025-05-08T11:25:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/prefrontalcortex.de\/en\/projects\/smart-city\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/prefrontalcortex.de\/en\/projects\/smart-city\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/prefrontalcortex.de\/en\/projects\/smart-city\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/prefrontalcortex.de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Smart City\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/prefrontalcortex.de\/#website\",\"url\":\"https:\/\/prefrontalcortex.de\/\",\"name\":\"Prefrontal Cortex\",\"description\":\"experience. design. future.\",\"publisher\":{\"@id\":\"https:\/\/prefrontalcortex.de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/prefrontalcortex.de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/prefrontalcortex.de\/#organization\",\"name\":\"Prefrontal Cortex\",\"url\":\"https:\/\/prefrontalcortex.de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/prefrontalcortex.de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2017\/10\/Homepage-Logo.png\",\"contentUrl\":\"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2017\/10\/Homepage-Logo.png\",\"width\":800,\"height\":800,\"caption\":\"Prefrontal Cortex\"},\"image\":{\"@id\":\"https:\/\/prefrontalcortex.de\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Smart City - Prefrontal Cortex","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:\/\/prefrontalcortex.de\/en\/projects\/smart-city\/","og_locale":"en_US","og_type":"article","og_title":"Smart City - Prefrontal Cortex","og_description":"An urban scenery turns into an interactive catalogue of construction materials The fictional metropolis &#8220;Smart City&#8221; combines high-rise buildings, housing estates, road networks and industrial construction projects on a virtual map. Thus it provides a detailed overview of the wide-ranging repertoire of the construction materials giant Holcim. As one of the largest manufacturers of building... Read more &raquo;","og_url":"https:\/\/prefrontalcortex.de\/en\/projects\/smart-city\/","og_site_name":"Prefrontal Cortex","article_modified_time":"2025-05-08T11:25:26+00:00","og_image":[{"width":1175,"height":2160,"url":"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2019\/10\/projects\/Kachel_06.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/prefrontalcortex.de\/en\/projects\/smart-city\/","url":"https:\/\/prefrontalcortex.de\/en\/projects\/smart-city\/","name":"Smart City - Prefrontal Cortex","isPartOf":{"@id":"https:\/\/prefrontalcortex.de\/#website"},"datePublished":"2019-10-18T14:35:33+00:00","dateModified":"2025-05-08T11:25:26+00:00","breadcrumb":{"@id":"https:\/\/prefrontalcortex.de\/en\/projects\/smart-city\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/prefrontalcortex.de\/en\/projects\/smart-city\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/prefrontalcortex.de\/en\/projects\/smart-city\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/prefrontalcortex.de\/"},{"@type":"ListItem","position":2,"name":"Smart City"}]},{"@type":"WebSite","@id":"https:\/\/prefrontalcortex.de\/#website","url":"https:\/\/prefrontalcortex.de\/","name":"Prefrontal Cortex","description":"experience. design. future.","publisher":{"@id":"https:\/\/prefrontalcortex.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/prefrontalcortex.de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/prefrontalcortex.de\/#organization","name":"Prefrontal Cortex","url":"https:\/\/prefrontalcortex.de\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/prefrontalcortex.de\/#\/schema\/logo\/image\/","url":"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2017\/10\/Homepage-Logo.png","contentUrl":"https:\/\/prefrontalcortex.de\/wp-content\/uploads\/2017\/10\/Homepage-Logo.png","width":800,"height":800,"caption":"Prefrontal Cortex"},"image":{"@id":"https:\/\/prefrontalcortex.de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/prefrontalcortex.de\/en\/wp-json\/wp\/v2\/projects\/6448"}],"collection":[{"href":"https:\/\/prefrontalcortex.de\/en\/wp-json\/wp\/v2\/projects"}],"about":[{"href":"https:\/\/prefrontalcortex.de\/en\/wp-json\/wp\/v2\/types\/projects"}],"author":[{"embeddable":true,"href":"https:\/\/prefrontalcortex.de\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/prefrontalcortex.de\/en\/wp-json\/wp\/v2\/comments?post=6448"}],"version-history":[{"count":18,"href":"https:\/\/prefrontalcortex.de\/en\/wp-json\/wp\/v2\/projects\/6448\/revisions"}],"predecessor-version":[{"id":11659,"href":"https:\/\/prefrontalcortex.de\/en\/wp-json\/wp\/v2\/projects\/6448\/revisions\/11659"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prefrontalcortex.de\/en\/wp-json\/wp\/v2\/media\/6205"}],"wp:attachment":[{"href":"https:\/\/prefrontalcortex.de\/en\/wp-json\/wp\/v2\/media?parent=6448"}],"wp:term":[{"taxonomy":"tools","embeddable":true,"href":"https:\/\/prefrontalcortex.de\/en\/wp-json\/wp\/v2\/tools?post=6448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}