Von 2D zu 3D: Wie das Web spatial wird und was Unternehmen davon haben

2d zu 3D – viSales

Dieser Beitrag erschien ursprünglich 2024 als LinkedIn-Beitrag. Er richtet sich an Leserinnen und Leser, die einen Einstieg in das Thema suchen. Neuere Seiten und Artikel bauen inhaltlich darauf auf und gehen bewusst weiter in die Tiefe.

Eine Spatial Website ist eine Internetseite mit integriertem Spatial Content, also speziell aufbereitete Inhalte wie 3D-Modelle, räumliche Fotos oder Videos. Diese Website-Typen lassen sich auf Geräten wie der Apple Vision Pro als immersives 3D-Erlebnis darstellen.

In diesem Artikel zeige ich die fünf aktuell möglichen Funktionen, die eine Spatial Website bieten kann. NutzerInnen mit Apple Vision Pro können unsere Beispielseite direkt testen, für alle anderen gibt es Videos und Grafiken zur Erklärung. Einige Funktionen gehen auch mit einem iPhone oder iPad!

Was ist Spatial Content?

Unter „Spatial Content“ verstehen wir digitale Inhalte, die im Raum verankert sind und kontextabhängig erlebt werden, typischerweise durch Augmented Reality.

Bei viSales produzieren wir solche Inhalte seit über 10 Jahren, speziell für den Vertrieb. Spatial Content kann z. B. aus folgenden Formaten bestehen:

  • 3D-Objekte (via OpenUSD / *.usdz),
  • immersive Foto- und Videoformate,
  • interaktive Szenarien im Raum.

Anders als flache Inhalte auf einem Bildschirm verschmilzt Spatial Content mit der Umgebung. Er reagiert auf Position, Blickrichtung oder Bewegung – und macht so Informationen dort sichtbar, wo sie gebraucht werden: etwa direkt an einem Produkt oder Messestand.

Die fünf Funktionen einer Spatial Website

1. Bild startet Augmented Reality (seit visionOS 1, 2023)

Ein einfaches Bild auf der Website kann direkt ein 3D-Objekt im USDZ-Format aktivieren. Nutzer*innen der Apple Vision Pro tippen das Bild an oder nutzen eine Geste – und schon erscheint das Objekt frei im Raum.

Mehr zum Einsatz von Augmented Reality mit Websites / im Vertrieb: AR im eCommerce – ein Überblick. Diese Funktion gibt es auch mit dem iPhone oder iPad.

2. Spatial Foto (seit visionOS 2, 2024)

Mit einem iPhone 15 oder 16 aufgenommene räumliche Fotos lassen sich direkt in Websites integrieren. Der Effekt erinnert an einen 3D-Bilderrahmen, durch den man optisch in das Foto eintauchen kann.

Mehr zu dem Thema Spatial-Foto und -Video in diesem Video „Was ist Spatial Foto & Video?“ auf YouTube und diesem Beitrag: Was ist Spatial Video, VR180, 3D-Foto & volumetrisches Video?

3. (3D-)Model-Player (seit visionOS 26, 2025)

Die mit Abstand eindrucksvollste Funktion: Das neue HTML-Element  model macht es möglich, ein 3D-Modell vor der Website schweben zu lassen. Wirklich! Das Objekt scheint vor dem eigentlichen Webseiteninhalt im Raum zu stehen – ein verblüffender Effekt.

In meinem Video „model-Element: Einfach 3D-Inhalte in Websites einbinden“ zeige ich genau, wie das aussieht. Und wer die Szene aus dem AppleTV+-Film „Schwanengesang“ kennt, dem kommt das Design bekannt vor, denn Apple hat schon 2021 gezeigt, was möglich ist. Damit wird Deine Website zum 3D-Canvas. Und der Vertrieb zum Erlebnis. Diese Funktion gibt es auch mit dem iPhone oder iPad in der Beta-26: Aktivierbar in den Einstellungen.

4. KI-generiertes Spatial Foto (seit visionOS 26, 2025)

Dank KI-Funktion analysiert das System ein normales Foto beim Laden und erzeugt automatisch ein räumliches Bild. So lassen sich auch ältere Aufnahmen als Spatial-Fotos nutzen. Die Qualität hängt vom Ursprungsbild ab.

spatial foto 3D foto apple viosion pro – viSales Das Bild scheint VOR der Website zu schweben, es hat jedoch eine räumliche Tiefe

5. Enviroments, ein “Bilderschirmhintergrund” (seit visionOS 26, 2025)

apple enviroments vision pro website 3D OpenUSD USDZ – viSales Dies ist die BEEINRUCKENSTE neue Funktion: Eine ganze 3D-Welt erleben können

Neu ist auch die Möglichkeit, eine komplette 3D-Szene als Hintergrund für das Browserfenster zu platzieren – z. B. eine Strandkulisse oder ein Weltraum-Setting. Diese Funktion ähnelt den bekannten Apple Vision Pro-Umgebungen („Environments“), nutzt aber eigene OpenUSD-Objekte.

Mein Erklärvideo zu der neuen Enviroment-Funktion, zu finden auf YouTube.

Testen: Unsere Spatial-Demo für die Apple Vision Pro

Wenn Du diese Seite gerade mit der Apple Vision Pro betrachtest, kannst Du direkt einige der oben beschriebenen Funktionen ausprobieren: Zur Spatial-Demo wechseln. Falls Du (noch) keine AVP nutzt: Dieses YouTube-Video zeigt unsere Demo-Website mit „Funktion 1“ in Aktion: Spatial Website mit der Apple Vision Pro erleben.

Was hat ein Unternehmen von solchen Websites?

Eine Spatial Website verbindet Webtechnologie mit Augmented Reality, ganz ohne App. Für Marketing, Vertrieb und Schulung bietet das neue Möglichkeiten, Produkte emotional, immersiv und interaktiv erlebbar zu machen.

Du hast Fragen oder willst eine eigene Spatial Website starten? Sprich mich, Gerhard Schröder, an oder vereinbare einen Termin für einen Zoom-Call.

Viele Grüße aus Velbert

Gerhard Schröder

 

 

 

 

Du willst wissen ob AR & 3D für dein Produkt passt?

In 30 Minuten sortieren wir gemeinsam, ob und wo AR in eurem Vertrieb konkret etwas bringt — ohne Pitch, ohne Angebot. Kein Verkaufsdruck, eine ehrliche Einordnung. Rheingas und Somfy haben so angefangen.

Einordnungsgespräch buchen

 

 

Typische Fragen

Was ist eine Spatial Website und was unterscheidet sie von einer normalen Website?

Eine Spatial Website bindet 3D-Inhalte direkt in den Browser ein — ohne App-Download, ohne zusätzliche Software. Über den HTML-``-Tag lassen sich USDZ-Objekte einbetten, die auf der Apple Vision Pro vor der Seite im Raum schweben oder auf iPhone und iPad per AR Quick Look in der realen Umgebung platziert werden können. Eine normale Website zeigt Bilder und Videos auf einer flachen Fläche — eine Spatial Website macht Inhalte räumlich erlebbar.

Welche fünf Funktionen kann eine Spatial Website auf der Apple Vision Pro bieten?

Der Artikel beschreibt: (1) Ein Bild startet AR direkt für ein USDZ-3D-Objekt (seit visionOS 1, 2023). (2) Spatial-Fotos von iPhone 15/16 lassen sich wie ein 3D-Bilderrahmen auf der Seite einbetten (visionOS 2, 2024). (3) Der HTML-``-Tag lässt ein 3D-Objekt vor der Website im Raum schweben (visionOS 26, 2025). (4) KI-generierte Spatial-Fotos aus normalen Bildern (visionOS 26). (5) Eine vollständige 3D-Umgebung als Website-Hintergrund — ähnlich den Apple Vision Pro Environments (visionOS 26).

Brauchen Kunden eine App, um 3D-Objekte auf einer Spatial Website zu erleben?

Nein. Alle fünf beschriebenen Funktionen laufen über native Browser-Fähigkeiten — kein App-Download, kein App Store. Auf iOS startet AR über Safari automatisch per Quick Look. Einige Funktionen sind auch auf iPhone und iPad ohne Apple Vision Pro nutzbar, darunter das Bild-zu-AR-Feature und der ``-Tag in der iOS 26 Beta.

Welchen Nutzen haben Spatial Websites konkret für Marketing und Vertrieb?

Spatial Websites machen Produkte emotional, immersiv und interaktiv erlebbar — direkt auf der Unternehmenswebsite, ohne App-Hürde. Für den Vertrieb bedeutet das: Kunden platzieren ein Produkt per Smartphone in den eigenen Raum, noch bevor ein Gespräch stattgefunden hat. Das reduziert Rückfragen, verkürzt Entscheidungsprozesse und hebt die eigene Präsentation deutlich von statischen Mitbewerber-Seiten ab.

Einordnungsgespräch buchen

→ viSales als OpenUSD-Partner: OpenUSD für B2B-Unternehmen

Häufige Fragen

Was ist eine Spatial Website?

Eine Spatial Website stellt 3D-Inhalte direkt im Browser dar – ohne App-Download. Über das HTML-Model-Tag lassen sich USDZ-Objekte einbetten, die Nutzer mit dem Smartphone in ihrer realen Umgebung platzieren können.

Welche Geräte können Spatial Websites anzeigen?

Spatial Websites funktionieren auf allen modernen Smartphones (iOS und Android) sowie auf dem Apple Vision Pro. Auf iOS startet AR über Safari automatisch per Quick Look – auf Android über den Google Scene Viewer.

Brauche ich eine App für eine Spatial Website?

Nein. Spatial Websites nutzen native Browser-Funktionen – kein App-Download, kein App Store. Der Nutzer öffnet einen Link oder scannt einen QR-Code, und das 3D-Modell startet direkt in der Kamera.

Was ist das HTML Model-Tag?

Das HTML Model-Tag ist ein neues Web-Element, das 3D-Objekte direkt in eine Webseite einbettet – ähnlich wie img für Bilder. Unterstützte Formate sind USDZ (Apple) und GLB (Android/Web).