Interaktive Web-Erlebnisse

Von der 3D-Produktdemo bis zum virtuellen Showroom: Wir entwickeln Erlebnisse, die Nutzer aktiv einbeziehen – seriös, performant und sauber in TYPO3 integriert.

Kernleistungen – was wir umsetzen

Interaktive Module, die sich nahtlos in Ihre Website einfügen.

🧭

3D-Produktpräsentation

Modelle drehen, zoomen, Details zeigen; Hotspots erklären Funktionen direkt am Objekt.

  • Echtzeit-3D im Browser (WebGL)
  • Hotspots mit Text/Bild/Video
🎛️

Varianten & Konfiguration

Farben, Materialien, Bauteile – Variantenwechsel macht Optionen erlebbar.

  • Material/Color-Switcher
  • Komponenten ein/aus
🏢

Virtueller Showroom

Produkte in einem digitalen Raum präsentieren – ideal für Kampagnen oder Messen.

  • Geführte Szenen/Abschnitte
  • CTA-Punkte & Leads
🧩

Interaktive Anleitungen

Montage/Bedienung Schritt für Schritt – verständlich und motivierend.

  • Step-by-Step mit Fokus
  • Tooltips & Fehlerhinweise
📱

AR/VR-Ansichten (optional)

Produkt im Raum erleben oder immersive Rundgänge – wo es fachlich sinnvoll ist.

  • AR-Modus auf mobilen Geräten
  • VR-Rundgang im Browser

Barrierearme Umsetzung

Klare Steuerung, reduzierte Bewegung, Fallbacks (Bild/Video) – inkl. optionaler Vorlese-Funktion.

  • Keyboard-Bedienung & Fokus
  • Alternativen (Poster, Transcript)

So sehen Interaktionen aus

Ein Blick in typische Module – als Inspiration für Ihren Anwendungsfall.

🧱

Hotspot-Demo

Informationspunkte erklären Funktionen direkt am Produkt – mit Bild, kurzer Beschreibung und Link zu Details.

🎚️

Material-Switcher

Ein Klick wechselt Oberfläche/Farbe – ideal für Möbel, Geräte, Fahrzeuge oder Maschinen.

🧭

Geführter Rundgang

„Next“-Navigation führt Nutzer durch die wichtigsten Features – perfekt für Landingpages.

🧭

Schritt-Anleitung

Montage/Bedienung in kleinen Schritten – mit Fokus, Hervorhebungen und Prüfschritten.

Technik & Integration

Seriös umgesetzt: Performance, Barrierefreiheit, Fallbacks – und sauber in TYPO3 integriert.

🧩

WebGL – Service oder SaaS

Leistungsstarke 3D-Engine mit hochkompaktem 3D-Format – optimiert für schnelle Ladezeiten, Datensicherheit und kundenspezifische Erweiterungen.

  • Eigene 3D-Struktur – kleiner als Draco & viel kleiner als glTF
  • Service- oder SaaS-Betrieb, flexibel skalierbar
  • Höchste Datensicherheit & Verschlüsselung
  • www.trimachine.com
🧩

TYPO3-Module

Als Content-Elemente einbettbar (Fluid/CE), konfigurierbar im Backend, mit Fallback zu Bild/Video.

  • Redakteur:innenfreundliche Felder
  • Mehrsprachig & versionierbar
🚀

Performance & Fallbacks

Lazy-Loading, On-Demand-Laden großer Assets, Poster-Bilder; für schwache Geräte automatisch reduziert.

  • Core Web Vitals im Blick
  • Graceful Degradation

Fragen & Antworten

Kurz und konkret – damit Sie die Machbarkeit schnell einschätzen können.

Welche Datenformate kann ich verwenden?

Grundsätzlich sind alle gängigen Ausgangsdaten verwendbar – etwa aus CAD-Systemen, 3ds Max oder Blender. Als Austauschformate eignen sich FBX, OBJ, GLB oder glTF.

Wie funktioniert die Datenoptimierung?

CAD- oder 3D-Daten werden automatisiert in ein spezialisiertes 3D Format konvertiert, wobei die ursprüngliche Struktur mit Hierarchie und Detailtreue erhalten bleibt. Durch moderne Datenkompression wird die Datenmenge ohne sichtbare Qualitätsverluste deutlich reduziert, was eine schnelle, performante Darstellung im Browser ermöglicht.

Wie sicher sind meine 3D-Daten?

Bei nicht-öffentlichen Projekten können 3D-Daten zusätzlich verschlüsselt bereitgestellt werden. Der Zugriff erfolgt ausschließlich für eingeloggte Benutzer (Besitzer). Nach der Konvertierung werden alle hochgeladenen Daten umgehend von unseren Servern gelöscht.

Was bedeutet „verlustbehaftete“ Datenreduktion?

Bei der datenreduzierten Bereitstellung wird die geometrische Präzision außerhalb des visuell wahrnehmbaren Bereichs reduziert. Das Ergebnis: sehr schnelle Ladezeiten bei gleichzeitig unveränderter visueller Qualität. Je nach Sicherheitsanforderung oder Genauigkeitsanspruch kann die verlustbehaftete Kompression aktiviert oder deaktiviert werden.

Funktioniert das auf Mobilgeräten?

Ja. Wir passen Qualität & Detailgrad an, laden Assets on-demand und bieten Alternativen (Bild/Video), wenn das Gerät schwach ist.

Was ist mit Barrierefreiheit?

Interaktive Module erhalten Tastatursteuerung & Fokus, klare Labels und Alternativen. Motion wird respektvoll reduziert. Inhalte lassen sich optional vorlesen.

Wie binden wir das in TYPO3 ein?

Als Content-Element (Fluid/Extbase oder Sitepackage-CE) mit Feldern für Assets, Hotspots, Texte und Fallbacks – mehrsprachig, versionierbar und redaktionsfreundlich.

Interaktive Elemente sinnvoll einsetzen?

Wir prüfen Machbarkeit, Performance & A11y und skizzieren eine modulare Lösung – sauber in TYPO3 integriert.

Kurzberatung anfragen