Mo's Experiences

Auf einen Blick

• Kunde: Mo's Experiences
• Branche: Reisen und Tourismus
• Lieferung: Oktober 2025 bis Juli 2026
• Zielgruppe: Englisch- und französischsprachige Reisende mit einer Ägypten-Reiseplanung
• Umfang: Öffentliche Website, redaktionelles Dashboard, zweisprachiges Inhaltssystem, SEO, E-Mail und Analytics

Der Auftrag

Mo's Experiences brauchte eine nützliche Reise-Website für Ägypten, ohne das Team bei alltäglichen Inhaltsänderungen von Entwicklern abhängig zu machen. Reisende sollten Destinationen und Programme verstehen, passende Optionen vergleichen und eine auf ihre Reise zugeschnittene Anfrage stellen können. Das Team sollte Programme, Destinationen, Artikel, Bilder, Suchmetadaten und Veröffentlichungen auf Englisch und Französisch direkt verwalten.

Beides musste als ein Produkt funktionieren. Eine ansprechende öffentliche Website, die nicht aktuell gehalten werden kann, verliert schnell an Wert. Ein flexibles Inhaltssystem, das uneinheitliche Seiten oder unklare Entscheidungen erzeugt, hilft Reisenden ebenfalls nicht.

Das System

Wir haben öffentliche Website und redaktionelles Dashboard um eine strukturierte gemeinsame Datenquelle gebaut. Das Dashboard verwaltet Namen, Zusammenfassungen, Reiseabläufe, FAQs, Bilder, Metadaten und Veröffentlichungsstatus, die Reisende sehen. Die Anwendung verantwortet Layout, Interaktion und visuelle Regeln. Redakteure können ändern, was eine Seite sagt, ohne ihre Funktionsweise neu aufzubauen.

Englisch und Französisch sind Teil des Datenmodells und der Routenstruktur. Jede Sprache kann unabhängig veröffentlicht werden. Eine gemeinsame Richtlinie hält Veröffentlichung und Indexierbarkeit auf öffentlicher Seite, in Metadaten, Sitemap und robots-Regeln konsistent.

Leistungen

• Produkt- und Inhaltsarchitektur
• Informationsarchitektur und zweisprachiges Routendesign
• UX und Interface-Entwicklung der öffentlichen Website
• Redaktionelles Dashboard und Content-Modell
• Technisches SEO und strukturierte Daten
• Transaktionale E-Mail und eigene Analytics
• Barrierefreiheit, Performance und Qualitätsprüfungen

Was Reisende und das Team tun können

• Reisende können lokalisierte Destinationen, Kategorien, Programme, VIP-Erlebnisse, Artikel, Galerien, Kontakt- und Seiten für individuelle Reisen durchsuchen und über klare nächste Schritte zur Anfrage gelangen. Responsive Programmseiten verbinden strukturierte Reiseabläufe, Details, FAQs und verwandte Inhalte. Anfrage- und Bewertungsformulare versenden transaktionale E-Mails.
• Das Team arbeitet in einem Dashboard, das die jeweilige Seite kennt: Programme, Destinationen, Kategorien, Artikel, Referenzen, Medien, Einstellungen und Teamzugang. Strukturierte Felder entsprechen den öffentlichen Seiten statt einer leeren Schreibfläche.
• Rich-Text-Bearbeitung ist dort verfügbar, wo sie hilft; feste Inhaltsregeln schützen die Konsistenz. Redakteure verwalten Metadaten, Social-Media-Bilder, Routen, Weiterleitungen, Veröffentlichung und Reihenfolge. Rollenbasierter Zugriff wird durch Datenbankrichtlinien abgesichert.

Sichtbarkeit in der Suche ist Teil der Architektur

Öffentliches Rendering und Inhaltssystem folgen einem gemeinsamen SEO-Vertrag. Aussagekräftige Überschriften, Texte und Links kommen bereits in der ersten HTML-Antwort und bleiben ohne JavaScript verfügbar. Ladezustände können weder die servergerenderte Seite ersetzen noch ihren Hauptinhalt verstecken. Ungültige oder unveröffentlichte Einträge liefern echte 404-Antworten. Canonical-URLs, Sprachalternativen, Sitemaps, robots-Regeln und Indexierungssteuerung pro Seite folgen derselben Richtlinie. Auth-Seiten tragen noindex; Programmseiten nutzen einen responsiven Inhaltsbaum statt doppeltem Mobile- und Desktop-Markup.

Das System prüft alle 166 URLs der aktuellen Sitemap gegen das HTML-Limit der Website und untersucht anschließend repräsentative Routenfamilien anhand der Rohantwort, des gerenderten Inhalts und der Googlebot-Antwort. Automatisierte Prüfungen decken außerdem Rendering, Navigation, Statuscodes, Indexierungssteuerung, Layoutstabilität und HTML-Größe ab.

Das Ergebnis

Mo's Experiences hat jetzt ein System für die öffentliche Website und die Arbeit, die sie aktuell hält. Reisende haben in beiden unterstützten Sprachen einen klaren Weg von der Recherche zur Anfrage. Redaktion und SEO-Team können Inhalte und die damit verbundenen Suchsignale ohne Entwickler für alltägliche Änderungen aktualisieren. Neue Programme folgen denselben Regeln für Rendering, Payload und Indexierbarkeit wie bestehende Seiten, sodass der Katalog ohne seitenbezogene Sonderlösungen wachsen kann.

Umsetzung

• Oktober 2025 bis Mai 2026: Datenmodell, Zugriffsregeln und redaktionelles Dashboard
• Juni 2026: öffentliche Website, zweisprachige Inhalte, E-Mail, Performance und SEO
• Juli 2026: Analytics, SEO-Rendering-Architektur, Kontrolle der Seitengröße und Qualitätsprüfungen

Technologie

Next.js, React, TypeScript und Tailwind CSS bilden die Anwendung. Tiptap, React Hook Form und Zod unterstützen Inhalte und Formulare. Supabase liefert PostgreSQL, Authentifizierung und Row-Level-Sicherheit. next-intl übernimmt Sprache und Routing; Resend, React Email und Umami decken E-Mail und eigene Analytics ab.

Projektdokumentation

Die Project DNA hält Produkt- und Markenregeln fest. SEO-Rendering-Vertrag und Qualitätscheckliste halten die Indexierungsleitplanken beim Wachstum der Website fest.