Play&Grow

Fußball als Erlebnis, WordPress als Grundlage

Play&Grow Consult wurde von Irina Gorolomova gegründet und verbindet Erfahrung im Management eines Fußballvereins und einer Jugendakademie mit Unterstützung für junge Sportler, Eltern und Sportorganisationen. Unsere Aufgabe war es, die freigegebene Seitenstruktur in ein individuelles React-Erlebnis zu übertragen und dabei die Leistungen, beide Preisübersichten, Artikel und einen funktionierenden Bestellprozess zu erhalten.

Wir entwickelten eine React-Oberfläche auf Basis von Headless WordPress: Die öffentliche Website erhielt ein neues Design, während Inhalte, Produkte, Bestellungen und Anfragen weiterhin im vertrauten Administrationsbereich verwaltet werden. Dunkelgrün, ein warmer heller Hintergrund, große Typografie und Fußballszenen prägen die Gestaltung. GSAP verbindet Ball, Bilder und Texte mit der Scrollbewegung in beide Richtungen.

Design, das dem Spiel folgt

Der Einstieg behält das originale Play&Grow-Logo und das Hauptbild bei. Eine lange Scrollszene führt durch Freude, Selbstvertrauen, Orientierung und Entwicklung. Am Desktop bewegt sich ein dreidimensionaler Fußball mit dem Scrollen; auf Smartphones kommt eine leichtere SVG-Version zum Einsatz. Dazu kommen animierte Typografie, Bildenthüllungen, Übergänge und Einstellungen für reduzierte Bewegung.

Ein eigener Weg für jede Zielgruppe

Ein interaktives Taktikfeld mit Auswahl für Kind, Eltern und Verein verbindet die Bedürfnisse der Besucher mit passender Unterstützung. Die Leistungen für Kinder und Eltern, die Vereinsangebote und beide Preisübersichten haben eigene Seiten und sind im Menü erreichbar. Die Website enthält außerdem ein Gründerinnenprofil, häufige Fragen und eine Kontaktseite.

Inhalte in WordPress verwalten

Texte, Kontaktdaten, Bilder, Leistungen und Preise lassen sich in WordPress bearbeiten. Artikel werden im Standardeditor veröffentlicht und in einer React-Übersicht sowie auf Einzelseiten angezeigt. WooCommerce verwaltet Produktinhalte, Preise, Bestände und die Galerie. Bestehende öffentliche URLs und der Zugang zur Administration bleiben erhalten.

Von der Produktseite bis zur Bestätigung

Wir realisierten eine Produktseite für die Play&Grow-Karten, eine Galerie, einen Gastwarenkorb, Mengenänderungen, das Entfernen von Produkten und Gutscheincodes. Der Checkout ist mit WooCommerce verbunden und umfasst Nachnahme, die Auswahl von Stadt und Econt-Filiale oder eine Lieferung an die Adresse. Beträge werden auf dem Server berechnet. Zur Bestellung gehören eine Bestätigungsseite und konfigurierte E-Mail-Benachrichtigungen.

Anfragen und mobile Nutzung

Das Kontaktformular prüft Pflichtangaben, speichert Anfragen in einem eigenen WordPress-Bereich und bereitet Team-Benachrichtigungen sowie Eingangsbestätigungen für Kunden vor. Wiederholungsversuche bei Versandfehlern und ein Schutz vor doppelten Benachrichtigungen wurden ergänzt. Mobiles Menü, Formulare, Bilder und Animationen passen sich kleinen Bildschirmen an; die Produktgalerie bleibt beim Scrollen stabil.