Ashes Diamonds
Ein Diamantkonfigurator in 3D.
Gemeinsam mit Kollegen setzte ich das Kundendesign mit Next.js und Laravel um, einschließlich Produktansichten, Anfragen und Inhaltsverwaltung.
- Bereich
- Erinnerungsschmuck
- Technologien
- React / Next.js / Three.js
- Projektjahr
- 2023
Die Aufgabe
Ein Erinnerungsdiamant ist eine persönliche Entscheidung. Besucher sollten den Ablauf verstehen, Formen und Farben vergleichen und eine Anfrage stellen können. Der Kunde lieferte das Design. Meine Aufgabe war die Umsetzung mit Produktsteuerung und einer Verwaltungsoberfläche.
Die Umsetzung
Ich arbeitete mit OnePix-Kollegen am Frontend mit React und Next.js und am Backend mit Laravel. Three.js und WebGL stellten die Diamantmodelle dar, GSAP steuerte Scrollübergänge. Serverseitig gerenderte Seiten stellten Inhalte für Suchmaschinen bereit. Das öffentliche Projektarchiv dokumentiert die gelieferte Version von 2023.
Das Projekt im Detail
Originale Sketch-Entwürfe des Kunden ergänzen Bilder der gelieferten Version von 2023. Designexporte und umgesetzte Ansichten sind getrennt gekennzeichnet. Die aktuelle Website verlangt eine Anmeldung; dies sind Archivmaterialien, keine neuen Live-Aufnahmen.
Form und Farbe auswählen
Ich arbeitete am interaktiven Diamantkonfigurator. Besucher konnten Form, Größe und Farbe verändern und das Produkt in 3D betrachten. Die Auswahl blieb neben dem Modell sichtbar, damit Eingabe und Darstellung zusammenpassten.
Den Ablauf vor der Anfrage erklären
Ich setzte die Seitenlayouts und Scrollübergänge des Kunden um. Die Originalentwürfe zeigen ein schrittweises Anfrageformular und eine Produktionsgeschichte mit Fotos. Die Designexporte zeigen die geplante Darstellung, die Archivbilder die umgesetzte Version.
Inhalte und Aufträge mit Laravel verwalten
Ich arbeitete mit meinen OnePix-Kollegen an der eigenen Laravel-Verwaltung für Aufträge und Inhalte. Ein fertiges CMS war nicht erforderlich. Der Archivausschnitt zeigt Navigation und Testaufträge ohne Kontaktspalten. Das Preisdesign ist keine aktuelle Preisliste und kein Beleg für Geschäftsergebnisse.
Das Ergebnis
Interaktiver Konfigurator und 3D-Darstellung
Individuelle Inhaltsverwaltung mit Laravel
Details zu Ashes Diamonds, ein 3D-Produktkonfigurator
Von wem stammte das visuelle Konzept?
Der Kunde lieferte das Design. Dokumentiert sind die Umsetzung mit React und Next.js, der interaktive Konfigurator und eine individuelle Laravel-Verwaltung.
Was konnten Besucher im Konfigurator verändern?
Sie konnten Form, Größe und Farbe des Diamanten erkunden. Eine dreidimensionale Darstellung machte die Varianten vor einer Anfrage sichtbar.
