PERSONALISIERTE GESCHENKE
Ellie & Co
Ein persönliches Geschenk beginnt mit einer persönlichen Wahl
Website besuchen
01 / KONTEXT UND AUFGABE
Ein persönliches Geschenk beginnt mit einer persönlichen Wahl
Ellie & Co gestaltet personalisierte Plüschelefanten mit Namen, Datum oder besonderer Botschaft. Schon am Bildschirm sollte sich das Geschenk persönlich anfühlen: Besucher wählen eine Farbe, sehen den Schriftzug auf den Ohren und behalten ihre Auswahl bis zur Anfrage, auch wenn die Personalisierung erst später festgelegt wird.
Wir entwickelten eine individuelle Website mit warmen hellen Farben, feiner Typografie und den Originalproduktfotos. Die erste GSAP-Szene öffnet beim Scrollen die Geschenkbox und zeigt nacheinander die drei Farben. Darunter macht der Konfigurator die Auswahl sichtbar und übernimmt sie in Warenkorb und Anfrageformular.
Die Geschenkbox eröffnet die Geschichte
Die Szene verwendet separate Bilder von Box, Deckel und Elefant, die mit dem Scrollen synchronisiert sind. Rosa, blaue und gelbe Varianten erscheinen mit weichen Überblendungen; die Bewegung funktioniert auch rückwärts. Die Komposition ist für Smartphones angepasst und unterstützt reduzierte Animationen.
Konfigurator mit Vorschau direkt am Produkt
Besucher wählen die Farbe des Elefanten, das linke, rechte oder beide Ohren sowie eine Variante ohne Beschriftung. Namen, Daten und kurze Texte erscheinen direkt am Produkt. Vier Garnfarben, zwei Schriftstile und eine Ansicht mit Geschenkbox erleichtern die Auswahl vor dem Hinzufügen zum Warenkorb.
Ein Warenkorb, der alle Details behält
Der Warenkorb speichert Farbe, Beschriftung, Garn, Schrift und Menge auch nach dem Neuladen. Artikel lassen sich bearbeiten und entfernen; die Gesamtsumme wird angezeigt. Eine separate Option bietet ein Elefanten-Geschenk mit Karte für die Personalisierung nach Erhalt. Anlass und Grußbotschaft bleiben dem jeweiligen Geschenk zugeordnet.
Vom ausgewählten Geschenk zur echten Anfrage
Das Formular erfasst Empfänger- und Lieferdaten und sendet die Angaben zu den ausgewählten Elefanten an die geschäftliche E-Mail-Adresse. Der Server prüft Daten und Summen; Besucher erhalten eine Bestätigung mit Referenz. Es handelt sich um eine Anfrage zur Auftragsabstimmung ohne Online-Zahlung. Ergänzt wurden FAQ, strukturierte Produktdaten, Metadaten, Favicons und lokale WOFF2-Schriften.
02 / WAS WIR GESCHAFFEN HABEN
Details machen
das Ganze
- 01Individuelles responsives Design mit Originalproduktfotos
- 02GSAP-Scrollanimation zum Öffnen und Schließen der Geschenkbox
- 03Drei nacheinander präsentierte Elefantenfarben
- 04Visuelle Auswahl: linkes, rechtes, beide Ohren oder ohne Beschriftung
- 05Vorschau von Namen, Datum und Botschaft direkt auf den Ohren
- 06Vier Garnfarben und zwei Schriftstile
- 07Wechsel zwischen personalisiertem Produkt und Geschenkset-Ansicht
- 08Gespeicherter Warenkorb mit Bearbeitung, Mengen und Gesamtsumme
- 09Elefant sofort mit Karte für die Personalisierung nach Erhalt
- 10Auswahl des Anlasses und separate Grußbotschaft
- 11E-Mail-Anfrage mit Lieferangaben und Referenznummer
- 12FAQ, strukturierte Produktdaten, WebP und lokale WOFF2-Schriften
Markengeschichte und Geschenkauswahl bilden ein zusammenhängendes Erlebnis. Besucher sehen ihre Personalisierung vor der Anfrage. Das Team erhält Varianten, Beschriftungen, Mengen und Lieferangaben in einer strukturierten Nachricht.