Woody ve Arkadaşları (Woody and Friends) ist die Vorschul-Englischmarke des Verlags Mina Yayınevi: Sie bietet geschichtenbasierte Lernsets für Kindergärten, Workshop- und Kurszentren sowie für Familien, die zu Hause oder mit Nachhilfe lernen. In diesem Projekt haben wir die alte, im Browser gerenderte (CSR) Website der Marke als serverseitig gerenderte Plattform in zehn Sprachen neu aufgebaut – mit Shop, digitalem Inhaltsbereich, Lehrerakademie, Blog und Admin-Panel.

Ausgangslage und Anforderungen

Auf der alten Website entstand der Großteil der Inhalte erst im Browser per JavaScript. Suchmaschinen und KI-gestützte Suchwerkzeuge sahen leere oder unvollständige Seiten, und da die Sprachversionen keine eigenen URLs hatten, ließen sie sich nicht korrekt zuordnen. Auf der Produktseite vermischten sich Sets für drei Zielgruppen (Schule, Workshop, Zuhause), physische Produkte und digitale Inhalte sowie Angebotsanfragen von Institutionen und Online-Verkauf. Ziel war eine Struktur, in der jede Zielgruppe ihren eigenen Weg findet, Kauf und Angebotsanfrage klar getrennt sind, Inhalte über ein Panel gepflegt werden und die Sichtbarkeit in der Suche messbar ist.

Lösung und Umfang

Serien und zielgruppenspezifische Seiten

• Schulserie (Preschool): Lehrerset, Schülerset und digitale Inhalte für Kindergärten, mit Angebotsprozess für Institutionen.
• Mini School / Workshop-Serie: Sets für Workshops und Kurszentren.
• Serie für Zuhause und Nachhilfe: für Eltern und private Englischlehrkräfte.
• Level Finder: schlägt anhand von Alter und Englischkenntnissen des Kindes Basic, Junior oder Senior vor und verlinkt das Ergebnis direkt mit dem passenden Set im Shop.

Shop und Zahlung

Der Shop umfasst Schülersets, Lehrersets und Level-Set-Schülersets für die Stufen Basic, Junior und Senior. Jedes Produkt lässt sich als „Online-Verkauf“ oder „Angebot“ konfigurieren: Produkte für Institutionen führen zum Angebotsformular, Einzelprodukte in den Warenkorb. Warenkorb, Adressbuch, Checkout und „Meine Bestellungen“ sind vorhanden; Zahlungen laufen über PayTR, Erstattungen werden aus dem Panel über PayTR ausgelöst. Fernabsatzvertrag, Vorabinformationen, Rückgabe und Widerruf, Lieferung und Versand, KVKK (türkischer Datenschutz) und Cookie-Hinweise sind als eigene Rechtsseiten veröffentlicht.

Digitale Inhalte und Bibliothek

Storyland (Geschichten), Movieland (Videos), Musicland (Lieder) und Library werden für jede Stufe mit eigenen Produktseiten angeboten. Gekaufte oder von der Institution zugewiesene Inhalte erscheinen im Bereich Meine Bibliothek; der Zugriff wird über zeitlich begrenzte Berechtigungen gesteuert, inklusive Anzeige der verbleibenden Tage. Schulen erhalten zusätzlich ein Schulkonto, Lehrer- und Schülerrollen sowie die Zuweisung digitaler Materialien.

Woody Academy, Blog und lokale Seiten

Die Woody Academy beschreibt die Trainerunterstützung für Lehrkräfte und Einrichtungen, die mit den Sets arbeiten. Der Blog wurde mit Beiträgen für Lehrkräfte und Eltern ausgebaut, etwa Themenlisten nach Alter, Jahrespläne, Unterrichtspläne und Liederleitfäden. Lokale Seiten für Istanbul, Ankara, Izmir und Bursa konzentrieren sich auf Englisch im Kindergarten und machen die Marke in städtebezogenen Suchen sichtbar.

Admin-Panel

Das Panel ist eine eigenständige Next.js-Anwendung, in der das Team Folgendes verwaltet:

• Produkte, Serien und Stufen; Produktbilder, Merkmale, FAQs, Bewertungen und mehrsprachige Texte.
• Bestellungen, PayTR-Transaktionsprotokolle, Zahlungseinstellungen und Erstattungen.
• Nutzerberechtigungen (Zugriff auf digitale Inhalte), Schulen und Abo-Pläne.
• Angebotsanfragen und Kontaktnachrichten sowie eine darauf aufbauende Vertriebsnachverfolgung (Phase, Verantwortliche, Zweck Institution/Zuhause/Karriere, nächster Termin, Verlustgrund).
• Blogbeiträge, Aufbau der Startseitenbereiche, Menüs, Website-Einstellungen, E-Mail-Vorlagen und Benachrichtigungen.
• Indexierungsstatus aus der Google Search Console samt Empfehlungen in den Blog- und Produktansichten.
• Ein Dashboard und eine Ansicht der Nutzeraktivität, die zeigt, wo sich Besucher bewegt haben.

Technische Architektur

Das Frontend basiert auf Next.js 16, React 19 und TypeScript mit Tailwind CSS v4. Seiten werden serverseitig gerendert; Änderungen im Panel gehen per On-Demand-Revalidierung live. Das Backend ist Fastify auf Bun mit MySQL; die APIs liegen unter /api/v1, Admin-Endpunkte hinter Authentifizierung und Rollenprüfung. Das Datenmodell umfasst Produkte und ihre Übersetzungen, Serien, Stufen, Produktinhalte, Nutzerberechtigungen, Schulen, Bestellungen, Zahlungsversuche, ein Erstattungsjournal sowie Angebots- und Kontaktdatensätze.

Mehrsprachigkeit: Zehn Sprachen – Türkisch, Englisch, Deutsch, Arabisch, Französisch, Russisch, Spanisch, Italienisch, Niederländisch und brasilianisches Portugiesisch – sind mit echten URLs über next-intl online. Die aktiven Sprachen werden aus der Datenbank gelesen, und jede Seite meldet alle Sprachen sowie x-default per hreflang.

SEO und GEO: Die Seiten enthalten JSON-LD-Schemata wie Organization, EducationalOrganization, WebSite und BreadcrumbList; Open-Graph-Bilder werden pro Sprache und Seite erzeugt; für KI-Werkzeuge stehen llms.txt und llms-full.txt bereit, und ein IndexNow-Schlüssel ermöglicht schnelle Indexierungsmeldungen.

Sicherheit und Messung: Sitzungen sind per JWT, Admin-Aktionen per Rollenprüfung abgesichert; Anfrage- und Anmeldeereignisse werden in Audit-Logs geschrieben. Kaufereignisse werden serverseitig über eine Outbox-Warteschlange an GA4 übermittelt – eine Messstrecke, die von Browser-Blockern unbeeinflusst bleibt.

Integrationen

• PayTR: Zahlung, Protokollierung der Rückmeldungen und Erstattungen aus dem Panel.
• Google Analytics 4: serverseitige Kaufmessung.
• Google Search Console: Indexierungsstatus je Inhalt.
• SMTP für Bestell- und Formularbenachrichtigungen.
• Content-Source-API: Bereitstellung von Blogbeiträgen und Produkten für Marketingwerkzeuge.

Ergebnis und heute

Heute läuft Woody and Friends auf einer einzigen Codebasis in zehn Sprachen – mit nach drei Zielgruppen gegliederten Serienseiten, Level Finder, einem Shop mit PayTR, einer berechtigungsbasierten digitalen Bibliothek, einer Lehrerakademie und einem stetig wachsenden Blog. Das Team pflegt Produkte, Inhalte und Vertriebsnachverfolgung im Panel und verfolgt die Suchsichtbarkeit anhand von Search-Console-Daten in denselben Ansichten.