Agentur-Website & digitales System
Die eigene Website von TRIKI DIGITAL ist als vierprachiges System aufgebaut: Leistungsseiten, FAQ-Hub, strukturierte Daten, Consent Mode V2 und ein n8n-Workflow für eingehende Anfragen.
TRIKI DIGITAL ist das eigene Studio von Badie Triki mit Sitz in Kehl. Die Website dient gleichzeitig als Referenzprojekt: Sie zeigt in der eigenen Umsetzung, wie Webdesign, technisches SEO, AI-Search-Vorbereitung, Tracking und Automatisierung zusammenspielen.
Eine Agentur-Website muss vier Sprachen, sechs Leistungsseiten, einen FAQ-Hub, Preise, rechtliche Seiten und Projektinhalte tragen – ohne dass Struktur, Sprachlogik oder Ladezeit leiden.
Die Zielsetzung war von Anfang an technisch und inhaltlich formuliert:
Kleine und mittlere Unternehmen, lokale Dienstleister, Selbstständige und Exportmarken in Deutschland, Frankreich, der Schweiz und Tunesien.
Statt einer Onepage-Struktur wurde die Website in thematische Cluster aufgeteilt: SEO-Cluster, digitales Fundament und Automatisierung. Jede Leistung bekam eine eigene Seite mit Vorgehen, Zielgruppen, FAQ und interner Verlinkung zu verwandten Leistungen.
Die Navigation folgt einem festen Muster aus Hub- und Detailseiten.
Das Design orientiert sich an modernen SaaS-Oberflächen: ruhige Flächen, klare Typografie, Karten mit Rundungen und ein durchgängiger Farbcode. Alle Seiten sind mobil ab 390 px getestet, die arabische Version läuft vollständig in RTL.
Für jede Route werden Titel, Beschreibung, selbstreferenzierender Canonical und eine vollständige hreflang-Gruppe (de-DE, fr-FR, en, ar, x-default) ausgegeben. Strukturierte Daten liegen als zentraler @graph mit Organization, WebSite und Person vor; Seiten ergänzen Service-, FAQPage- und BreadcrumbList-Blöcke.
Google Tag Manager und GA4 sind eingebunden, laufen aber erst nach Einwilligung. Consent Mode V2 startet im Default-Zustand „denied“ für Analyse- und Werbesignale; die Auswahl wird lokal gespeichert und kann über den Footer erneut geöffnet werden.
Das Kontaktformular ruft eine Supabase Edge Function auf. Diese versendet die Bestätigungs- und Benachrichtigungsmails über Resend und leitet den Lead zusätzlich an einen n8n-Workflow weiter – abgesichert über einen Secret-Header und mit Timeout, damit der E-Mail-Versand nie blockiert wird.
Deutsch läuft ohne Präfix, Französisch, Englisch und Arabisch über /fr, /en und /ar. Der Sprachwechsler behält die aktuelle Seite bei, Inhalte sind je Sprache eigenständig geschrieben statt maschinell übersetzt.
Live und in laufender Weiterentwicklung. Umgesetzt sind Leistungsseiten, FAQ-Hub, Preise, rechtliche Seiten, Consent Mode V2, strukturierte Daten und der Lead-Workflow. Weitere Inhalte und Fallstudien kommen schrittweise dazu.
Eine Website ist ein System, kein Layout. Struktur, Sprachlogik, Messbarkeit und Prozesse gehören von Beginn an zusammen gedacht – nachträglich wird jede dieser Ebenen teurer.
Diese Fallstudie beschreibt Vorgehen und Umsetzungsstand. Es werden keine Umsatz-, Traffic- oder Ranking-Zahlen angegeben.
Starte mit dem kostenlosen KI-Mini-Audit oder schreibe direkt, worum es geht – die Einschätzung kommt persönlich zurück.