WME Trading Corp

Problem

WME Trading Corp ist eine Bildungsmarke für angehende Trader. Sie brauchte auf wmetradingcorp.com ein öffentliches Zuhause, das ihr Mentoring einem mehrsprachigen Publikum erklärt, in einem Markt, in dem unbedachte Texte wie ein Gewinnversprechen wirken. Eine Kursplattform für Kunden ist geplant, also musste die erste Version auch dafür Platz lassen.

Vorgehen

Ich habe die Landingpage mit Next.js 16, React 19 und strengem TypeScript gebaut. Jede Sprache hat vollständige Texte in CA, EN, ES, DE, NL, FR, IT, PT und RO, einschließlich Hinweisen, Metadaten und Barrierefreiheitstexten, auf einer eigenen teilbaren Route mit passenden Canonicals, hreflang-Alternativen und Sitemap-Einträgen. Ein typisierter Wörterbuchvertrag lässt die Tests scheitern, wenn einer Sprache ein Schlüssel fehlt, und geladen wird nur die gewählte Sprache.

Die Texte stellen Trading als Lernschleife dar: vorbereiten, üben, überprüfen, verfeinern. Das Diagramm ist ein beschriftetes, fiktives Lernbeispiel und nie eine Prognose, und die Seite sagt klar, dass sie bezahlte Bildung ohne versprochene Renditen anbietet. Anfragen öffnen eine E-Mail statt eines Formulars, die Website sammelt also nichts. Sie lädt keine externen Schriften, kein Tracking und keine Datenbank, startet im dunklen Theme, das vor dem ersten Rendern wiederhergestellt wird, und schaltet nicht notwendige Bewegung bei prefers-reduced-motion ab.

Öffentliche Routen liegen in einer eigenen Route Group, sodass ein künftiger authentifizierter Kursbereich ein eigenes Layout und serverseitige Zugriffsprüfungen bekommen kann, ohne die Marketing-Website umzubauen.

Ergebnis

Die Seite läuft über Vercel auf der Domain des Kunden, www leitet per HTTPS auf die Hauptdomain weiter, und alle neun lokalisierten Routen sind dort verifiziert. Der Kunde hat heute einen glaubwürdigen öffentlichen Auftritt und eine Codebasis, die für die Kursplattform bereit ist, sobald deren Anforderungen feststehen.