{"id":9908,"date":"2026-09-25T16:32:04","date_gmt":"2026-09-25T13:32:04","guid":{"rendered":"https:\/\/fourthedesign.gr\/en\/?page_id=9908"},"modified":"2026-09-30T12:03:22","modified_gmt":"2026-09-30T09:03:22","slug":"web-3d-real-estate-property-explorer","status":"publish","type":"page","link":"https:\/\/fourthedesign.gr\/en\/web-3d-real-estate-property-explorer\/","title":{"rendered":"web-3d-real-estate-property-explorer\/"},"content":{"rendered":"<div class=\"fd-case fd-enigma-case\" id=\"enigma-case-study\">\n<p><!-- ============================================================\n     HERO\n============================================================ --><\/p>\n<header class=\"fd-hero\">\n<div class=\"fd-hero__media\"><img decoding=\"async\" src=\"https:\/\/fourthedesign.com\/enigma\/images\/interactive-3d-sales-platform.webp\" alt=\"Interactive Web 3D real estate property sales platform developed by Fourthedesign\" data-parallax=\"26\" \/><\/div>\n<div class=\"fd-hero__scrim\"><\/div>\n<div class=\"fd-hero__grid\"><\/div>\n<div class=\"fd-hero__inner\">\n<div class=\"fd-wrap\">\n<p class=\"fd-hero__eyebrow\">Case study \u00b7 Web 3D \u00b7 Real estate \u00b7 PropTech<\/p>\n<div class=\"fd-hero__title\">Turn an entire property development into an<b> interactive sales platform.<\/b><\/div>\n<p class=\"fd-hero__sub\">A browser-based 3D real-estate experience connecting the masterplan, buildings, individual residences, interiors, management in one interactive environment.<\/p>\n<\/div>\n<\/div>\n<\/header>\n<section class=\"fd-facts\">\n<div class=\"fd-wrap\">\n<div class=\"fd-facts__grid\" data-reveal=\"\" data-stagger=\"\">\n<div class=\"fd-fact\">\n<p class=\"fd-fact__k\">\n                    Project\n                <\/p>\n<p class=\"fd-fact__v\">\n                    Enigma \u00b7 Interactive Real Estate Property Explorer\n                <\/p>\n<\/p><\/div>\n<div class=\"fd-fact\">\n<p class=\"fd-fact__k\">\n                    Year\n                <\/p>\n<p class=\"fd-fact__v\">\n                    2026\n                <\/p>\n<\/p><\/div>\n<div class=\"fd-fact\">\n<p class=\"fd-fact__k\">\n                    Industry\n                <\/p>\n<p class=\"fd-fact__v\">\n                    Real estate \u00b7 Property development \u00b7 PropTech\n                <\/p>\n<\/p><\/div>\n<div class=\"fd-fact\">\n<p class=\"fd-fact__k\">\n                    Platform\n                <\/p>\n<p class=\"fd-fact__v\">\n                    Web \u00b7 Desktop \u00b7 Tablet\n                <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- ====================================================\n             SERVICES \u2014 INLINE STYLING ONLY\n        ===================================================== --><\/p>\n<div data-reveal=\"\"\n            style=\"\n                display:block!important;\n                width:100%!important;\n                margin:36px 0 0!important;\n                padding:28px 0 0!important;\n                border-top:1px solid rgba(255,255,255,.12)!important;\n            \"\n        ><\/p>\n<p\n                style=\"\n                    display:block!important;\n                    margin:0 0 20px!important;\n                    padding:0!important;\n                    color:#8390a8!important;\n                    font-size:14px!important;\n                    font-weight:400!important;\n                    line-height:1.2!important;\n                    letter-spacing:.22em!important;\n                    text-transform:uppercase!important;\n                \"\n            ><br \/>\n                Services\n            <\/p>\n<div\n                style=\"\n                    display:flex!important;\n                    flex-direction:row!important;\n                    flex-wrap:wrap!important;\n                    align-items:center!important;\n                    justify-content:flex-start!important;\n                    gap:12px 14px!important;\n                    width:100%!important;\n                    margin:0!important;\n                    padding:0!important;\n                \"\n            ><\/p>\n<p>                <span style=\"\n                    display:inline-flex!important;\n                    align-items:center!important;\n                    justify-content:center!important;\n                    min-height:36px!important;\n                    padding:8px 14px!important;\n                    border:1px solid #343d4d!important;\n                    border-radius:999px!important;\n                    background:transparent!important;\n                    color:#e4e7ed!important;\n                    font-size:12px!important;\n                    line-height:1.2!important;\n                    white-space:nowrap!important;\n                \"><br \/>\n                    Web 3D development<br \/>\n                <\/span><\/p>\n<p>                <span style=\"\n                    display:inline-flex!important;\n                    align-items:center!important;\n                    justify-content:center!important;\n                    min-height:36px!important;\n                    padding:8px 14px!important;\n                    border:1px solid #343d4d!important;\n                    border-radius:999px!important;\n                    background:transparent!important;\n                    color:#e4e7ed!important;\n                    font-size:12px!important;\n                    line-height:1.2!important;\n                    white-space:nowrap!important;\n                \"><br \/>\n                    Real-time 3D visualization<br \/>\n                <\/span><\/p>\n<p>                <span style=\"\n                    display:inline-flex!important;\n                    align-items:center!important;\n                    justify-content:center!important;\n                    min-height:36px!important;\n                    padding:8px 14px!important;\n                    border:1px solid #343d4d!important;\n                    border-radius:999px!important;\n                    background:transparent!important;\n                    color:#e4e7ed!important;\n                    font-size:12px!important;\n                    line-height:1.2!important;\n                    white-space:nowrap!important;\n                \"><br \/>\n                    Architectural visualization<br \/>\n                <\/span><\/p>\n<p>                <span style=\"\n                    display:inline-flex!important;\n                    align-items:center!important;\n                    justify-content:center!important;\n                    min-height:36px!important;\n                    padding:8px 14px!important;\n                    border:1px solid #343d4d!important;\n                    border-radius:999px!important;\n                    background:transparent!important;\n                    color:#e4e7ed!important;\n                    font-size:12px!important;\n                    line-height:1.2!important;\n                    white-space:nowrap!important;\n                \"><br \/>\n                    Interactive property selection<br \/>\n                <\/span><\/p>\n<p>                <span style=\"\n                    display:inline-flex!important;\n                    align-items:center!important;\n                    justify-content:center!important;\n                    min-height:36px!important;\n                    padding:8px 14px!important;\n                    border:1px solid #343d4d!important;\n                    border-radius:999px!important;\n                    background:transparent!important;\n                    color:#e4e7ed!important;\n                    font-size:12px!important;\n                    line-height:1.2!important;\n                    white-space:nowrap!important;\n                \"><br \/>\n                    UI \/ UX design<br \/>\n                <\/span><\/p>\n<p>                <span style=\"\n                    display:inline-flex!important;\n                    align-items:center!important;\n                    justify-content:center!important;\n                    min-height:36px!important;\n                    padding:8px 14px!important;\n                    border:1px solid #343d4d!important;\n                    border-radius:999px!important;\n                    background:transparent!important;\n                    color:#e4e7ed!important;\n                    font-size:12px!important;\n                    line-height:1.2!important;\n                    white-space:nowrap!important;\n                \"><br \/>\n                    Property database integration<br \/>\n                <\/span><\/p>\n<p>                <span style=\"\n                    display:inline-flex!important;\n                    align-items:center!important;\n                    justify-content:center!important;\n                    min-height:36px!important;\n                    padding:8px 14px!important;\n                    border:1px solid #343d4d!important;\n                    border-radius:999px!important;\n                    background:transparent!important;\n                    color:#e4e7ed!important;\n                    font-size:12px!important;\n                    line-height:1.2!important;\n                    white-space:nowrap!important;\n                \"><br \/>\n                    Sales tools<br \/>\n                <\/span><\/p>\n<p>                <span style=\"\n                    display:inline-flex!important;\n                    align-items:center!important;\n                    justify-content:center!important;\n                    min-height:36px!important;\n                    padding:8px 14px!important;\n                    border:1px solid #343d4d!important;\n                    border-radius:999px!important;\n                    background:transparent!important;\n                    color:#e4e7ed!important;\n                    font-size:12px!important;\n                    line-height:1.2!important;\n                    white-space:nowrap!important;\n                \"><br \/>\n                    Web optimization<br \/>\n                <\/span><\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================================\n     CHALLENGE\n============================================================ --><\/p>\n<section class=\"fd-section fd-section--light fd-media-section\">\n<div class=\"fd-wrap\">\n<div class=\"fd-media-row fd-media-row--text-left\">\n<div class=\"fd-media-row__text\">\n<div class=\"fd-shead\" data-reveal=\"\">\n<p class=\"fd-eyebrow\">\n                        The challenge\n                    <\/p>\n<h2 class=\"fd-h2\">\n                        A property website shows listings. We wanted buyers<br \/>\n                        to understand the entire development.<br \/>\n                    <\/h2>\n<\/p><\/div>\n<div class=\"fd-prose\" data-reveal=\"\">\n<p>\n                        Selling an unbuilt or newly developed property usually<br \/>\n                        means asking buyers to move between architectural renders,<br \/>\n                        floor plans, price lists, PDFs and conventional property<br \/>\n                        listings.\n                    <\/p>\n<p>\n                        Each source contains useful information, but the spatial<br \/>\n                        relationship between them is often lost. Which apartment<br \/>\n                        is this? Where is it inside the development? Which floor<br \/>\n                        is it on? Which residences are still available?\n                    <\/p>\n<div class=\"fd-cta\" data-reveal=\"\" style=\"margin-top:28px!important; justify-content:flex-start!important;\">\n    <a\n        class=\"fd-btn fd-btn--primary\"\n        href=\"https:\/\/fourthedesign.com\/enigma\/\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n    ><br \/>\n        Explore live demo <span aria-hidden=\"true\"> <\/span><br \/>\n    <\/a>\n<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div\n                class=\"fd-media-row__image\"\n                style=\"\n                    height:auto!important;\n                    min-height:0!important;\n                    max-height:none!important;\n                    aspect-ratio:auto!important;\n                    overflow:visible!important;\n                    background:transparent!important;\n                    border:0!important;\n                    padding:0!important;\n                    box-shadow:none!important;\n                \"\n            ><\/p>\n<div\n                    style=\"\n                        display:flex!important;\n                        flex-direction:column!important;\n                        gap:22px!important;\n                        width:100%!important;\n                    \"\n                ><\/p>\n<p>                    <!-- IMAGE 1 --><\/p>\n<div data-reveal=\"\" data-parallax=\"8\" style=\"width:100%!important;\">\n                    <button\n                        type=\"button\"\n                        popovertarget=\"enigma-pop-selection\"\n                        popovertargetaction=\"show\"\n                        aria-label=\"Open image\"\n                        style=\"\n                            all:unset!important;\n                            display:block!important;\n                            width:100%!important;\n                            margin:0!important;\n                            padding:0!important;\n                            cursor:zoom-in!important;\n                        \"\n                    ><\/p>\n<p>                        <img decoding=\"async\"\n                            src=\"https:\/\/fourthedesign.com\/enigma\/images\/interactive-building-property-selection.jpg\"\n                            alt=\"Interactive 3D building and residence selection for real estate\"\n                            loading=\"lazy\"\n                            style=\"\n                                display:block!important;\n                                width:100%!important;\n                                max-width:none!important;\n                                height:auto!important;\n                                margin:0!important;\n                                padding:0!important;\n                                border:0!important;\n                                border-radius:0!important;\n                                background:transparent!important;\n                                object-fit:contain!important;\n                                box-shadow:0 15px 42px rgba(0,0,0,.08)!important;\n                                cursor:zoom-in!important;\n                            \"\n                        ><\/p>\n<p>                    <\/button>\n                    <\/div>\n<p>                    <!-- IMAGE 2 --><\/p>\n<div data-reveal=\"\" data-parallax=\"8\" style=\"width:100%!important;\">\n                    <button\n                        type=\"button\"\n                        popovertarget=\"enigma-pop-details\"\n                        popovertargetaction=\"show\"\n                        aria-label=\"Open image\"\n                        style=\"\n                            all:unset!important;\n                            display:block!important;\n                            width:100%!important;\n                            margin:0!important;\n                            padding:0!important;\n                            cursor:zoom-in!important;\n                        \"\n                    ><\/p>\n<p>                        <img decoding=\"async\"\n                            src=\"https:\/\/fourthedesign.com\/enigma\/images\/interactive-property-details-pricing.jpg\"\n                            alt=\"Interactive real estate property details with pricing and availability\"\n                            loading=\"lazy\"\n                            style=\"\n                                display:block!important;\n                                width:100%!important;\n                                max-width:none!important;\n                                height:auto!important;\n                                margin:0!important;\n                                padding:0!important;\n                                border:0!important;\n                                border-radius:0!important;\n                                background:transparent!important;\n                                object-fit:contain!important;\n                                box-shadow:0 15px 42px rgba(0,0,0,.08)!important;\n                                cursor:zoom-in!important;\n                            \"\n                        ><\/p>\n<p>                    <\/button>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================================\n     APPROACH\n============================================================ --><\/p>\n<section class=\"fd-section fd-section--surface\">\n<div class=\"fd-wrap\">\n<div class=\"fd-shead fd-measure\" data-reveal=\"\">\n<p class=\"fd-eyebrow\">\n                Our approach\n            <\/p>\n<h2 class=\"fd-h2\">\n                We made the 3D development itself the property catalogue.<br \/>\n            <\/h2>\n<\/p><\/div>\n<div class=\"fd-roles\" data-reveal=\"\" data-stagger=\"\">\n<div class=\"fd-role\">\n<div class=\"fd-role__n\">\n                    01\n                <\/div>\n<div>\n<h3 class=\"fd-role__t\">\n                        Explore the masterplan<br \/>\n                    <\/h3>\n<p class=\"fd-role__d\">\n                        Users begin with an interactive overview of the complete<br \/>\n                        development, understanding buildings, landscaping,<br \/>\n                        streets and spatial relationships before selecting<br \/>\n                        a property.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"fd-role\">\n<div class=\"fd-role__n\">\n                    02\n                <\/div>\n<div>\n<h3 class=\"fd-role__t\">\n                        Select buildings and residences<br \/>\n                    <\/h3>\n<p class=\"fd-role__d\">\n                        Buildings become interactive entry points into the<br \/>\n                        property inventory, leading directly to available<br \/>\n                        residences and their commercial information.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"fd-role\">\n<div class=\"fd-role__n\">\n                    03\n                <\/div>\n<div>\n<h3 class=\"fd-role__t\">\n                        Reveal floors and interiors<br \/>\n                    <\/h3>\n<p class=\"fd-role__d\">\n                        Floor cutaways and exploded building views show exactly<br \/>\n                        where a property sits, while furnished interiors reveal<br \/>\n                        the residence itself.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"fd-role\">\n<div class=\"fd-role__n\">\n                    04\n                <\/div>\n<div>\n<h3 class=\"fd-role__t\">\n                        Connect visualization with sales data<br \/>\n                    <\/h3>\n<p class=\"fd-role__d\">\n                        Availability, pricing, specifications, descriptions,<br \/>\n                        images and downloadable property material are connected<br \/>\n                        directly to the 3D experience.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================================\n     MASTERPLAN \u2014 40% LARGER\n============================================================ --><\/p>\n<section class=\"fd-section fd-section--light fd-media-section\">\n<div class=\"fd-wrap\">\n<div class=\"fd-media-row fd-media-row--image-left\">\n<div\n                class=\"fd-media-row__image\"\n                style=\"\n                    height:auto!important;\n                    min-height:0!important;\n                    max-height:none!important;\n                    aspect-ratio:auto!important;\n                    overflow:visible!important;\n                    background:transparent!important;\n                    border:0!important;\n                    padding:0!important;\n                    box-shadow:none!important;\n                    width:140%!important;\n                    max-width:none!important;\n                    margin-left:-40%!important;\n                    margin-right:0!important;\n                \"\n            ><\/p>\n<div data-reveal=\"\" data-parallax=\"8\" style=\"width:100%!important;\">\n                <button\n                    type=\"button\"\n                    popovertarget=\"enigma-pop-masterplan\"\n                    popovertargetaction=\"show\"\n                    aria-label=\"Open masterplan image\"\n                    style=\"\n                        all:unset!important;\n                        display:block!important;\n                        width:100%!important;\n                        cursor:zoom-in!important;\n                    \"\n                ><\/p>\n<p>                    <img decoding=\"async\"\n                        src=\"https:\/\/fourthedesign.com\/enigma\/images\/interactive-3d-real-estate-masterplan.jpg\"\n                        alt=\"Interactive Web 3D real estate masterplan\"\n                        loading=\"lazy\"\n                        style=\"\n                            display:block!important;\n                            width:100%!important;\n                            max-width:none!important;\n                            height:auto!important;\n                            margin:0!important;\n                            padding:0!important;\n                            border:0!important;\n                            border-radius:0!important;\n                            background:transparent!important;\n                            object-fit:contain!important;\n                            box-shadow:0 15px 42px rgba(0,0,0,.08)!important;\n                            cursor:zoom-in!important;\n                        \"\n                    ><\/p>\n<p>                <\/button>\n                <\/div>\n<\/p><\/div>\n<div class=\"fd-media-row__text\">\n<div class=\"fd-shead\" data-reveal=\"\">\n<p class=\"fd-eyebrow\">\n                        Masterplan exploration\n                    <\/p>\n<h2 class=\"fd-h2\">\n                        See the complete development before choosing a property.<br \/>\n                    <\/h2>\n<\/p><\/div>\n<div class=\"fd-prose\" data-reveal=\"\">\n<p>\n                        The experience begins at development scale. Buyers can<br \/>\n                        orbit and zoom around the neighborhood, understand the<br \/>\n                        relationship between buildings and immediately see the<br \/>\n                        structure of the available property portfolio.\n                    <\/p>\n<p>\n                        Availability is represented visually throughout the<br \/>\n                        3D environment, turning the masterplan into an interactive<br \/>\n                        sales interface rather than a passive architectural model.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================================\n     NEIGHBORHOOD \u2014 40% LARGER\n============================================================ --><\/p>\n<section class=\"fd-section fd-section--surface fd-media-section\">\n<div class=\"fd-wrap\">\n<div class=\"fd-media-row fd-media-row--text-left\">\n<div class=\"fd-media-row__text\">\n<div class=\"fd-shead\" data-reveal=\"\">\n<p class=\"fd-eyebrow\">\n                        Neighborhood walkthrough\n                    <\/p>\n<h2 class=\"fd-h2\">\n                        Move from masterplan scale to a human point of view.<br \/>\n                    <\/h2>\n<\/p><\/div>\n<div class=\"fd-prose\" data-reveal=\"\">\n<p>\n                        At any point, the user can leave the overview and enter<br \/>\n                        the development at street level.\n                    <\/p>\n<p>\n                        The neighborhood walkthrough provides a more intuitive<br \/>\n                        understanding of building scale, distances, streets and<br \/>\n                        the relationship between properties \u2014 directly inside<br \/>\n                        the browser.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div\n                class=\"fd-media-row__image\"\n                style=\"\n                    height:auto!important;\n                    min-height:0!important;\n                    max-height:none!important;\n                    aspect-ratio:auto!important;\n                    overflow:visible!important;\n                    background:transparent!important;\n                    border:0!important;\n                    padding:0!important;\n                    box-shadow:none!important;\n                    width:140%!important;\n                    max-width:none!important;\n                    margin-left:0!important;\n                    margin-right:-40%!important;\n                \"\n            ><\/p>\n<div data-reveal=\"\" data-parallax=\"8\" style=\"width:100%!important;\">\n                <button\n                    type=\"button\"\n                    popovertarget=\"enigma-pop-neighborhood\"\n                    popovertargetaction=\"show\"\n                    aria-label=\"Open neighborhood image\"\n                    style=\"\n                        all:unset!important;\n                        display:block!important;\n                        width:100%!important;\n                        cursor:zoom-in!important;\n                    \"\n                ><\/p>\n<p>                    <img decoding=\"async\"\n                        src=\"https:\/\/fourthedesign.com\/enigma\/images\/web-3d-neighborhood-walkthrough.jpg\"\n                        alt=\"Interactive Web 3D neighborhood walkthrough\"\n                        loading=\"lazy\"\n                        style=\"\n                            display:block!important;\n                            width:100%!important;\n                            max-width:none!important;\n                            height:auto!important;\n                            margin:0!important;\n                            padding:0!important;\n                            border:0!important;\n                            border-radius:0!important;\n                            background:transparent!important;\n                            object-fit:contain!important;\n                            box-shadow:0 15px 42px rgba(0,0,0,.08)!important;\n                            cursor:zoom-in!important;\n                        \"\n                    ><\/p>\n<p>                <\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================================\n     WHY WEB 3D\n============================================================ --><\/p>\n<section class=\"fd-section fd-section--light fd-benefits\">\n<div class=\"fd-wrap\">\n<div class=\"fd-shead fd-measure\" data-reveal=\"\">\n<p class=\"fd-eyebrow\">\n                Why Web 3D?\n            <\/p>\n<h2 class=\"fd-h2\">\n                The development becomes explorable from anywhere,<br \/>\n                with nothing to install.<br \/>\n            <\/h2>\n<\/p><\/div>\n<div class=\"fd-benefit-grid\" data-reveal=\"\" data-stagger=\"\">\n<div class=\"fd-benefit\">\n<p class=\"fd-benefit__k\">01<\/p>\n<h3>\n                    Understand properties spatially<br \/>\n                <\/h3>\n<p>\n                    Buyers see where a residence actually sits inside the<br \/>\n                    development instead of interpreting its position from<br \/>\n                    plans and static images.\n                <\/p>\n<\/p><\/div>\n<div class=\"fd-benefit\">\n<p class=\"fd-benefit__k\">02<\/p>\n<h3>\n                    Connect 3D with sales data<br \/>\n                <\/h3>\n<p>\n                    Availability, pricing, specifications, interiors and<br \/>\n                    property information are connected directly to each residence.\n                <\/p>\n<\/p><\/div>\n<div class=\"fd-benefit\">\n<p class=\"fd-benefit__k\">03<\/p>\n<h3>\n                    Share with a simple link<br \/>\n                <\/h3>\n<p>\n                    No headset or application installation is required.<br \/>\n                    The development opens directly in a modern browser.\n                <\/p>\n<\/p><\/div>\n<div class=\"fd-benefit\">\n<p class=\"fd-benefit__k\">04<\/p>\n<h3>\n                    Present it anywhere<br \/>\n                <\/h3>\n<p>\n                    Presentation mode makes the platform suitable for<br \/>\n                    sales offices, exhibitions, client meetings and<br \/>\n                    large displays.\n                <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================================\n     AVAILABILITY \u2014 40% LARGER\n============================================================ --><\/p>\n<section class=\"fd-section fd-section--surface fd-media-section\">\n<div class=\"fd-wrap\">\n<div class=\"fd-media-row fd-media-row--text-left\">\n<div class=\"fd-media-row__text\">\n<div class=\"fd-shead\" data-reveal=\"\">\n<p class=\"fd-eyebrow\">\n                        Visual availability\n                    <\/p>\n<h2 class=\"fd-h2\">\n                        Understand availability directly on the building.<br \/>\n                    <\/h2>\n<\/p><\/div>\n<div class=\"fd-prose\" data-reveal=\"\">\n<p>\n                        Property status becomes part of the 3D visualization.<br \/>\n                        Available, reserved and sold residences can be identified<br \/>\n                        directly on the architecture instead of only inside a<br \/>\n                        separate property list.\n                    <\/p>\n<p>\n                        This connects commercial information with spatial<br \/>\n                        understanding and helps buyers quickly identify the<br \/>\n                        residences that are relevant to them.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div\n                class=\"fd-media-row__image\"\n                style=\"\n                    height:auto!important;\n                    min-height:0!important;\n                    max-height:none!important;\n                    aspect-ratio:auto!important;\n                    overflow:visible!important;\n                    background:transparent!important;\n                    border:0!important;\n                    padding:0!important;\n                    box-shadow:none!important;\n                    width:140%!important;\n                    max-width:none!important;\n                    margin-left:0!important;\n                    margin-right:-40%!important;\n                \"\n            ><\/p>\n<div data-reveal=\"\" data-parallax=\"8\" style=\"width:100%!important;\">\n                <button\n                    type=\"button\"\n                    popovertarget=\"enigma-pop-availability\"\n                    popovertargetaction=\"show\"\n                    aria-label=\"Open availability image\"\n                    style=\"\n                        all:unset!important;\n                        display:block!important;\n                        width:100%!important;\n                        cursor:zoom-in!important;\n                    \"\n                ><\/p>\n<p>                    <img decoding=\"async\"\n                        src=\"https:\/\/fourthedesign.com\/enigma\/images\/real-estate-property-availability-3d.jpg\"\n                        alt=\"3D real estate property availability visualization\"\n                        loading=\"lazy\"\n                        style=\"\n                            display:block!important;\n                            width:100%!important;\n                            max-width:none!important;\n                            height:auto!important;\n                            margin:0!important;\n                            padding:0!important;\n                            border:0!important;\n                            border-radius:0!important;\n                            background:transparent!important;\n                            object-fit:contain!important;\n                            box-shadow:0 15px 42px rgba(0,0,0,.08)!important;\n                            cursor:zoom-in!important;\n                        \"\n                    ><\/p>\n<p>                <\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================================\n     BUILDING \u2014 40% LARGER\n============================================================ --><\/p>\n<section class=\"fd-section fd-section--light fd-media-section\">\n<div class=\"fd-wrap\">\n<div class=\"fd-media-row fd-media-row--image-left\">\n<div\n                class=\"fd-media-row__image\"\n                style=\"\n                    height:auto!important;\n                    min-height:0!important;\n                    max-height:none!important;\n                    aspect-ratio:auto!important;\n                    overflow:visible!important;\n                    background:transparent!important;\n                    border:0!important;\n                    padding:0!important;\n                    box-shadow:none!important;\n                    width:140%!important;\n                    max-width:none!important;\n                    margin-left:-40%!important;\n                    margin-right:0!important;\n                \"\n            ><\/p>\n<div data-reveal=\"\" data-parallax=\"8\" style=\"width:100%!important;\">\n                <button\n                    type=\"button\"\n                    popovertarget=\"enigma-pop-building\"\n                    popovertargetaction=\"show\"\n                    aria-label=\"Open building image\"\n                    style=\"\n                        all:unset!important;\n                        display:block!important;\n                        width:100%!important;\n                        cursor:zoom-in!important;\n                    \"\n                ><\/p>\n<p>                    <img decoding=\"async\"\n                        src=\"https:\/\/fourthedesign.com\/enigma\/images\/exploded-building-apartment-view.jpg\"\n                        alt=\"Exploded 3D apartment building view\"\n                        loading=\"lazy\"\n                        style=\"\n                            display:block!important;\n                            width:100%!important;\n                            max-width:none!important;\n                            height:auto!important;\n                            margin:0!important;\n                            padding:0!important;\n                            border:0!important;\n                            border-radius:0!important;\n                            background:transparent!important;\n                            object-fit:contain!important;\n                            box-shadow:0 15px 42px rgba(0,0,0,.08)!important;\n                            cursor:zoom-in!important;\n                        \"\n                    ><\/p>\n<p>                <\/button>\n                <\/div>\n<\/p><\/div>\n<div class=\"fd-media-row__text\">\n<div class=\"fd-shead\" data-reveal=\"\">\n<p class=\"fd-eyebrow\">\n                        Building exploration\n                    <\/p>\n<h2 class=\"fd-h2\">\n                        From the building envelope to the exact residence.<br \/>\n                    <\/h2>\n<\/p><\/div>\n<div class=\"fd-prose\" data-reveal=\"\">\n<p>\n                        Once a building is selected, Enigma changes scale again.<br \/>\n                        Individual residences become visible and their location<br \/>\n                        can be understood directly on the architecture.\n                    <\/p>\n<p>\n                        Floor cutaways progressively reveal the building, while<br \/>\n                        the exploded view separates its levels and exposes the<br \/>\n                        selected furnished residence in its actual position.\n                    <\/p>\n<p>\n                        The buyer does not simply know that an apartment is<br \/>\n                        on the third floor. They can see exactly where it is.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================================\n     INTERIORS\n============================================================ --><\/p>\n<section class=\"fd-section fd-section--surface fd-media-section\">\n<div class=\"fd-wrap\">\n<div class=\"fd-media-row fd-media-row--text-left\">\n<div class=\"fd-media-row__text\">\n<div class=\"fd-shead\" data-reveal=\"\">\n<p class=\"fd-eyebrow\">\n                        Interior exploration\n                    <\/p>\n<h2 class=\"fd-h2\">\n                        Then step inside the selected residence.<br \/>\n                    <\/h2>\n<\/p><\/div>\n<div class=\"fd-prose\" data-reveal=\"\">\n<p>\n                        The property journey continues from the exterior<br \/>\n                        building into a furnished interactive interior.\n                    <\/p>\n<p>\n                        Users can first inspect the apartment as a complete<br \/>\n                        cutaway model, understanding room relationships and<br \/>\n                        circulation, then enter the residence at human scale.\n                    <\/p>\n<p>\n                        This creates one continuous journey from masterplan<br \/>\n                        to neighborhood, building, floor, residence and interior.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div\n                class=\"fd-media-row__image\"\n                style=\"\n                    height:auto!important;\n                    min-height:0!important;\n                    max-height:none!important;\n                    aspect-ratio:auto!important;\n                    overflow:visible!important;\n                    background:transparent!important;\n                    border:0!important;\n                    padding:0!important;\n                    box-shadow:none!important;\n                \"\n            ><\/p>\n<div\n                    style=\"\n                        display:flex!important;\n                        flex-direction:column!important;\n                        gap:22px!important;\n                        width:100%!important;\n                    \"\n                ><\/p>\n<div data-reveal=\"\" data-parallax=\"8\" style=\"width:100%!important;\">\n                    <button\n                        type=\"button\"\n                        popovertarget=\"enigma-pop-cutaway\"\n                        popovertargetaction=\"show\"\n                        aria-label=\"Open interior cutaway image\"\n                        style=\"\n                            all:unset!important;\n                            display:block!important;\n                            width:100%!important;\n                            cursor:zoom-in!important;\n                        \"\n                    ><\/p>\n<p>                        <img decoding=\"async\"\n                            src=\"https:\/\/fourthedesign.com\/enigma\/images\/3d-apartment-interior-cutaway.jpg\"\n                            alt=\"3D apartment interior cutaway\"\n                            loading=\"lazy\"\n                            style=\"\n                                display:block!important;\n                                width:100%!important;\n                                max-width:none!important;\n                                height:auto!important;\n                                margin:0!important;\n                                padding:0!important;\n                                border:0!important;\n                                border-radius:0!important;\n                                background:transparent!important;\n                                object-fit:contain!important;\n                                box-shadow:0 15px 42px rgba(0,0,0,.08)!important;\n                                cursor:zoom-in!important;\n                            \"\n                        ><\/p>\n<p>                    <\/button>\n                    <\/div>\n<div data-reveal=\"\" data-parallax=\"8\" style=\"width:100%!important;\">\n                    <button\n                        type=\"button\"\n                        popovertarget=\"enigma-pop-walkthrough\"\n                        popovertargetaction=\"show\"\n                        aria-label=\"Open interior walkthrough image\"\n                        style=\"\n                            all:unset!important;\n                            display:block!important;\n                            width:100%!important;\n                            cursor:zoom-in!important;\n                        \"\n                    ><\/p>\n<p>                        <img decoding=\"async\"\n                            src=\"https:\/\/fourthedesign.com\/enigma\/images\/interactive-3d-interior-walkthrough.jpg\"\n                            alt=\"Interactive 3D interior walkthrough\"\n                            loading=\"lazy\"\n                            style=\"\n                                display:block!important;\n                                width:100%!important;\n                                max-width:none!important;\n                                height:auto!important;\n                                margin:0!important;\n                                padding:0!important;\n                                border:0!important;\n                                border-radius:0!important;\n                                background:transparent!important;\n                                object-fit:contain!important;\n                                box-shadow:0 15px 42px rgba(0,0,0,.08)!important;\n                                cursor:zoom-in!important;\n                            \"\n                        ><\/p>\n<p>                    <\/button>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================================\n     EXPERIENCE FLOW\n============================================================ --><\/p>\n<section class=\"fd-section fd-section--light fd-training-path\">\n<div class=\"fd-wrap\">\n<div class=\"fd-shead fd-measure\" data-reveal=\"\">\n<p class=\"fd-eyebrow\">\n                Experience flow\n            <\/p>\n<h2 class=\"fd-h2\">\n                From masterplan to property decision \u2014 without leaving<br \/>\n                the experience.<br \/>\n            <\/h2>\n<\/p><\/div>\n<div class=\"fd-path\" data-reveal=\"\" data-stagger=\"\">\n<div class=\"fd-path__item\">\n                <span>01<\/span><\/p>\n<h3>Explore<\/h3>\n<p>\n                    Navigate the development and understand the masterplan<br \/>\n                    in interactive 3D.\n                <\/p>\n<\/p><\/div>\n<div class=\"fd-path__item\">\n                <span>02<\/span><\/p>\n<h3>Select<\/h3>\n<p>\n                    Choose a building and discover its available residences.\n                <\/p>\n<\/p><\/div>\n<div class=\"fd-path__item\">\n                <span>03<\/span><\/p>\n<h3>Inspect<\/h3>\n<p>\n                    Reveal floors, apartment locations and property information.\n                <\/p>\n<\/p><\/div>\n<div class=\"fd-path__item\">\n                <span>04<\/span><\/p>\n<h3>Experience<\/h3>\n<p>\n                    Enter a furnished interactive interior walkthrough.\n                <\/p>\n<\/p><\/div>\n<div class=\"fd-path__item\">\n                <span>05<\/span><\/p>\n<h3>Compare<\/h3>\n<p>\n                    Compare residences by price, area, bedrooms,<br \/>\n                    floor and availability.\n                <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================================\n     SALES\n============================================================ --><\/p>\n<section class=\"fd-section fd-section--dark fd-proof\">\n<div class=\"fd-wrap\">\n<div class=\"fd-proof__grid\">\n<div class=\"fd-shead\" data-reveal=\"\">\n<p class=\"fd-eyebrow\">\n                    Sales tools\n                <\/p>\n<h2 class=\"fd-h2\">\n                    The 3D experience is connected to the information<br \/>\n                    buyers actually need.<br \/>\n                <\/h2>\n<\/p><\/div>\n<div class=\"fd-proof__text fd-prose\">\n<p>\n                    Selecting a residence opens a dedicated property card<br \/>\n                    containing its availability, price, interior area,<br \/>\n                    bedrooms, floor and description.\n                <\/p>\n<p>\n                    Buyers can continue into the 3D interior, download a<br \/>\n                    property PDF or add the residence to their comparison<br \/>\n                    shortlist without leaving the interactive development.\n                <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"fd-metrics\" data-reveal=\"\" data-stagger=\"\">\n<div class=\"fd-metric\">\n                <strong>Live availability<\/strong><br \/>\n                <span>Available \u00b7 Reserved \u00b7 Sold<\/span>\n            <\/div>\n<div class=\"fd-metric\">\n                <strong>Property data<\/strong><br \/>\n                <span>Price \u00b7 Area \u00b7 Bedrooms \u00b7 Floor<\/span>\n            <\/div>\n<div class=\"fd-metric\">\n                <strong>Sales material<\/strong><br \/>\n                <span>Property PDF \u00b7 Images \u00b7 Floor plans<\/span>\n            <\/div>\n<\/p><\/div>\n<div class=\"fd-cta\" data-reveal=\"\" data-stagger=\"\" style=\"margin-top:40px!important;\">\n<p>            <a\n                class=\"fd-btn fd-btn--primary\"\n                href=\"https:\/\/fourthedesign.com\/enigma\/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n            ><br \/>\n                Explore the live demo<br \/>\n            <\/a><\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================================\n     COMPARISON\n============================================================ --><\/p>\n<section class=\"fd-section fd-section--light fd-media-section\">\n<div class=\"fd-wrap\">\n<div class=\"fd-media-row fd-media-row--image-left\">\n<div\n                class=\"fd-media-row__image\"\n                style=\"\n                    height:auto!important;\n                    min-height:0!important;\n                    max-height:none!important;\n                    aspect-ratio:auto!important;\n                    overflow:visible!important;\n                    background:transparent!important;\n                    border:0!important;\n                    padding:0!important;\n                    box-shadow:none!important;\n                \"\n            ><\/p>\n<div data-reveal=\"\" data-parallax=\"8\" style=\"width:100%!important;\">\n                <button\n                    type=\"button\"\n                    popovertarget=\"enigma-pop-comparison\"\n                    popovertargetaction=\"show\"\n                    aria-label=\"Open comparison image\"\n                    style=\"\n                        all:unset!important;\n                        display:block!important;\n                        width:100%!important;\n                        cursor:zoom-in!important;\n                    \"\n                ><\/p>\n<p>                    <img decoding=\"async\"\n                        src=\"https:\/\/fourthedesign.com\/enigma\/images\/real-estate-property-comparison-tool.jpg\"\n                        alt=\"Interactive real estate property comparison tool\"\n                        loading=\"lazy\"\n                        style=\"\n                            display:block!important;\n                            width:100%!important;\n                            max-width:none!important;\n                            height:auto!important;\n                            margin:0!important;\n                            padding:0!important;\n                            border:0!important;\n                            border-radius:0!important;\n                            background:transparent!important;\n                            object-fit:contain!important;\n                            box-shadow:0 15px 42px rgba(0,0,0,.08)!important;\n                            cursor:zoom-in!important;\n                        \"\n                    ><\/p>\n<p>                <\/button>\n                <\/div>\n<\/p><\/div>\n<div class=\"fd-media-row__text\">\n<div class=\"fd-shead\" data-reveal=\"\">\n<p class=\"fd-eyebrow\">\n                        Property comparison\n                    <\/p>\n<h2 class=\"fd-h2\">\n                        Shortlist and compare residences side by side.<br \/>\n                    <\/h2>\n<\/p><\/div>\n<div class=\"fd-prose\" data-reveal=\"\">\n<p>\n                        Potential buyers can shortlist multiple residences<br \/>\n                        while exploring the development and compare them<br \/>\n                        without switching to another system.\n                    <\/p>\n<p>\n                        Price, interior area, bedrooms, floor and current<br \/>\n                        availability are presented side by side.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================================\n     MANAGEMENT\n============================================================ --><\/p>\n<section class=\"fd-section fd-section--surface fd-media-section\">\n<div class=\"fd-wrap\">\n<div class=\"fd-media-row fd-media-row--text-left\">\n<div class=\"fd-media-row__text\">\n<div class=\"fd-shead\" data-reveal=\"\">\n<p class=\"fd-eyebrow\">\n                        Property management\n                    <\/p>\n<h2 class=\"fd-h2\">\n                        The sales team controls what buyers see.<br \/>\n                    <\/h2>\n<\/p><\/div>\n<div class=\"fd-prose\" data-reveal=\"\">\n<p>\n                        Behind the public experience is a protected<br \/>\n                        property-management environment for the development<br \/>\n                        owner or sales team.\n                    <\/p>\n<p>\n                        Authorized users can update availability, pricing,<br \/>\n                        area, bedrooms, floor information and bilingual<br \/>\n                        property descriptions.\n                    <\/p>\n<p>\n                        Property images and floor plans can also be associated<br \/>\n                        directly with each residence.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div\n                class=\"fd-media-row__image\"\n                style=\"\n                    height:auto!important;\n                    min-height:0!important;\n                    max-height:none!important;\n                    aspect-ratio:auto!important;\n                    overflow:visible!important;\n                    background:transparent!important;\n                    border:0!important;\n                    padding:0!important;\n                    box-shadow:none!important;\n                \"\n            ><\/p>\n<div data-reveal=\"\" data-parallax=\"8\" style=\"width:100%!important;\">\n                <button\n                    type=\"button\"\n                    popovertarget=\"enigma-pop-management\"\n                    popovertargetaction=\"show\"\n                    aria-label=\"Open management image\"\n                    style=\"\n                        all:unset!important;\n                        display:block!important;\n                        width:100%!important;\n                        cursor:zoom-in!important;\n                    \"\n                ><\/p>\n<p>                    <img decoding=\"async\"\n                        src=\"https:\/\/fourthedesign.com\/enigma\/images\/real-estate-property-management-dashboard.jpg\"\n                        alt=\"Real estate property management dashboard\"\n                        loading=\"lazy\"\n                        style=\"\n                            display:block!important;\n                            width:100%!important;\n                            max-width:none!important;\n                            height:auto!important;\n                            margin:0!important;\n                            padding:0!important;\n                            border:0!important;\n                            border-radius:0!important;\n                            background:transparent!important;\n                            object-fit:contain!important;\n                            box-shadow:0 15px 42px rgba(0,0,0,.08)!important;\n                            cursor:zoom-in!important;\n                        \"\n                    ><\/p>\n<p>                <\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================================\n     TECHNICAL\n============================================================ --><\/p>\n<section class=\"fd-section fd-section--light fd-media-section fd-media-section--tech\">\n<div class=\"fd-wrap\">\n<div class=\"fd-shead fd-measure\" data-reveal=\"\">\n<p class=\"fd-eyebrow\">\n                Technical stack\n            <\/p>\n<h2 class=\"fd-h2\">\n                Interactive real-time 3D delivered through the browser.<br \/>\n            <\/h2>\n<\/p><\/div>\n<div class=\"fd-spec\" data-reveal=\"\" data-stagger=\"\">\n<div class=\"fd-spec__row\">\n<div class=\"fd-spec__k\">Platform<\/div>\n<div class=\"fd-spec__v\">Browser-based Web 3D<\/div>\n<\/p><\/div>\n<div class=\"fd-spec__row\">\n<div class=\"fd-spec__k\">3D pipeline<\/div>\n<div class=\"fd-spec__v\">\n                    Optimized architectural 3D assets for real-time web delivery\n                <\/div>\n<\/p><\/div>\n<div class=\"fd-spec__row\">\n<div class=\"fd-spec__k\">Rendering<\/div>\n<div class=\"fd-spec__v\">\n                    Real-time materials, lighting and environmental effects\n                <\/div>\n<\/p><\/div>\n<div class=\"fd-spec__row\">\n<div class=\"fd-spec__k\">Interaction<\/div>\n<div class=\"fd-spec__v\">\n                    Mouse \u00b7 Touch \u00b7 Property selection \u00b7 3D walkthrough\n                <\/div>\n<\/p><\/div>\n<div class=\"fd-spec__row\">\n<div class=\"fd-spec__k\">Property system<\/div>\n<div class=\"fd-spec__v\">\n                    Availability \u00b7 Pricing \u00b7 Specifications \u00b7 Media \u00b7 Comparison\n                <\/div>\n<\/p><\/div>\n<div class=\"fd-spec__row\">\n<div class=\"fd-spec__k\">Management<\/div>\n<div class=\"fd-spec__v\">\n                    Protected administration environment for property updates\n                <\/div>\n<\/p><\/div>\n<div class=\"fd-spec__row\">\n<div class=\"fd-spec__k\">Languages<\/div>\n<div class=\"fd-spec__v\">\n                    English \u00b7 Greek\n                <\/div>\n<\/p><\/div>\n<div class=\"fd-spec__row\">\n<div class=\"fd-spec__k\">Deployment<\/div>\n<div class=\"fd-spec__v\">\n                    Standard web hosting \u00b7 No application installation required\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================================\n     RESULT\n============================================================ --><\/p>\n<section class=\"fd-section fd-pull\">\n<div class=\"fd-wrap\">\n<div class=\"fd-shead\" data-reveal=\"\">\n<p class=\"fd-eyebrow\">\n                The result\n            <\/p>\n<\/p><\/div>\n<p class=\"fd-pull__t\" data-reveal=\"\">\n            One platform connecting the masterplan, buildings,<br \/>\n            residences, interiors and property data \u2014 from first<br \/>\n            exploration to property comparison.\n        <\/p>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================================\n     CLOSING\n============================================================ --><\/p>\n<section class=\"fd-section fd-close\">\n<div class=\"fd-wrap\">\n<div class=\"fd-shead fd-measure\" data-reveal=\"\">\n<p class=\"fd-eyebrow\">\n                What this demonstrates\n            <\/p>\n<h2 class=\"fd-h2\">\n                Real-time 3D can become part of the sales infrastructure \u2014<br \/>\n                not just the marketing material.<br \/>\n            <\/h2>\n<\/p><\/div>\n<div class=\"fd-prose fd-measure\" data-reveal=\"\">\n<p>\n                For property developers, architectural visualization no<br \/>\n                longer needs to end with a collection of still images or<br \/>\n                a promotional video.\n            <\/p>\n<p>\n                The same 3D development can become an interactive digital<br \/>\n                environment where buyers explore the masterplan, discover<br \/>\n                properties, understand their location, inspect interiors,<br \/>\n                compare alternatives and access the information required<br \/>\n                to move closer to a buying decision.\n            <\/p>\n<p>\n                The approach can be adapted to residential developments,<br \/>\n                apartment buildings, villa complexes, resorts, mixed-use<br \/>\n                developments and large-scale masterplans.\n            <\/p>\n<\/p><\/div>\n<div class=\"fd-cta\" data-reveal=\"\" data-stagger=\"\">\n<p>            <a\n                class=\"fd-btn fd-btn--primary\"\n                href=\"https:\/\/fourthedesign.com\/enigma\/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n            ><br \/>\n                Explore live demo<br \/>\n            <\/a><\/p>\n<p>            <a\n                class=\"fd-btn fd-btn--ghost\"\n                href=\"https:\/\/fourthedesign.gr\/en\/services-architectural-visualization\/\"\n            ><br \/>\n                Architecture &amp; real estate<br \/>\n            <\/a><\/p>\n<p>            <a\n                class=\"fd-btn fd-btn--ghost\"\n                href=\"https:\/\/fourthedesign.gr\/en\/contact-fourthedesign\/\"\n            ><br \/>\n                Contact Fourthedesign<br \/>\n            <\/a><\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================================\n     NOTE\n============================================================ --><\/p>\n<section class=\"fd-section fd-note fd-section--light\">\n<div class=\"fd-wrap\">\n<p data-reveal=\"\">\n            Enigma is a Fourthedesign concept and demonstration platform.<br \/>\n            Properties and prices shown in the experience are illustrative.<br \/>\n            Fourthedesign develops interactive Web 3D real-estate experiences,<br \/>\n            architectural walkthroughs, property explorers and digital sales<br \/>\n            tools for property developers, architects and real-estate companies.\n        <\/p>\n<\/p><\/div>\n<\/section>\n<\/div>\n<p><!-- ============================================================\n     NATIVE BROWSER POPOVERS\n     THESE ARE AUTOMATICALLY HIDDEN BY THE BROWSER.\n============================================================ --><\/p>\n<p><!-- ============================================================\n     01 PROPERTY SELECTION\n============================================================ --><\/p>\n<div\n    id=\"enigma-pop-selection\"\n    popover=\"auto\"\n    style=\"\n        position:fixed!important;\n        inset:0!important;\n        width:100vw!important;\n        height:100vh!important;\n        max-width:none!important;\n        max-height:none!important;\n        margin:0!important;\n        padding:0!important;\n        border:0!important;\n        background:#f4f3ef!important;\n        overflow:hidden!important;\n    \"\n><\/p>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-selection\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            inset:0!important;\n            z-index:1!important;\n            width:100%!important;\n            height:100%!important;\n            cursor:zoom-out!important;\n        \"\n    ><\/button><\/p>\n<div\n        style=\"\n            position:absolute!important;\n            inset:60px!important;\n            z-index:2!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            pointer-events:none!important;\n        \"\n    ><\/p>\n<p>        <img decoding=\"async\"\n            src=\"https:\/\/fourthedesign.com\/enigma\/images\/interactive-building-property-selection.jpg\"\n            alt=\"Interactive 3D building and residence selection\"\n            style=\"\n                display:block!important;\n                width:auto!important;\n                height:auto!important;\n                max-width:88vw!important;\n                max-height:calc(100vh - 120px)!important;\n                margin:auto!important;\n                border:0!important;\n                background:transparent!important;\n                object-fit:contain!important;\n                box-shadow:0 20px 65px rgba(0,0,0,.12)!important;\n                pointer-events:auto!important;\n            \"\n        ><\/p><\/div>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-selection\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            top:22px!important;\n            right:24px!important;\n            z-index:4!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            width:54px!important;\n            height:54px!important;\n            border-radius:50%!important;\n            background:#111!important;\n            color:#fff!important;\n            font-family:Arial,Helvetica,sans-serif!important;\n            font-size:39px!important;\n            line-height:1!important;\n            text-align:center!important;\n            cursor:pointer!important;\n            box-shadow:0 6px 22px rgba(0,0,0,.28)!important;\n        \"\n    ><br \/>\n        \u00d7<br \/>\n    <\/button><\/p>\n<\/div>\n<p><!-- ============================================================\n     02 PROPERTY DETAILS\n============================================================ --><\/p>\n<div\n    id=\"enigma-pop-details\"\n    popover=\"auto\"\n    style=\"\n        position:fixed!important;\n        inset:0!important;\n        width:100vw!important;\n        height:100vh!important;\n        max-width:none!important;\n        max-height:none!important;\n        margin:0!important;\n        padding:0!important;\n        border:0!important;\n        background:#f4f3ef!important;\n        overflow:hidden!important;\n    \"\n><\/p>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-details\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            inset:0!important;\n            z-index:1!important;\n            width:100%!important;\n            height:100%!important;\n            cursor:zoom-out!important;\n        \"\n    ><\/button><\/p>\n<div\n        style=\"\n            position:absolute!important;\n            inset:60px!important;\n            z-index:2!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            pointer-events:none!important;\n        \"\n    ><\/p>\n<p>        <img decoding=\"async\"\n            src=\"https:\/\/fourthedesign.com\/enigma\/images\/interactive-property-details-pricing.jpg\"\n            alt=\"Interactive property details pricing and availability\"\n            style=\"\n                display:block!important;\n                width:auto!important;\n                height:auto!important;\n                max-width:88vw!important;\n                max-height:calc(100vh - 120px)!important;\n                margin:auto!important;\n                border:0!important;\n                background:transparent!important;\n                object-fit:contain!important;\n                box-shadow:0 20px 65px rgba(0,0,0,.12)!important;\n                pointer-events:auto!important;\n            \"\n        ><\/p><\/div>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-details\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            top:22px!important;\n            right:24px!important;\n            z-index:4!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            width:54px!important;\n            height:54px!important;\n            border-radius:50%!important;\n            background:#111!important;\n            color:#fff!important;\n            font-family:Arial,Helvetica,sans-serif!important;\n            font-size:39px!important;\n            line-height:1!important;\n            cursor:pointer!important;\n            box-shadow:0 6px 22px rgba(0,0,0,.28)!important;\n        \"\n    ><br \/>\n        \u00d7<br \/>\n    <\/button><\/p>\n<\/div>\n<p><!-- ============================================================\n     03 MASTERPLAN\n============================================================ --><\/p>\n<div\n    id=\"enigma-pop-masterplan\"\n    popover=\"auto\"\n    style=\"\n        position:fixed!important;\n        inset:0!important;\n        width:100vw!important;\n        height:100vh!important;\n        max-width:none!important;\n        max-height:none!important;\n        margin:0!important;\n        padding:0!important;\n        border:0!important;\n        background:#f4f3ef!important;\n        overflow:hidden!important;\n    \"\n><\/p>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-masterplan\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            inset:0!important;\n            z-index:1!important;\n            width:100%!important;\n            height:100%!important;\n            cursor:zoom-out!important;\n        \"\n    ><\/button><\/p>\n<div\n        style=\"\n            position:absolute!important;\n            inset:60px!important;\n            z-index:2!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            pointer-events:none!important;\n        \"\n    ><\/p>\n<p>        <img decoding=\"async\"\n            src=\"https:\/\/fourthedesign.com\/enigma\/images\/interactive-3d-real-estate-masterplan.jpg\"\n            alt=\"Interactive Web 3D real estate masterplan\"\n            style=\"\n                display:block!important;\n                width:auto!important;\n                height:auto!important;\n                max-width:88vw!important;\n                max-height:calc(100vh - 120px)!important;\n                margin:auto!important;\n                border:0!important;\n                background:transparent!important;\n                object-fit:contain!important;\n                box-shadow:0 20px 65px rgba(0,0,0,.12)!important;\n                pointer-events:auto!important;\n            \"\n        ><\/p><\/div>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-masterplan\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            top:22px!important;\n            right:24px!important;\n            z-index:4!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            width:54px!important;\n            height:54px!important;\n            border-radius:50%!important;\n            background:#111!important;\n            color:#fff!important;\n            font-family:Arial,Helvetica,sans-serif!important;\n            font-size:39px!important;\n            line-height:1!important;\n            cursor:pointer!important;\n            box-shadow:0 6px 22px rgba(0,0,0,.28)!important;\n        \"\n    ><br \/>\n        \u00d7<br \/>\n    <\/button><\/p>\n<\/div>\n<p><!-- ============================================================\n     04 NEIGHBORHOOD\n============================================================ --><\/p>\n<div\n    id=\"enigma-pop-neighborhood\"\n    popover=\"auto\"\n    style=\"\n        position:fixed!important;\n        inset:0!important;\n        width:100vw!important;\n        height:100vh!important;\n        max-width:none!important;\n        max-height:none!important;\n        margin:0!important;\n        padding:0!important;\n        border:0!important;\n        background:#f4f3ef!important;\n        overflow:hidden!important;\n    \"\n><\/p>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-neighborhood\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            inset:0!important;\n            z-index:1!important;\n            width:100%!important;\n            height:100%!important;\n            cursor:zoom-out!important;\n        \"\n    ><\/button><\/p>\n<div\n        style=\"\n            position:absolute!important;\n            inset:60px!important;\n            z-index:2!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            pointer-events:none!important;\n        \"\n    ><\/p>\n<p>        <img decoding=\"async\"\n            src=\"https:\/\/fourthedesign.com\/enigma\/images\/web-3d-neighborhood-walkthrough.jpg\"\n            alt=\"Interactive Web 3D neighborhood walkthrough\"\n            style=\"\n                display:block!important;\n                width:auto!important;\n                height:auto!important;\n                max-width:88vw!important;\n                max-height:calc(100vh - 120px)!important;\n                margin:auto!important;\n                border:0!important;\n                background:transparent!important;\n                object-fit:contain!important;\n                box-shadow:0 20px 65px rgba(0,0,0,.12)!important;\n                pointer-events:auto!important;\n            \"\n        ><\/p><\/div>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-neighborhood\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            top:22px!important;\n            right:24px!important;\n            z-index:4!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            width:54px!important;\n            height:54px!important;\n            border-radius:50%!important;\n            background:#111!important;\n            color:#fff!important;\n            font-family:Arial,Helvetica,sans-serif!important;\n            font-size:39px!important;\n            line-height:1!important;\n            cursor:pointer!important;\n            box-shadow:0 6px 22px rgba(0,0,0,.28)!important;\n        \"\n    ><br \/>\n        \u00d7<br \/>\n    <\/button><\/p>\n<\/div>\n<p><!-- ============================================================\n     05 AVAILABILITY\n============================================================ --><\/p>\n<div\n    id=\"enigma-pop-availability\"\n    popover=\"auto\"\n    style=\"\n        position:fixed!important;\n        inset:0!important;\n        width:100vw!important;\n        height:100vh!important;\n        max-width:none!important;\n        max-height:none!important;\n        margin:0!important;\n        padding:0!important;\n        border:0!important;\n        background:#f4f3ef!important;\n        overflow:hidden!important;\n    \"\n><\/p>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-availability\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            inset:0!important;\n            z-index:1!important;\n            width:100%!important;\n            height:100%!important;\n            cursor:zoom-out!important;\n        \"\n    ><\/button><\/p>\n<div\n        style=\"\n            position:absolute!important;\n            inset:60px!important;\n            z-index:2!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            pointer-events:none!important;\n        \"\n    ><\/p>\n<p>        <img decoding=\"async\"\n            src=\"https:\/\/fourthedesign.com\/enigma\/images\/real-estate-property-availability-3d.jpg\"\n            alt=\"3D real estate property availability visualization\"\n            style=\"\n                display:block!important;\n                width:auto!important;\n                height:auto!important;\n                max-width:88vw!important;\n                max-height:calc(100vh - 120px)!important;\n                margin:auto!important;\n                border:0!important;\n                background:transparent!important;\n                object-fit:contain!important;\n                box-shadow:0 20px 65px rgba(0,0,0,.12)!important;\n                pointer-events:auto!important;\n            \"\n        ><\/p><\/div>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-availability\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            top:22px!important;\n            right:24px!important;\n            z-index:4!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            width:54px!important;\n            height:54px!important;\n            border-radius:50%!important;\n            background:#111!important;\n            color:#fff!important;\n            font-family:Arial,Helvetica,sans-serif!important;\n            font-size:39px!important;\n            line-height:1!important;\n            cursor:pointer!important;\n            box-shadow:0 6px 22px rgba(0,0,0,.28)!important;\n        \"\n    ><br \/>\n        \u00d7<br \/>\n    <\/button><\/p>\n<\/div>\n<p><!-- ============================================================\n     06 BUILDING\n============================================================ --><\/p>\n<div\n    id=\"enigma-pop-building\"\n    popover=\"auto\"\n    style=\"\n        position:fixed!important;\n        inset:0!important;\n        width:100vw!important;\n        height:100vh!important;\n        max-width:none!important;\n        max-height:none!important;\n        margin:0!important;\n        padding:0!important;\n        border:0!important;\n        background:#f4f3ef!important;\n        overflow:hidden!important;\n    \"\n><\/p>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-building\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            inset:0!important;\n            z-index:1!important;\n            width:100%!important;\n            height:100%!important;\n            cursor:zoom-out!important;\n        \"\n    ><\/button><\/p>\n<div\n        style=\"\n            position:absolute!important;\n            inset:60px!important;\n            z-index:2!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            pointer-events:none!important;\n        \"\n    ><\/p>\n<p>        <img decoding=\"async\"\n            src=\"https:\/\/fourthedesign.com\/enigma\/images\/exploded-building-apartment-view.jpg\"\n            alt=\"Exploded 3D apartment building view\"\n            style=\"\n                display:block!important;\n                width:auto!important;\n                height:auto!important;\n                max-width:88vw!important;\n                max-height:calc(100vh - 120px)!important;\n                margin:auto!important;\n                border:0!important;\n                background:transparent!important;\n                object-fit:contain!important;\n                box-shadow:0 20px 65px rgba(0,0,0,.12)!important;\n                pointer-events:auto!important;\n            \"\n        ><\/p><\/div>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-building\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            top:22px!important;\n            right:24px!important;\n            z-index:4!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            width:54px!important;\n            height:54px!important;\n            border-radius:50%!important;\n            background:#111!important;\n            color:#fff!important;\n            font-family:Arial,Helvetica,sans-serif!important;\n            font-size:39px!important;\n            line-height:1!important;\n            cursor:pointer!important;\n            box-shadow:0 6px 22px rgba(0,0,0,.28)!important;\n        \"\n    ><br \/>\n        \u00d7<br \/>\n    <\/button><\/p>\n<\/div>\n<p><!-- ============================================================\n     07 CUTAWAY\n============================================================ --><\/p>\n<div\n    id=\"enigma-pop-cutaway\"\n    popover=\"auto\"\n    style=\"\n        position:fixed!important;\n        inset:0!important;\n        width:100vw!important;\n        height:100vh!important;\n        max-width:none!important;\n        max-height:none!important;\n        margin:0!important;\n        padding:0!important;\n        border:0!important;\n        background:#f4f3ef!important;\n        overflow:hidden!important;\n    \"\n><\/p>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-cutaway\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            inset:0!important;\n            z-index:1!important;\n            width:100%!important;\n            height:100%!important;\n            cursor:zoom-out!important;\n        \"\n    ><\/button><\/p>\n<div\n        style=\"\n            position:absolute!important;\n            inset:60px!important;\n            z-index:2!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            pointer-events:none!important;\n        \"\n    ><\/p>\n<p>        <img decoding=\"async\"\n            src=\"https:\/\/fourthedesign.com\/enigma\/images\/3d-apartment-interior-cutaway.jpg\"\n            alt=\"3D apartment interior cutaway\"\n            style=\"\n                display:block!important;\n                width:auto!important;\n                height:auto!important;\n                max-width:88vw!important;\n                max-height:calc(100vh - 120px)!important;\n                margin:auto!important;\n                border:0!important;\n                background:transparent!important;\n                object-fit:contain!important;\n                box-shadow:0 20px 65px rgba(0,0,0,.12)!important;\n                pointer-events:auto!important;\n            \"\n        ><\/p><\/div>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-cutaway\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            top:22px!important;\n            right:24px!important;\n            z-index:4!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            width:54px!important;\n            height:54px!important;\n            border-radius:50%!important;\n            background:#111!important;\n            color:#fff!important;\n            font-family:Arial,Helvetica,sans-serif!important;\n            font-size:39px!important;\n            line-height:1!important;\n            cursor:pointer!important;\n            box-shadow:0 6px 22px rgba(0,0,0,.28)!important;\n        \"\n    ><br \/>\n        \u00d7<br \/>\n    <\/button><\/p>\n<\/div>\n<p><!-- ============================================================\n     08 WALKTHROUGH\n============================================================ --><\/p>\n<div\n    id=\"enigma-pop-walkthrough\"\n    popover=\"auto\"\n    style=\"\n        position:fixed!important;\n        inset:0!important;\n        width:100vw!important;\n        height:100vh!important;\n        max-width:none!important;\n        max-height:none!important;\n        margin:0!important;\n        padding:0!important;\n        border:0!important;\n        background:#f4f3ef!important;\n        overflow:hidden!important;\n    \"\n><\/p>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-walkthrough\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            inset:0!important;\n            z-index:1!important;\n            width:100%!important;\n            height:100%!important;\n            cursor:zoom-out!important;\n        \"\n    ><\/button><\/p>\n<div\n        style=\"\n            position:absolute!important;\n            inset:60px!important;\n            z-index:2!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            pointer-events:none!important;\n        \"\n    ><\/p>\n<p>        <img decoding=\"async\"\n            src=\"https:\/\/fourthedesign.com\/enigma\/images\/interactive-3d-interior-walkthrough.jpg\"\n            alt=\"Interactive 3D interior walkthrough\"\n            style=\"\n                display:block!important;\n                width:auto!important;\n                height:auto!important;\n                max-width:88vw!important;\n                max-height:calc(100vh - 120px)!important;\n                margin:auto!important;\n                border:0!important;\n                background:transparent!important;\n                object-fit:contain!important;\n                box-shadow:0 20px 65px rgba(0,0,0,.12)!important;\n                pointer-events:auto!important;\n            \"\n        ><\/p><\/div>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-walkthrough\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            top:22px!important;\n            right:24px!important;\n            z-index:4!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            width:54px!important;\n            height:54px!important;\n            border-radius:50%!important;\n            background:#111!important;\n            color:#fff!important;\n            font-family:Arial,Helvetica,sans-serif!important;\n            font-size:39px!important;\n            line-height:1!important;\n            cursor:pointer!important;\n            box-shadow:0 6px 22px rgba(0,0,0,.28)!important;\n        \"\n    ><br \/>\n        \u00d7<br \/>\n    <\/button><\/p>\n<\/div>\n<p><!-- ============================================================\n     09 COMPARISON\n============================================================ --><\/p>\n<div\n    id=\"enigma-pop-comparison\"\n    popover=\"auto\"\n    style=\"\n        position:fixed!important;\n        inset:0!important;\n        width:100vw!important;\n        height:100vh!important;\n        max-width:none!important;\n        max-height:none!important;\n        margin:0!important;\n        padding:0!important;\n        border:0!important;\n        background:#f4f3ef!important;\n        overflow:hidden!important;\n    \"\n><\/p>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-comparison\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            inset:0!important;\n            z-index:1!important;\n            width:100%!important;\n            height:100%!important;\n            cursor:zoom-out!important;\n        \"\n    ><\/button><\/p>\n<div\n        style=\"\n            position:absolute!important;\n            inset:60px!important;\n            z-index:2!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            pointer-events:none!important;\n        \"\n    ><\/p>\n<p>        <img decoding=\"async\"\n            src=\"https:\/\/fourthedesign.com\/enigma\/images\/real-estate-property-comparison-tool.jpg\"\n            alt=\"Interactive real estate property comparison tool\"\n            style=\"\n                display:block!important;\n                width:auto!important;\n                height:auto!important;\n                max-width:88vw!important;\n                max-height:calc(100vh - 120px)!important;\n                margin:auto!important;\n                border:0!important;\n                background:transparent!important;\n                object-fit:contain!important;\n                box-shadow:0 20px 65px rgba(0,0,0,.12)!important;\n                pointer-events:auto!important;\n            \"\n        ><\/p><\/div>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-comparison\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            top:22px!important;\n            right:24px!important;\n            z-index:4!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            width:54px!important;\n            height:54px!important;\n            border-radius:50%!important;\n            background:#111!important;\n            color:#fff!important;\n            font-family:Arial,Helvetica,sans-serif!important;\n            font-size:39px!important;\n            line-height:1!important;\n            cursor:pointer!important;\n            box-shadow:0 6px 22px rgba(0,0,0,.28)!important;\n        \"\n    ><br \/>\n        \u00d7<br \/>\n    <\/button><\/p>\n<\/div>\n<p><!-- ============================================================\n     10 MANAGEMENT\n============================================================ --><\/p>\n<div\n    id=\"enigma-pop-management\"\n    popover=\"auto\"\n    style=\"\n        position:fixed!important;\n        inset:0!important;\n        width:100vw!important;\n        height:100vh!important;\n        max-width:none!important;\n        max-height:none!important;\n        margin:0!important;\n        padding:0!important;\n        border:0!important;\n        background:#f4f3ef!important;\n        overflow:hidden!important;\n    \"\n><\/p>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-management\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            inset:0!important;\n            z-index:1!important;\n            width:100%!important;\n            height:100%!important;\n            cursor:zoom-out!important;\n        \"\n    ><\/button><\/p>\n<div\n        style=\"\n            position:absolute!important;\n            inset:60px!important;\n            z-index:2!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            pointer-events:none!important;\n        \"\n    ><\/p>\n<p>        <img decoding=\"async\"\n            src=\"https:\/\/fourthedesign.com\/enigma\/images\/real-estate-property-management-dashboard.jpg\"\n            alt=\"Real estate property management dashboard\"\n            style=\"\n                display:block!important;\n                width:auto!important;\n                height:auto!important;\n                max-width:88vw!important;\n                max-height:calc(100vh - 120px)!important;\n                margin:auto!important;\n                border:0!important;\n                background:transparent!important;\n                object-fit:contain!important;\n                box-shadow:0 20px 65px rgba(0,0,0,.12)!important;\n                pointer-events:auto!important;\n            \"\n        ><\/p><\/div>\n<p>    <button\n        type=\"button\"\n        popovertarget=\"enigma-pop-management\"\n        popovertargetaction=\"hide\"\n        aria-label=\"Close image\"\n        style=\"\n            all:unset!important;\n            position:absolute!important;\n            top:22px!important;\n            right:24px!important;\n            z-index:4!important;\n            display:flex!important;\n            align-items:center!important;\n            justify-content:center!important;\n            width:54px!important;\n            height:54px!important;\n            border-radius:50%!important;\n            background:#111!important;\n            color:#fff!important;\n            font-family:Arial,Helvetica,sans-serif!important;\n            font-size:39px!important;\n            line-height:1!important;\n            cursor:pointer!important;\n            box-shadow:0 6px 22px rgba(0,0,0,.28)!important;\n        \"\n    ><br \/>\n        \u00d7<br \/>\n    <\/button><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Case study \u00b7 Web 3D \u00b7 Real estate \u00b7 PropTech Turn an entire property development into an interactive sales platform. A browser-based 3D real-estate experience connecting the masterplan, buildings, individual residences, interiors, management in one interactive environment. Project Enigma \u00b7 Interactive Real Estate Property Explorer Year 2026 Industry Real estate \u00b7 Property development \u00b7 PropTech [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9908","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Interactive 3D Real Estate Property Explorer | Fourthedesign<\/title>\n<meta name=\"description\" content=\"Explore how Fourthedesign created an interactive Web 3D real estate property explorer connecting master plans, residences, interiors, availability, pricing and sales tools.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fourthedesign.gr\/en\/web-3d-real-estate-property-explorer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Interactive 3D Real Estate Property Explorer | Fourthedesign\" \/>\n<meta property=\"og:description\" content=\"Explore how Fourthedesign created an interactive Web 3D real estate property explorer connecting master plans, residences, interiors, availability, pricing and sales tools.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fourthedesign.gr\/en\/web-3d-real-estate-property-explorer\/\" \/>\n<meta property=\"og:site_name\" content=\"fourthedesign - 3d animation - architecture visualization\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/Fourthedesign\/844661815597983\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-30T09:03:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fourthedesign.com\/enigma\/images\/interactive-3d-sales-platform.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@fourthedesign\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/web-3d-real-estate-property-explorer\\\/\",\"url\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/web-3d-real-estate-property-explorer\\\/\",\"name\":\"Interactive 3D Real Estate Property Explorer | Fourthedesign\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/web-3d-real-estate-property-explorer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/web-3d-real-estate-property-explorer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/fourthedesign.com\\\/enigma\\\/images\\\/interactive-3d-sales-platform.webp\",\"datePublished\":\"2026-09-25T13:32:04+00:00\",\"dateModified\":\"2026-09-30T09:03:22+00:00\",\"description\":\"Explore how Fourthedesign created an interactive Web 3D real estate property explorer connecting master plans, residences, interiors, availability, pricing and sales tools.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/web-3d-real-estate-property-explorer\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/web-3d-real-estate-property-explorer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/web-3d-real-estate-property-explorer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/fourthedesign.com\\\/enigma\\\/images\\\/interactive-3d-sales-platform.webp\",\"contentUrl\":\"https:\\\/\\\/fourthedesign.com\\\/enigma\\\/images\\\/interactive-3d-sales-platform.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/web-3d-real-estate-property-explorer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"web-3d-real-estate-property-explorer\\\/\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/\",\"name\":\"fourthedesign - 3d animation - architecture visualization\",\"description\":\"3d animation architecture visualization interactive apps\",\"publisher\":{\"@id\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/#organization\",\"name\":\"fourthedesign - Multimedia VR & AR apps - 3d animation - architecture visualization - Real-time Interactivity\",\"url\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/wp-content\\\/uploads\\\/2015\\\/08\\\/fourthedesign-logo-200_dark1.png\",\"contentUrl\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/wp-content\\\/uploads\\\/2015\\\/08\\\/fourthedesign-logo-200_dark1.png\",\"width\":200,\"height\":152,\"caption\":\"fourthedesign - Multimedia VR & AR apps - 3d animation - architecture visualization - Real-time Interactivity\"},\"image\":{\"@id\":\"https:\\\/\\\/fourthedesign.gr\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/pages\\\/Fourthedesign\\\/844661815597983\",\"https:\\\/\\\/x.com\\\/fourthedesign\",\"https:\\\/\\\/gr.linkedin.com\\\/pub\\\/giannis-kastrinakis\\\/19\\\/a5a\\\/9b7\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/fourthedesign\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Interactive 3D Real Estate Property Explorer | Fourthedesign","description":"Explore how Fourthedesign created an interactive Web 3D real estate property explorer connecting master plans, residences, interiors, availability, pricing and sales tools.","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:\/\/fourthedesign.gr\/en\/web-3d-real-estate-property-explorer\/","og_locale":"en_US","og_type":"article","og_title":"Interactive 3D Real Estate Property Explorer | Fourthedesign","og_description":"Explore how Fourthedesign created an interactive Web 3D real estate property explorer connecting master plans, residences, interiors, availability, pricing and sales tools.","og_url":"https:\/\/fourthedesign.gr\/en\/web-3d-real-estate-property-explorer\/","og_site_name":"fourthedesign - 3d animation - architecture visualization","article_publisher":"https:\/\/www.facebook.com\/pages\/Fourthedesign\/844661815597983","article_modified_time":"2026-09-30T09:03:22+00:00","og_image":[{"url":"https:\/\/fourthedesign.com\/enigma\/images\/interactive-3d-sales-platform.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@fourthedesign","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fourthedesign.gr\/en\/web-3d-real-estate-property-explorer\/","url":"https:\/\/fourthedesign.gr\/en\/web-3d-real-estate-property-explorer\/","name":"Interactive 3D Real Estate Property Explorer | Fourthedesign","isPartOf":{"@id":"https:\/\/fourthedesign.gr\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fourthedesign.gr\/en\/web-3d-real-estate-property-explorer\/#primaryimage"},"image":{"@id":"https:\/\/fourthedesign.gr\/en\/web-3d-real-estate-property-explorer\/#primaryimage"},"thumbnailUrl":"https:\/\/fourthedesign.com\/enigma\/images\/interactive-3d-sales-platform.webp","datePublished":"2026-09-25T13:32:04+00:00","dateModified":"2026-09-30T09:03:22+00:00","description":"Explore how Fourthedesign created an interactive Web 3D real estate property explorer connecting master plans, residences, interiors, availability, pricing and sales tools.","breadcrumb":{"@id":"https:\/\/fourthedesign.gr\/en\/web-3d-real-estate-property-explorer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fourthedesign.gr\/en\/web-3d-real-estate-property-explorer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fourthedesign.gr\/en\/web-3d-real-estate-property-explorer\/#primaryimage","url":"https:\/\/fourthedesign.com\/enigma\/images\/interactive-3d-sales-platform.webp","contentUrl":"https:\/\/fourthedesign.com\/enigma\/images\/interactive-3d-sales-platform.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/fourthedesign.gr\/en\/web-3d-real-estate-property-explorer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fourthedesign.gr\/en\/"},{"@type":"ListItem","position":2,"name":"web-3d-real-estate-property-explorer\/"}]},{"@type":"WebSite","@id":"https:\/\/fourthedesign.gr\/en\/#website","url":"https:\/\/fourthedesign.gr\/en\/","name":"fourthedesign - 3d animation - architecture visualization","description":"3d animation architecture visualization interactive apps","publisher":{"@id":"https:\/\/fourthedesign.gr\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fourthedesign.gr\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/fourthedesign.gr\/en\/#organization","name":"fourthedesign - Multimedia VR & AR apps - 3d animation - architecture visualization - Real-time Interactivity","url":"https:\/\/fourthedesign.gr\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fourthedesign.gr\/en\/#\/schema\/logo\/image\/","url":"https:\/\/fourthedesign.gr\/en\/wp-content\/uploads\/2015\/08\/fourthedesign-logo-200_dark1.png","contentUrl":"https:\/\/fourthedesign.gr\/en\/wp-content\/uploads\/2015\/08\/fourthedesign-logo-200_dark1.png","width":200,"height":152,"caption":"fourthedesign - Multimedia VR & AR apps - 3d animation - architecture visualization - Real-time Interactivity"},"image":{"@id":"https:\/\/fourthedesign.gr\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/Fourthedesign\/844661815597983","https:\/\/x.com\/fourthedesign","https:\/\/gr.linkedin.com\/pub\/giannis-kastrinakis\/19\/a5a\/9b7","https:\/\/www.youtube.com\/user\/fourthedesign"]}]}},"_links":{"self":[{"href":"https:\/\/fourthedesign.gr\/en\/wp-json\/wp\/v2\/pages\/9908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fourthedesign.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fourthedesign.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fourthedesign.gr\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fourthedesign.gr\/en\/wp-json\/wp\/v2\/comments?post=9908"}],"version-history":[{"count":32,"href":"https:\/\/fourthedesign.gr\/en\/wp-json\/wp\/v2\/pages\/9908\/revisions"}],"predecessor-version":[{"id":9943,"href":"https:\/\/fourthedesign.gr\/en\/wp-json\/wp\/v2\/pages\/9908\/revisions\/9943"}],"wp:attachment":[{"href":"https:\/\/fourthedesign.gr\/en\/wp-json\/wp\/v2\/media?parent=9908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}