[Alle Projekte](https://88lab.eu/de/portfolio/) PERSONALISIERTE GESCHENKE # Ellie & Co Ein persönliches Geschenk beginnt mit einer persönlichen Wahl [Website besuchen](https://ellieand.co/) GSAP Konfigurator Personalisierung Warenkorb  Echtes Projekt aus dem 88Lab-Portfolio · Ellie & Co 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 - 01 Individuelles responsives Design mit Originalproduktfotos - 02 GSAP-Scrollanimation zum Öffnen und Schließen der Geschenkbox - 03 Drei nacheinander präsentierte Elefantenfarben - 04 Visuelle Auswahl: linkes, rechtes, beide Ohren oder ohne Beschriftung - 05 Vorschau von Namen, Datum und Botschaft direkt auf den Ohren - 06 Vier Garnfarben und zwei Schriftstile - 07 Wechsel zwischen personalisiertem Produkt und Geschenkset-Ansicht - 08 Gespeicherter Warenkorb mit Bearbeitung, Mengen und Gesamtsumme - 09 Elefant sofort mit Karte für die Personalisierung nach Erhalt - 10 Auswahl des Anlasses und separate Grußbotschaft - 11 E-Mail-Anfrage mit Lieferangaben und Referenznummer - 12 FAQ, strukturierte Produktdaten, WebP und lokale WOFF2-Schriften UMGESETZTE LÖSUNG 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. ## Haben Sie ein ähnliches Projekt? [Lass uns reden](https://88lab.eu/de/contact/?service=Onlineshops) NÄCHSTES PROJEKT [## Fiesta.bg](https://88lab.eu/de/klienti/fiesta-bg/)