KlarDev Webentwicklung
EdTech & KI-Automation

Globale Plattform mit KI-Integration

Premium Englisch-Coaching. Eine Symbiose aus WCAG AAA Barrierefreiheit, 4-Sprachen-Support und automatisierter Kundenakquise via n8n.

Herausforderung

Skalierung über Zeitzonen hinweg

Der Kunde sitzt in Deutschland, die Zielgruppe ist global (Asien/Europa). Die Herausforderung bestand darin, Anfragen rund um die Uhr (24/7) zu qualifizieren, ohne das Personal aufzustocken, und gleichzeitig eine inklusive UX (WCAG AAA) zu gewährleisten.

Manuelle Lead-Bearbeitung

Hoher Zeitverlust durch repetitive Beantwortung von Standardfragen zu Preisen und Terminen per E-Mail.

Sprachbarrieren

Chinesische Interessenten benötigten eine komplett lokalisierte UX, da Google Translate oft ungenau ist.

Exklusion durch Design

Bestehende Lösungen waren oft visuell überladen und für Nutzer mit Sehbehinderungen unbrauchbar.

SEO-Sichtbarkeit

Schlechte Rankings in lokalen Suchmaschinen (Baidu/Google DE) aufgrund fehlender hreflang-Tags.

Lösungsansätze

1. Automatisierter KI-Sales-Agent

Statt eines einfachen Kontaktformulars implementierte ich einen intelligenten Agenten via n8n und OpenAI. Der Bot greift auf die Wissensdatenbank der Kurse zu, beantwortet Fragen zu Preisen in der Nutzersprache und qualifiziert den Lead vor.
api/chat.ts
export const POST = async ({ request }) => {
  const body = await request.json();
  // Send to n8n low-code workflow
  const response = await fetch(N8N_WEBHOOK_URL, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      message: body.message,
      locale: body.locale, // Context-aware
      context: 'pricing_page'
    })
  });
  return new Response(response.body);
}

2. Deep Localization (i18n)

Eine einfache Übersetzung reichte nicht. Ich entwickelte eine Struktur, die kulturelle Nuancen berücksichtigt (z.B. unterschiedliche Datumsformate und Anrede-Logik für DACH vs. Asien).
astro.config.mjs
// Advanced Routing Configuration
i18n: {
  defaultLocale: 'en',
  locales: ['en', 'de', 'zh-CN', 'zh-TW'],
  routing: {
    // Clean URLs (no /en/ prefix)
    prefixDefaultLocale: false,
    // No auto-redirect to avoid CLS
    redirectToDefaultLocale: false
  }
}

Adaptive A11y Engine

Ein globaler ThemeController überwacht `prefers-reduced-motion` und deaktiviert automatisch komplexe Animationen.

Smart hreflang

Automatisierte Generierung von Sprach-Tags für saubere Indexierung in Baidu (China) und Google (Europa).

Cloudflare Edge

Caching der statischen Assets direkt in Asien, um die Latenz für chinesische Nutzer unter 100ms zu drücken.

CRM Sync

Vollautomatische Übertragung qualifizierter Leads von n8n direkt in das Kunden-CRM inklusive Gesprächshistorie.

Projektstart

Bereit für den nächsten Schritt?

Unverbindlich, strukturiert und ohne Verkaufsdruck

Bereit für den nächsten Schritt?

Beschreiben Sie kurz Ihr Vorhaben. Sie erhalten eine konkrete Ersteinschätzung zu Machbarkeit, Budget und Timeline — in der Regel innerhalb von 24h.

Antwortgarantie

Ihre Daten sind sicher (DSGVO-konform). Keine Kaltakquise.