3D-Website erstellen lassen im Allgäu
Eine 3D-Website zeigt Ihr Angebot so, dass Besucher stehen bleiben: eine Landschaft, die sich beim Scrollen dreht, ein Produkt, das man von allen Seiten sieht. Wir bauen solche Seiten so, dass sie trotzdem schnell laden und bei Google gefunden werden.
Festpreis nach dem Erstgespräch · Erstgespräch kostenlos
3D-Websites und Scroll-Animationen im Allgäu.
Oben sehen Sie ein Beispiel aus unserer eigenen Arbeit: das Oberallgäu als 3D-Relief, berechnet aus echten Höhendaten. Auf unserer Seite für Webdesign in Sonthofen dreht es sich mit dem Scrollen und zeigt, wo die Orte liegen. Auf dem Handy erscheint an derselben Stelle eine flache Karte, die sofort lädt.
Genau darin liegt die Arbeit bei 3D im Web. Ein Effekt ist schnell gebaut. Schwierig wird es, wenn er auf einem älteren Smartphone ruckelt, den Akku leert oder die Seite so lange lädt, dass Besucher vorher abspringen. Deshalb planen wir bei jeder 3D-Szene mit, was Besucher ohne schnelle Grafikkarte zu sehen bekommen.
Eine 3D-Website ist ein individuelles Projekt. Den Festpreis bekommen Sie nach dem Erstgespräch schriftlich, sobald feststeht, welche Szenen es geben soll und woher Daten oder Modelle kommen.
Wir betreuen keinen direkten Wettbewerber aus Ihrer Branche in Ihrer Nähe.
bei Google (4) und Trustpilot (2)
Websites und Apps, darunter ein CRM und eine All-in-One-Plattform
Schnitzerstraße 2, Termine vor Ort im Oberallgäu
Was eine 3D-Website ausmacht.
- Was
- Räumliche Szenen im Browser
Mit WebGL rechnet der Browser 3D-Grafik direkt auf der Grafikkarte, ganz ohne Plugin. Dazu kommen Scroll-Animationen, bei denen sich Inhalte mit der Bewegung der Seite verschieben, drehen oder aufbauen. Beides lässt sich einzeln oder zusammen einsetzen, vom kleinen Akzent bis zur ganzen Startseite.
- Wann
- Wenn das Bild die Arbeit macht
Bei Produkten, die man sehen muss, bei Orten, Räumen und Landschaften oder wenn sich Ihre Marke deutlich von Mitbewerbern abheben soll. Auch ein Ablauf aus mehreren Schritten wird mit einer Scroll-Animation oft verständlicher als mit einer Liste.
- Was nicht
- Kein Effekt ohne Aufgabe
Eine 3D-Szene, die nur beeindrucken soll, kostet Ladezeit und lenkt von der Anfrage ab. Wir setzen sie dort ein, wo sie etwas erklärt oder zeigt. Texte, Preise und Kontakt bleiben normales HTML, damit Google sie lesen kann und niemand erst eine Animation abwarten muss.
3D für Betriebe im Allgäu.
Das Allgäu hat, was sich in 3D gut zeigen lässt: Berge, Täler, Seen und Orte, die man aus der Luft sofort wiedererkennt. Für Gastgeber in Oberstdorf oder Füssen kann eine räumliche Karte zeigen, wie nah Loipe, Bergbahn oder See tatsächlich liegen. Auch ein Hotel kann Zimmer und Umgebung räumlich zeigen, statt nur Fotos aneinanderzureihen.
Unser Relief entstand aus frei verfügbaren Höhendaten. Die Punkte bilden die echten Berge und Täler ab, die Markierungen sitzen auf den echten Koordinaten der Orte. So wird aus einer schönen Grafik eine, die auch stimmt. In Bewegung sehen Sie es auf unserer Seite für Webdesign in Sonthofen.
Ein anderes Beispiel ist die Website für Stumpner Emotions: filmisch, mit großen Bildern und Bewegung, ganz auf visuelles Erzählen ausgelegt. Weitere Arbeiten finden Sie unter Referenzen.
Für Termine im Oberallgäu und in der näheren Umgebung kommen wir persönlich vorbei. Bei 3D-Projekten lohnt sich das besonders, weil wir Entwürfe direkt am Laptop oder Tablet zeigen können, statt Videos per Mail hin und her zu schicken.
Welche Technik passt?
| Scroll-Animation | 3D-Szene mit WebGL | |
|---|---|---|
| Wirkung | Inhalte bewegen sich mit dem Scrollen | Räumliches Modell, das sich dreht oder durchfliegen lässt |
| Aufwand | Überschaubar | Höher, je nach Modell und Daten |
| Ladezeit | Kaum spürbar | Braucht ein eigenes Ladepaket |
| Handy | Läuft meist direkt | Oft mit vereinfachter Fassung |
| Passt für | Abläufe, Produkte, Geschichten | Orte, Landschaften, Räume, Produkte in 3D |
| Baustein | Wozu er dient |
|---|---|
| Ersatzbild | Wer kein WebGL hat oder weniger Bewegung wünscht, sieht ein ruhiges Bild |
| Späteres Laden | Die 3D-Technik lädt erst, wenn die Seite schon steht |
| Pause außer Sicht | Die Szene rechnet nur, solange man sie sieht |
| Text als HTML | Überschriften und Inhalte bleiben für Google lesbar |
| Bewegung abschaltbar | Die Einstellung „Bewegung reduzieren“ wird beachtet |
Wie eine schnelle Seite ohne 3D aufgebaut ist, zeigt die Seite Business-Website. Beides lässt sich kombinieren.
Schön und trotzdem schnell.
Die größte Gefahr bei 3D-Websites ist die Ladezeit. Eine 3D-Bibliothek wie Three.js bringt einiges an Code mit, dazu kommen Modelle, Texturen oder Höhendaten. Wir laden diesen Teil getrennt und erst dann, wenn die übrige Seite bereits steht. Besucher können also sofort lesen und scrollen, während die Szene im Hintergrund nachlädt.
Auf Touch-Geräten und bei eingeschalteter Einstellung „Bewegung reduzieren“ zeigen wir statt der Szene ein ruhiges Bild. Bei unserem Relief ist das eine Schummerungskarte, auf der dieselben Orte markiert sind. Die Information bleibt, nur die Bewegung fällt weg.
Läuft die Szene, rechnet sie nur, solange sie im Bild ist. Scrollt der Besucher weiter oder wechselt den Tab, pausiert sie. Das schont Akku und Lüfter und hält die restliche Seite flüssig.
Für Google zählt, was im HTML steht. Überschriften, Texte und Links stehen deshalb ganz normal auf der Seite. Die Szene ergänzt sie, ersetzt sie aber nicht.
Worauf es ankommt.
Überlegen Sie, was die 3D-Szene zeigen soll. „Etwas Modernes“ reicht als Auftrag nicht. „Wie nah unsere Ferienwohnungen am See liegen“ oder „wie die Maschine innen aufgebaut ist“ ergibt eine Szene mit Zweck.
Prüfen Sie, welche Daten es schon gibt. CAD-Modelle, Grundrisse, Drohnenaufnahmen oder Höhendaten sparen viel Arbeit. Ein Modell von Grund auf zu bauen, ist der teuerste Weg.
Setzen Sie 3D sparsam ein. Eine starke Szene auf der Startseite wirkt mehr als fünf kleine Effekte auf jeder Unterseite, und die Seite bleibt schnell.
Testen Sie auf dem eigenen Handy. Vor dem Start schicken wir Ihnen einen Link, den Sie auf Ihrem Gerät öffnen. So sehen Sie, was Ihre Kunden sehen, statt nur die Fassung auf dem großen Bildschirm im Büro.
Denken Sie an Inhalte für Google. Auch eine 3D-Startseite braucht Unterseiten mit Text, damit Sie für Ihre Leistungen gefunden werden. Wie das aussieht, steht unter Local SEO.
Planen Sie die Pflege mit ein. Browser und 3D-Bibliotheken entwickeln sich weiter. Mit Wartung und Hosting bleiben Technik und Bibliotheken auf aktuellem Stand.
Checkliste für Ihr 3D-Projekt
- Was die Szene zeigen soll, in einem Satz
- Vorhandene Modelle, Pläne oder Fotos
- Seiten, auf denen 3D vorkommen soll
- Beispiele von Websites, die Ihnen gefallen
- Zugang zu Ihrer Domain
- Wunschtermin für den Start
Weitere Leistungen.
- Business-WebsiteMehrere Unterseiten, eine je Leistung, Texte inklusive.
- Website-RelaunchBestehende Seite modernisieren, ohne Google-Treffer zu verlieren.
- Web-Apps und SoftwareBuchungssysteme, Kundenportale und Plattformen, die im Browser laufen.
- Wartung und HostingHosting in Deutschland und Updates ab 40 € im Monat.
Häufige Fragen zu 3D-Websites im Allgäu.
Was kostet eine 3D-Website?
Das hängt davon ab, was die Szene zeigen soll und ob Modelle oder Daten schon vorhanden sind. Eine Scroll-Animation auf einer Business-Website kostet deutlich weniger als ein eigenes 3D-Modell. Den Festpreis bekommen Sie nach dem Erstgespräch schriftlich.
Lädt eine 3D-Website nicht zu langsam?
Nicht, wenn sie richtig gebaut ist. Die 3D-Technik lädt getrennt und erst nach dem übrigen Inhalt. Texte und Bilder stehen sofort, die Szene kommt dazu.
Funktioniert das auf dem Handy?
Ja. Auf Handys zeigen wir je nach Szene eine vereinfachte Fassung oder ein ruhiges Bild mit derselben Information. So bleibt die Seite schnell, und der Akku wird geschont.
Wird eine 3D-Website bei Google gefunden?
Ja, wenn Texte und Überschriften als normales HTML auf der Seite stehen. Die Szene selbst liest Google nicht. Wichtige Inhalte gehören deshalb immer auch in den Text.
Welche Technik verwenden Sie?
Für 3D-Szenen WebGL mit Three.js, für Scroll-Animationen GSAP. Beides läuft in jedem aktuellen Browser ohne Plugin. Die Bibliotheken sind weit verbreitet und werden laufend gepflegt, Sie hängen also nicht an einem Nischenwerkzeug.
Kann ich ein vorhandenes 3D-Modell verwenden?
Oft ja. Modelle aus CAD- oder 3D-Programmen lassen sich für das Web aufbereiten. Meist müssen wir sie verkleinern, damit sie schnell laden.
Was sehen Besucher, die Bewegung reduzieren?
Wer in seinem System „Bewegung reduzieren“ eingestellt hat, sieht statt der Animation ein ruhiges Bild. Das ist auch für die Barrierefreiheit wichtig.
Kann ich eine bestehende Website um 3D ergänzen?
Einzelne Szenen lassen sich in eine bestehende Seite einbauen. Ob das technisch sinnvoll ist oder ein Relaunch günstiger kommt, sehen wir uns im Erstgespräch an.
Wie lange dauert ein 3D-Projekt?
Das hängt vom Umfang ab. Eine Scroll-Animation ist schneller umgesetzt als eine Szene mit eigenem Modell. Den Zeitplan legen wir im Erstgespräch fest.
Ist das Relief oben auf der Seite KI-generiert?
Nein. Es ist ein Bildschirmfoto unserer eigenen 3D-Szene, berechnet aus echten Höhendaten des Allgäus.
Ihre 3D-Idee besprechen.
Beschreiben Sie uns, was Besucher sehen sollen. Im Erstgespräch sagen wir Ihnen, welche Technik passt und was sie kostet.