308 Seiten für KI mit vertraulichen Daten.

Die Ausgangslage

Logicc bündelt die führenden KI-Modelle in einer Plattform für Teams, die mit vertraulichen Daten arbeiten. Chats und Dateien werden in Deutschland gespeichert, die KI-Verarbeitung läuft in der EU. Die Kunden sind Kanzleien, Praxen und Kliniken, Behörden und Finanzdienstleister.

Diese Zielgruppe ist vorsichtig. Bevor jemand über Funktionen spricht, will er wissen, wo seine Daten liegen, welcher Modellanbieter sie sieht und wer haftet. Die Website musste diese Fragen beantworten, bevor sie gestellt werden. Und sie musste trotzdem einfach bleiben, für Menschen, die mit KI noch wenig zu tun hatten.

Dazu kam die alte Website: sechs Sprachen, 175 Adressen, laufende Anzeigen auf vielen davon und Rechtstexte, die im Registrierungsprozess verlinkt sind. Nichts davon durfte beim Umzug verloren gehen.

Drei Wege zum Kunden

Logicc gewinnt Kunden auf drei Wegen, und jede Seite musste zum richtigen davon führen.

• 7 Tage kostenlos testen, direkt in der App
• die kostenlose KI-Sprechstunde, jede Woche live
• eine persönliche Demo für größere Teams

Konzept und Struktur

Plattform, Branchen, Sicherheit

Die Navigation folgt den Fragen der Besucher: Was kann die Plattform, was bringt sie meiner Branche, wie sicher ist sie. Jedes Mega-Menü zeigt rechts eine Fokus-Karte, etwa die Produkttour oder die nächste KI-Sprechstunde.

Unter Plattform liegen sechs Seiten: Chat und Dokumente, KI-Assistenten, Integrationen, Premium-Integrationen, API und KI-Modelle. Dazu kommen Preise mit Vergleichsmatrix und ROI-Rechner, eine Enterprise-Seite, Case Studies, Über uns, Karriere und Kontakt.

Vier Branchen als eigener Funnel

Kanzleien, Medizin, öffentlicher Sektor und Finanzdienstleister haben jeweils eine eigene Seite. Hier landet der meiste Anzeigen-Traffic, deshalb ist jede Branchenseite ein kompletter Funnel: Nutzen, Arbeitsalltag, Einwände, Sicherheit, Case Study, Abschluss. Das Grundgerüst ist gleich, die Bildwelt und die Beispiele sind je Branche eigen.

Jede Branche hat außerdem eine eigene Sicherheitsseite für ihre Rechtslage, und 15 Use Cases zeigen konkrete Aufgaben, vom Arztbrief bis zum Bescheid.

• Kanzleien und § 203 StGB
• Medizin und Art. 9 DSGVO
• Behörden und Sozialdaten
• Finanzdienstleister und DORA

Sicherheit und Trust Center auf einer Seite

Sicherheit und Trust Center sind bei Logicc bewusst eine Seite. Wer eine Freigabe vorbereitet, findet dort alles an einem Ort: Nachweise, den Weg der Daten auf einer Europakarte, Maßnahmen, Dienstleister, die Vereinbarung nach § 203 StGB, Unterlagen und Fragen.

AVV, TOMs und die § 203-Vereinbarung stehen als PDF bereit. Die PDFs entstehen bei jedem Build neu aus denselben Daten wie die Seite, in jeder Sprache. So können Seite und Download nie auseinanderlaufen.

Demo-Buchung mit klarer Weiche

Die Demo-Seite zeigt oben die Produkttour als Video, darunter Case Studies und dann das Buchungsformular von Cal.eu, je Sprache ein eigenes. Wer mit weniger als 20 Personen anfragt, bekommt direkt den passenden Weg angeboten: die KI-Sprechstunde oder den kostenlosen Test.

Die Sprechstunde gibt es auf Deutsch und Italienisch. In den übrigen Sprachen verschwindet sie aus Menü, Footer und Texten, und ihre Adresse führt zur Demo.

Design und Hero

Ein Hero, der direkt startet

Die Startseite beginnt mit „Deine KI für vertrauliche Daten.“ und einem E-Mail-Feld, das direkt in die Registrierung führt. Daneben läuft ein Motion-Reel, das die Plattform in einem Durchgang zeigt.

Das Motion-Reel

Das Reel haben wir in Code gebaut: Die Oberfläche ist in HTML nachgebaut, eine GSAP-Timeline steuert jede Bewegung, gerendert wird Bild für Bild. Dadurch bleibt jede Fassung scharf und lässt sich Text für Text übersetzen.

Die Geschichte in 50 Sekunden: Das Dashboard öffnet sich, eine Frage wird getippt, ein vertrauliches Dokument wird geschützt, ein Modell gewählt, das Ergebnis erscheint. Danach geht es durch Assistenten und Integrationen, am Ende zieht ein Schloss alle Elemente in sich hinein und die Schleife beginnt neu.

Jede Sprache hat ihr eigenes Video mit eigenem Vorschaubild, je rund 3 MB, ohne Ton und mit Autoplay.

Visuals, die etwas zeigen

Die Kacheln der Plattform-Sections zeigen kleine Glas-Oberflächen, die inhaltlich animieren: Text wird getippt, Listen füllen sich, Häkchen erscheinen. Reines Schweben gibt es nicht. Auf den Branchenseiten kombinieren wir scharfe Fotos aus dem Arbeitsalltag mit einer UI-Karte, damit jede Branche ihr eigenes Bild bekommt.

Mobil zuerst geprüft

Ein großer Teil der Besucher kommt mobil. Das Menü öffnet sich auf dem Handy als Vollbild mit Unterpanels, Tabellen lassen sich wischen, der Preisvergleich zeigt zwei Pakete nebeneinander zur Auswahl. Alle Seiten haben wir zwischen 360 und 1440 Pixeln Breite ohne seitliches Scrollen geprüft.

Logo und Brand Kit

Die Wortmarke haben wir neu gesetzt und auf ein Raster gebracht, das Zeichen blieb bewusst unverändert. Unter /brand liegt ein öffentliches Brand Kit mit Logo-Varianten, Farben, Typografie, Bildsprache, Anwendungsbeispielen und Downloads als SVG und PNG.

Technik und Pflege

Statisch, schnell, abgesichert

Die Website ist mit Astro gebaut und wird statisch ausgeliefert, gehostet auf Vercel. Logicc verkauft Sicherheit, deshalb haben wir die Website selbst entsprechend gehärtet.

• Security-Header für alle Seiten, unter anderem nosniff, X-Frame-Options, Referrer-Policy, Permissions-Policy und HSTS
• Content Security Policy, die jeden nicht freigegebenen Dienst meldet
• security.txt mit Kontaktadresse
• strukturierte Daten escaped, damit Inhalte aus dem CMS kein Skript einschleusen können
• Kontaktformular mit Honigtopf und Zeitsperre, Versand über Brevo

Sechs Sprachen aus einer Quelle

Deutsch ist die Grundfassung. Englisch, Französisch, Italienisch, Niederländisch und Spanisch entstehen im Build aus den deutschen Seiten, mit 2.740 Übersetzungseinheiten je Sprache. Übersetzt werden auch Texte in Grafiken, Code-Beispiele und Beispielfirmen in den Mockups.

Jede Sprachfassung hat hreflang, Canonical und eigene strukturierte Daten. Beim ersten Besuch der Startseite wählt die Seite die Sprache nach dem Browser, der Sprachumschalter merkt sich die Wahl.

Pflege in Sanity, ohne sichtbare Änderung

Im zweiten Schritt haben wir die komplette Website nach Sanity überführt: alle Seitentexte, Navigation, Footer, SEO-Angaben sowie Integrationen, KI-Modelle, Use Cases, Team, Kundenlogos, Case Studies und Stellen, jeweils in allen sechs Sprachen.

Vor dem Umzug haben wir den Build gegen den Live-Stand verglichen. Alle 315 gebauten Seiten waren in allen Sprachen HTML-identisch, die 56 deutschen Seiten per Screenshot auf Desktop und Mobil pixelgleich bis auf die animierten Grafiken.

Kampagnenseiten selbst bauen

Für bezahlte Kampagnen haben wir Logicc einen eigenen Baukasten gebaut. Das Marketing-Team stellt Landingpages per Drag-and-drop aus über 30 Bausteinen der Website zusammen und veröffentlicht sie mit einem Klick unter www.logicc.com/lp.

• Login per Magic Link für freigegebene Adressen
• Vorschaulinks für Entwürfe und Versionsverlauf
• Varianten für A/B-Tests mit eigener Kennung im Tracking
• Seiten ohne Navigation für Funnels und eine Sticky-CTA für Handy und Desktop

SEO und Launch

Keine Adresse geht verloren

Wir haben alle 175 Adressen aus der alten Sitemap geprüft und auf die neuen Seiten weitergeleitet, auch mit Schrägstrich am Ende. Dazu kamen die Ziele der laufenden Google-Anzeigen, etwa alte Branchenseiten in jeder Sprache. Klick-IDs und UTM-Parameter bleiben bei der Weiterleitung erhalten.

Auch logicc.ai und logicc.de führen jetzt auf www.logicc.com. Die Rechtstexte haben wir mit Gliederung und Tabellen vom alten Stand übernommen, ihre alten Adressen leiten weiter.

Technisches SEO

• eigener Titel und eigene Beschreibung je Seite, in allen Sprachen
• strukturierte Daten für Organisation, Website, Breadcrumbs, FAQ und die Preise
• Sitemap mit allen Sprachversionen
• robots.txt mit Freigabe für KI-Crawler und eine llms.txt mit Kurzprofil und allen Hauptseiten
• Vorschau-Adressen auf noindex, eigene 404-Seite

Das Ergebnis

Die neue Website ist seit dem 2. Oktober 2026 auf www.logicc.com live. Die Sitemap umfasst 308 Seiten in sechs Sprachen, mit vier Branchen-Funnels, eigenen Sicherheitsseiten je Branche und einem Weg zur Demo auf jeder Seite.

Texte, Integrationen, Team und Case Studies kann Logicc seitdem selbst in Sanity pflegen, Kampagnenseiten entstehen im eigenen Baukasten, ohne Umweg über uns.

Mobil

So sieht die Website auf dem Smartphone aus.

Messwerte

Gemessen mit Google PageSpeed Insights am 21. Oktober 2026. Bericht ansehen

Projektdetails

Kunde

Logicc GmbH

Branche

Software & IT

Jahr

2026

Leistungen

UI/UX Design, Development, Motion Design, Mehrsprachigkeit, CMS-Anbindung mit Sanity, Technisches SEO, Brand Kit

Technik

Astro, Sanity, GSAP, Vercel