{"id":1560,"date":"2025-09-05T10:10:29","date_gmt":"2025-09-05T07:10:29","guid":{"rendered":"https:\/\/bigart-vet.eu\/?page_id=1560"},"modified":"2026-08-21T13:52:41","modified_gmt":"2026-08-21T10:52:41","slug":"use-of-3d-virtual-environments-in-big-art","status":"publish","type":"page","link":"https:\/\/bigart-vet.eu\/?page_id=1560","title":{"rendered":"Use of 3D virtual environments in BIG ART"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* Hide page title bar on About page *\/\n.page-id-1560 .header-post-title-container,\n.page-id-1560 .page-header,\n.page-id-1650 .entry-header {\n    display: none !important;\n}\n<\/style>\n\n<style>\n\/* =========================================================\n   BIG ART \u2014 3D VIRTUAL ENVIRONMENTS\n========================================================= *\/\n\n.bigart-3d {\n    --navy: #172554;\n    --blue: #2f4fb3;\n    --cyan: #23b7d6;\n    --yellow: #f2c94c;\n    --text: #334155;\n    --muted: #667085;\n    --soft: #f7f9fc;\n    --line: #e4e9f2;\n\n    width: 100%;\n    max-width: 1180px;\n    margin: 0 auto 50px;\n    color: var(--text);\n    font-family: inherit;\n}\n\n.bigart-3d *,\n.bigart-3d *::before,\n.bigart-3d *::after {\n    box-sizing: border-box;\n}\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.bigart-3d-hero {\n    position: relative;\n    overflow: hidden;\n\n    margin-bottom: 24px;\n    padding: 58px 54px;\n\n    border-radius: 24px;\n\n    background:\n        radial-gradient(\n            circle at 86% 15%,\n            rgba(35,183,214,.28),\n            transparent 29%\n        ),\n        radial-gradient(\n            circle at 10% 100%,\n            rgba(242,201,76,.12),\n            transparent 30%\n        ),\n        linear-gradient(\n            135deg,\n            #172554 0%,\n            #233875 52%,\n            #2f4fb3 100%\n        );\n\n    box-shadow: 0 18px 48px rgba(23,37,84,.15);\n}\n\n.bigart-3d-hero::after {\n    content: \"\";\n\n    position: absolute;\n    right: -70px;\n    bottom: -90px;\n\n    width: 280px;\n    height: 280px;\n\n    border: 1px solid rgba(255,255,255,.10);\n    border-radius: 50%;\n\n    box-shadow:\n        0 0 0 35px rgba(255,255,255,.025),\n        0 0 0 70px rgba(255,255,255,.018);\n}\n\n.bigart-3d-kicker {\n    position: relative;\n    z-index: 2;\n\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n\n    margin-bottom: 18px;\n    padding: 7px 13px;\n\n    border: 1px solid rgba(255,255,255,.20);\n    border-radius: 999px;\n\n    background: rgba(255,255,255,.10);\n\n    color: #fff;\n\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: .8px;\n    text-transform: uppercase;\n}\n\n.bigart-3d-kicker::before {\n    content: \"\";\n\n    width: 8px;\n    height: 8px;\n\n    border-radius: 50%;\n\n    background: var(--cyan);\n\n    box-shadow: 0 0 0 5px rgba(35,183,214,.14);\n}\n\n.bigart-3d-hero h1 {\n    position: relative;\n    z-index: 2;\n\n    max-width: 900px;\n\n    margin: 0 0 18px !important;\n\n    color: #fff !important;\n\n    font-size: clamp(38px,5vw,56px) !important;\n    line-height: 1.06 !important;\n    font-weight: 850 !important;\n}\n\n.bigart-3d-hero p {\n    position: relative;\n    z-index: 2;\n\n    max-width: 900px;\n    margin: 0 !important;\n\n    color: rgba(255,255,255,.88) !important;\n\n    font-size: 17px !important;\n    line-height: 1.75 !important;\n}\n\n\n\/* =========================================================\n   INTRODUCTION\n========================================================= *\/\n\n.bigart-3d-intro {\n    display: grid;\n    grid-template-columns: 1.15fr .85fr;\n    gap: 22px;\n\n    margin-bottom: 24px;\n}\n\n.bigart-3d-card {\n    padding: 32px;\n\n    border: 1px solid var(--line);\n    border-radius: 20px;\n\n    background: #fff;\n\n    box-shadow: 0 10px 30px rgba(23,37,84,.06);\n}\n\n.bigart-3d-card h2 {\n    margin: 0 0 14px !important;\n\n    color: var(--navy) !important;\n\n    font-size: 27px !important;\n    line-height: 1.2 !important;\n    font-weight: 850 !important;\n}\n\n.bigart-3d-card p {\n    margin: 0 !important;\n\n    color: var(--muted) !important;\n\n    font-size: 15px !important;\n    line-height: 1.8 !important;\n}\n\n\n\/* =========================================================\n   MATTERPORT CARD\n========================================================= *\/\n\n.bigart-matterport {\n    position: relative;\n    overflow: hidden;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    background:\n        radial-gradient(\n            circle at 90% 10%,\n            rgba(35,183,214,.16),\n            transparent 32%\n        ),\n        linear-gradient(\n            145deg,\n            #f8faff 0%,\n            #edf3ff 100%\n        );\n}\n\n.bigart-matterport::before {\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 5px;\n    height: 100%;\n\n    background:\n        linear-gradient(\n            180deg,\n            var(--blue),\n            var(--cyan)\n        );\n}\n\n.bigart-matterport-label {\n    display: inline-flex;\n\n    width: fit-content;\n\n    margin-bottom: 13px;\n    padding: 6px 10px;\n\n    border-radius: 999px;\n\n    background: #e7edff;\n    color: var(--blue);\n\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: .8px;\n    text-transform: uppercase;\n}\n\n.bigart-matterport h2 {\n    font-size: 24px !important;\n}\n\n.bigart-matterport-link {\n    display: inline-flex;\n    align-items: center;\n\n    width: fit-content;\n\n    margin-top: 20px;\n    padding: 11px 16px;\n\n    border-radius: 10px;\n\n    background: var(--blue);\n\n    color: #fff !important;\n\n    font-size: 13px;\n    font-weight: 800;\n\n    text-decoration: none !important;\n\n    transition:\n        transform .2s ease,\n        background-color .2s ease;\n}\n\n.bigart-matterport-link:hover {\n    transform: translateY(-2px);\n\n    background: var(--cyan);\n\n    color: var(--navy) !important;\n}\n\n\n\/* =========================================================\n   BENEFITS SECTION\n========================================================= *\/\n\n.bigart-3d-section {\n    margin-top: 24px;\n    padding: 36px 32px;\n\n    border-radius: 22px;\n\n    background: var(--soft);\n}\n\n.bigart-3d-section-head {\n    max-width: 760px;\n    margin-bottom: 25px;\n}\n\n.bigart-3d-eyebrow {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--blue);\n\n    font-size: 11px;\n    font-weight: 850;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n}\n\n.bigart-3d-section h2 {\n    margin: 0 0 10px !important;\n\n    color: var(--navy) !important;\n\n    font-size: 30px !important;\n    line-height: 1.2 !important;\n    font-weight: 850 !important;\n}\n\n.bigart-3d-section-head p {\n    margin: 0 !important;\n\n    color: var(--muted) !important;\n\n    font-size: 15px !important;\n    line-height: 1.7 !important;\n}\n\n\n\/* =========================================================\n   BENEFIT CARDS\n========================================================= *\/\n\n.bigart-3d-benefits {\n    display: grid;\n    grid-template-columns: repeat(3,minmax(0,1fr));\n    gap: 16px;\n}\n\n.bigart-3d-benefit {\n    padding: 24px;\n\n    border: 1px solid var(--line);\n    border-radius: 17px;\n\n    background: #fff;\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease,\n        border-color .2s ease;\n}\n\n.bigart-3d-benefit:hover {\n    transform: translateY(-4px);\n\n    border-color: #cbd5ea;\n\n    box-shadow: 0 14px 30px rgba(23,37,84,.09);\n}\n\n.bigart-3d-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 44px;\n    height: 44px;\n\n    margin-bottom: 16px;\n\n    border-radius: 13px;\n\n    background: #eef3ff;\n    color: var(--blue);\n\n    font-size: 13px;\n    font-weight: 900;\n}\n\n.bigart-3d-benefit:nth-child(2) .bigart-3d-icon {\n    background: #e9f9fc;\n    color: #168da6;\n}\n\n.bigart-3d-benefit:nth-child(3) .bigart-3d-icon {\n    background: #fff8da;\n    color: #987500;\n}\n\n.bigart-3d-benefit h3 {\n    margin: 0 0 9px !important;\n\n    color: var(--navy) !important;\n\n    font-size: 17px !important;\n    line-height: 1.3 !important;\n    font-weight: 800 !important;\n}\n\n.bigart-3d-benefit p {\n    margin: 0 !important;\n\n    color: var(--muted) !important;\n\n    font-size: 13.5px !important;\n    line-height: 1.65 !important;\n}\n\n\n\/* =========================================================\n   HOW IT IS USED\n========================================================= *\/\n\n.bigart-3d-uses {\n    display: grid;\n    grid-template-columns: repeat(4,minmax(0,1fr));\n    gap: 12px;\n}\n\n.bigart-3d-use {\n    position: relative;\n\n    padding: 21px 17px 19px;\n\n    border: 1px solid var(--line);\n    border-radius: 15px;\n\n    background: #fff;\n}\n\n.bigart-3d-use-number {\n    display: inline-flex;\n\n    margin-bottom: 11px;\n    padding: 5px 8px;\n\n    border-radius: 8px;\n\n    background: #eef3ff;\n    color: var(--blue);\n\n    font-size: 10px;\n    font-weight: 900;\n}\n\n.bigart-3d-use h3 {\n    margin: 0 0 7px !important;\n\n    color: var(--navy) !important;\n\n    font-size: 15px !important;\n    line-height: 1.3 !important;\n    font-weight: 800 !important;\n}\n\n.bigart-3d-use p {\n    margin: 0 !important;\n\n    color: var(--muted) !important;\n\n    font-size: 12.5px !important;\n    line-height: 1.6 !important;\n}\n\n\n\/* =========================================================\n   CLOSING \/ IMPACT\n========================================================= *\/\n\n.bigart-3d-impact {\n    position: relative;\n    overflow: hidden;\n\n    margin-top: 24px;\n    padding: 38px;\n\n    border-radius: 22px;\n\n    background:\n        radial-gradient(\n            circle at 90% 15%,\n            rgba(35,183,214,.22),\n            transparent 28%\n        ),\n        #172554;\n}\n\n.bigart-3d-impact::after {\n    content: \"3D\";\n\n    position: absolute;\n    right: 28px;\n    bottom: -20px;\n\n    color: rgba(255,255,255,.04);\n\n    font-size: 120px;\n    line-height: 1;\n    font-weight: 900;\n}\n\n.bigart-3d-impact h2 {\n    position: relative;\n    z-index: 2;\n\n    margin: 0 0 13px !important;\n\n    color: #fff !important;\n\n    font-size: 29px !important;\n    font-weight: 850 !important;\n}\n\n.bigart-3d-impact p {\n    position: relative;\n    z-index: 2;\n\n    max-width: 900px;\n\n    margin: 0 !important;\n\n    color: rgba(255,255,255,.87) !important;\n\n    font-size: 16px !important;\n    line-height: 1.75 !important;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media screen and (max-width: 950px) {\n\n    .bigart-3d-intro {\n        grid-template-columns: 1fr;\n    }\n\n    .bigart-3d-benefits {\n        grid-template-columns: 1fr 1fr;\n    }\n\n    .bigart-3d-uses {\n        grid-template-columns: 1fr 1fr;\n    }\n}\n\n@media screen and (max-width: 650px) {\n\n    .bigart-3d-hero {\n        padding: 38px 23px;\n        border-radius: 18px;\n    }\n\n    .bigart-3d-hero h1 {\n        font-size: 36px !important;\n    }\n\n    .bigart-3d-card,\n    .bigart-3d-section,\n    .bigart-3d-impact {\n        padding: 24px 21px;\n        border-radius: 17px;\n    }\n\n    .bigart-3d-benefits,\n    .bigart-3d-uses {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n\n\n<div class=\"bigart-3d\">\n\n    <!-- HERO -->\n    <section class=\"bigart-3d-hero\">\n\n        <div class=\"bigart-3d-kicker\">\n            Immersive Learning\n        <\/div>\n\n        <h1>3D Virtual Environments<\/h1>\n\n        <p>\n            BIG ART integrates 3D virtual environments into vocational\n            education, connecting digital exploration with real-world\n            training spaces and practical learning.\n        <\/p>\n\n    <\/section>\n\n\n    <!-- INTRO -->\n    <section class=\"bigart-3d-intro\">\n\n        <div class=\"bigart-3d-card\">\n\n            <h2>Bringing real spaces into digital learning<\/h2>\n\n            <p>\n                An important part of the BIG ART project is the integration\n                of <strong>3D virtual environments<\/strong> to support teaching\n                and training. Using digital platforms, partners create accurate\n                models of laboratories and real workspaces that can be explored\n                virtually by learners.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-3d-card bigart-matterport\">\n\n            <span class=\"bigart-matterport-label\">\n                Technology Platform\n            <\/span>\n\n            <h2>Powered by Matterport<\/h2>\n\n            <p>\n                Matterport technology enables the creation of immersive digital\n                representations of physical environments, helping BIG ART connect\n                vocational learning with real training and workplace settings.\n            <\/p>\n\n            <a class=\"bigart-matterport-link\" href=\"https:\/\/matterport.com\/\" target=\"_blank\" rel=\"noopener\">\n                Explore Matterport \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- BENEFITS -->\n    <section class=\"bigart-3d-section\">\n\n        <div class=\"bigart-3d-section-head\">\n\n            <span class=\"bigart-3d-eyebrow\">\n                Learning Benefits\n            <\/span>\n\n            <h2>Explore, prepare and learn safely<\/h2>\n\n            <p>\n                Virtual environments give learners new ways to understand\n                professional spaces before and during practical training.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-3d-benefits\">\n\n            <article class=\"bigart-3d-benefit\">\n\n                <div class=\"bigart-3d-icon\">01<\/div>\n\n                <h3>Safe Preparation<\/h3>\n\n                <p>\n                    Students can familiarise themselves with laboratories,\n                    equipment and workspaces before interacting with them\n                    in real-life training situations.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-3d-benefit\">\n\n                <div class=\"bigart-3d-icon\">02<\/div>\n\n                <h3>Self-Paced Exploration<\/h3>\n\n                <p>\n                    Learners can explore training environments at their own\n                    pace, revisit spaces and develop greater familiarity\n                    before practical activities.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-3d-benefit\">\n\n                <div class=\"bigart-3d-icon\">03<\/div>\n\n                <h3>Theory Meets Practice<\/h3>\n\n                <p>\n                    Interactive digital environments help connect classroom\n                    knowledge with real spaces, equipment and vocational\n                    applications.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- STUDENT PROJECTS -->\n    <section class=\"bigart-3d-section\">\n\n        <div class=\"bigart-3d-section-head\">\n\n            <span class=\"bigart-3d-eyebrow\">\n                Student Projects\n            <\/span>\n\n            <h2>More than a virtual visit<\/h2>\n\n            <p>\n                3D environments are also practical tools that students can use\n                throughout their own project work.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-3d-uses\">\n\n            <div class=\"bigart-3d-use\">\n                <div class=\"bigart-3d-use-number\">01<\/div>\n\n                <h3>Documentation<\/h3>\n\n                <p>\n                    Capturing and documenting real spaces and practical\n                    project environments.\n                <\/p>\n            <\/div>\n\n\n            <div class=\"bigart-3d-use\">\n                <div class=\"bigart-3d-use-number\">02<\/div>\n\n                <h3>Design<\/h3>\n\n                <p>\n                    Supporting the planning and development of student\n                    assignments and vocational projects.\n                <\/p>\n            <\/div>\n\n\n            <div class=\"bigart-3d-use\">\n                <div class=\"bigart-3d-use-number\">03<\/div>\n\n                <h3>Exploration<\/h3>\n\n                <p>\n                    Allowing learners to revisit and study real environments\n                    through an interactive digital experience.\n                <\/p>\n            <\/div>\n\n\n            <div class=\"bigart-3d-use\">\n                <div class=\"bigart-3d-use-number\">04<\/div>\n\n                <h3>Presentation<\/h3>\n\n                <p>\n                    Creating more engaging ways to present assignments,\n                    learning outcomes and project work.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- IMPACT -->\n    <section class=\"bigart-3d-impact\">\n\n        <h2>Modernising Vocational Education<\/h2>\n\n        <p>\n            Through this approach, BIG ART strengthens the modernisation of\n            vocational education by combining traditional teaching methods\n            with innovative digital tools, ensuring that learners are better\n            prepared, more engaged and better connected with real-world\n            vocational environments.\n        <\/p>\n\n    <\/section>\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Immersive Learning 3D Virtual Environments BIG ART integrates 3D virtual environments into vocational education, connecting digital exploration with real-world training spaces and practical learning. Bringing real spaces into digital learning An important part of the BIG ART project is the<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1560","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1560"}],"version-history":[{"count":4,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1560\/revisions"}],"predecessor-version":[{"id":2107,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1560\/revisions\/2107"}],"wp:attachment":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}