Die neue Ära der Innenarchitektur-Präsentation

Paradigma-Wechsel

Warum statische PDF-Präsentationen ausgedient haben

Klassische 40-seitige PDF-Dateien und unzusammenhängende Einzelrenderings scheitern daran, räumliche Proportionen, Materialtexturen und Lichtstimmungen wirklich erlebbar zu machen.

Traditioneller Ansatz

Statische PDFs & Render-Listen

Schwere, unhandliche PDF-Dateien ohne Orientierung im Grundriss.
Isolierte Einzelbilder lassen keinen Eindruck vom räumlichen Raumfluss zu.
Keine Interaktivität: Kunden können Blickwinkel, Details und Beleuchtung nicht selbst steuern.
Getrennte Dokumente für 3D-Bilder, Bemaßungspläne und Materiallisten.

                Die neue Web-Ära
                Interaktives Spatial Web-Portal
                
                        Ein einziger, reaktionsschneller Weblink: Öffnet sofort auf Desktop, iPad und Smartphone.
                    
                        Vollständige 360°-Rundgänge mit räumlichen Hotspots und interaktiven Materialnotizen.
                    
                        Live-synchronisierter SVG-Grundriss mit Blickwinkel-Kegel und Knotenpunkten.
                    
                        Vollständiges CAD-Planungsset, Architekturfilm und kuratierte Detailgalerie aus einem Guss.

Technologien & Methodik

Die 6 Säulen des interaktiven Showcase-Systems

Eine Symbiose aus modernster Webtechnologie, fotorealistischem CGI und architektonischer Präzision.

01 / IMMERSION

360° WebGL Panorama-Engine

Echtzeit-Sphärenprojektion mit nativer Maus-, Touch- und Gyroskop-Steuerung. Ermöglicht dem Kunden nahtlose Raumwechsel zwischen Wohnbereich, Luxusküche, Master-Suite und Hinoki-Bad. Interaktive Hotspots vermitteln Materialspezifikationen direkt im Raum.

WebGL Equirectangular Pannellum 2.5 Engine Spatial Hotspot HUD Auto-Rotation

360° VR Engine 360 Panorama Showcase

02 / ORIENTIERUNG

Dynamisches SVG Grundriss-Radar

Ein maßstabsgetreuer Vektor-Grundriss mit Echtzeit-Kamerakegeln (Field of View). Kunden sehen exakt, an welcher Raumkoordinate sie sich befinden und in welche Himmelsrichtung der Blick gerichtet ist. Integrierte Layer-Schalter für Möbel, Bemaßung und Waypoints.

SVG Vector DOM API FOV Camera Radar Cone Multi-Layer Filter Interactive Pan & Zoom

SVG Blueprint Radar SVG Blueprint Radar UI

03 / EMOTION

Atmosphärischer 4K-Architekturfilm

Bewegtbild erweckt Architektur zum Leben. Ein filmischer Zusammenschnitt mit lebendiger Wind- und Vegetations-Simulation, dynamischem Tageslichtverlauf und zeitgesteuerten Raum-Bookmarks für sofortige Kapitelanwahl.

HTML5 Canvas Video Vegetation Dynamics Time-Coded Bookmarks Ambient Soundscape

Cinematic Motion Reel Atmospheric Video Showcase

04 / DETAILGENAUIGKEIT

Kuratierte Detail- & Materialgalerie

Asymmetrische Masonry-Galerie mit Raumfiltern (Küche, Wohnzimmer, Schlafbereich, Hinoki-Wanne, Patio). Ermöglicht hochauflösendes Lightbox-Inspektions-Zoomen auf maßgefertigte Schreinerdetails, handwerklich verarbeitetes Shou Sugi Ban und Travertin.

Masonry Grid Layout High-DPI Lightbox Category Filtering CGI Material Macro

Photorealistic Detail Material & Joinery Detail

05 / PRÄZISION

Integrierter CAD-Ausführungsplan-Browser

Keine Trennung von Design und Umsetzung: Bauherren, Fachingenieure und Handwerker können den kompletten Planungsset-Katalog mit Grundrissen, Schnitten, Ansichten und Tischlerdetails direkt im Browser in voller Auflösung einsehen und herunterladen.

Multi-Sheet CAD Viewer Direct PDF Export Joinery Detail Specs Technical Schedule

CAD Working Drawings CAD Construction Drawings

06 / PERFORMANCE

Zero-Install Multi-Device Bereitstellung

Keine App-Installation, keine Passwörter oder schweren Downloads. Entwickelt mit moderner Web-Performance-Optimierung, Kachelpyramiden für 360°-Texturen und adaptiver Bandbreitensteuerung für flüssige 60fps-Präsentationen beim Kunden vor Ort.

Zero Plugin Architecture Instant Cloud Delivery Touch & Tablet Ready Sub-Second Load Time

Modern Web Tech Modern Web Performance Showcase

System-Architektur

Technische Komponenten & Pipeline

Ein modularer Technologie-Stack, der CGI-Pipelines, WebGL-Grafik und Frontend-Engineering nahtlos vereint.

360° Spherical Rendering

Photorealistische 8K-Equirectangular-Panoramen mit physikalisch korrektem Licht- und Materialsetup (Corona / V-Ray / Unreal Engine).

WebGL Panorama Core

Leichtgewichtige WebGL-Texturprojektion mit Kachelaufteilung (Tile Pyramids) für verzögerungsfreie Ladezeiten auf Mobilgeräten.

SVG Coordinate Sync

Mathematische Projektion der Yaw/Pitch-Kamerawinkel auf 2D-Vektor-Blickwinkelkegel für intuitive Raumverortung.

Glassmorphism UI System

Schwebende Dark-Mode-Bedienoberflächen mit feinen Unschärfefiltern, die den Fokus ganz auf die Raumgestaltung lenken.

Adaptive Video Delivery

Optimierte MP4/WebM-Videostreams mit Scrubbing-Leiste, Raum-Timestamps und synchronisierter Audiospur.

CAD Vector Integration

Hochauflösend gerenderte Plangrafiken mit Zoom-Inspektor zur Überprüfung von Maßen, Schnitten und Ausführungsdetails.