Räumliche 3D Darstellung
Eine eigene WebGL Szene zeigt Produkte und Behandlungen in einer räumlichen Darstellung.
- Three.js und eigene 3D-Inszenierung
- Scrollgesteuerte Kameraführung
- Licht, Partikel und Shader-Effekte
- Responsive Interaktion
3D Website. Beauty.
GiGi Beauty
Für ein Kosmetikstudio in Bern habe ich eine scrollgesteuerte 3D Website entwickelt.
- Meine Rolle
- Ich übernahm Konzept, Design, 3D, UX, Entwicklung, Inhalte und Suchmaschinenoptimierung.
- Projektstatus
- Die öffentliche Testversion ist verfügbar. Die finale Abnahme und Veröffentlichung stehen noch aus.
Ende 06.2026
Projektstart
Öffentlich
Testversion verfügbar
Persönlich
Ich trage die Verantwortung.
Ausstehend
Abnahme und Veröffentlichung stehen noch aus.
Ausgangslage
GiGi Beauty bietet viele unterschiedliche Behandlungen an. Die neue Website sollte die Persönlichkeit des Studios zeigen, ohne dass Besucher den Überblick über Leistungen, Preise und Buchung verlieren.
Mein Ansatz
Ich entwickelte die Website im Auftrag der Inhaberin Liliane Serrano. Dafür plante ich Marke, Informationsstruktur, Gestaltung, Inhalte, 3D Objekte und Technik gemeinsam. Eine scrollgesteuerte Three.js Szene führt durch Produkte und Behandlungen. Mehrsprachige Inhalte, Leistungsseiten, lokale Suchmaschinenoptimierung und klare Buchungswege ergänzen die 3D Darstellung.
Ergebnis
Die öffentliche Testversion zeigt das Angebot in einer räumlichen 3D Umgebung und führt gleichzeitig zu Leistungen, Preisen, Informationen über das Studio und zur Buchung. Alle vorgesehenen Inhalte und Funktionen sind umgesetzt. Die Kundenabnahme und die endgültige Veröffentlichung stehen noch aus. Deshalb nenne ich noch keine Ergebnisse oder Kennzahlen, die sich nicht belegen lassen.
3D WEBSITE UND BUCHUNG
Die 3D Darstellung führt direkt zu Information und Buchung.
Ich plante die 3D Darstellung, die Texte und die Terminbuchung gemeinsam und verband sie technisch.
Website und Inhalte
Klare Informationen, mehrere Sprachen und lokale Suchmaschinenoptimierung ergänzen die 3D Darstellung.
- HTML, CSS und JavaScript
- Leistungen, Preise und Studioinformationen
- Mehrsprachige Inhalte
- SEO und strukturierte Daten
Terminbuchung und Verwaltung
Die ergänzende Webanwendung führt von der Verfügbarkeit über die Buchung bis zur internen Terminverwaltung.
- Next.js, React und TypeScript
- Tailwind CSS
- Supabase-Datenbank und Authentifizierung
- Buchungslogik und Adminbereich
Ich entwickelte alle Bereiche selbst.
Ich war für Strategie, Gestaltung und Technik verantwortlich. Dadurch konnte ich Entscheidungen direkt über alle Bereiche hinweg abstimmen.
- Konzeption
- Art Direction
- UX und UI
- 3D und Animation
- Frontend
- Buchungssystem
- Inhalte
- SEO
DEINE IDEE ALS NÄCHSTES PROJEKT
Lass uns dein Vorhaben besprechen.
Erzähl mir, was du aufbauen, vereinfachen oder digitalisieren möchtest. Gemeinsam klären wir den sinnvollsten nächsten Schritt.
Projekt besprechen