Image Engineering Website-Relaunch
Von KI-Prototyping zur Enterprise-Website – 5 Sprachen, 16 Segmenttypen, vollständige Content-Autonomie.
Das Unternehmen
Image Engineering ist ein international führendes Unternehmen für objektive Kamera- und Sensor-Testlösungen. Als Teil der Nynomic Group entwickelt und vertreibt das Unternehmen standardisierte Testcharts, Beleuchtungssysteme, Prüfsoftware und vollintegrierte Testsysteme.
Zu den Kunden gehören weltweit führende Smartphone-Hersteller, Automobilzulieferer, Kamerahersteller und Forschungseinrichtungen – mit starker Präsenz in Europa, Japan, Korea und China.
Die Ausgangslage
Image Engineering betrieb eine klassische Website, die über Jahre gewachsen war – mit statischen Inhalten, ohne echte Mehrsprachigkeit, ohne modernes CMS und mit langen Update-Zyklen durch Abhängigkeit von externen Entwicklern.
Das SEO-Optimierungspotenzial war nicht ausgeschöpft, die Marketing-Automation nicht integriert und ein zentrales Asset-Management für die umfangreiche Produktbildwelt fehlte vollständig.
Die Herausforderungen
Echte Mehrsprachigkeit
5 Sprachen mit vollständiger Content-Lokalisierung, nicht nur UI-Übersetzungen
Modulares CMS
Flexibles Seitensystem aus beliebig kombinierbaren, datenbankgesteuerten Segmenten
SEO-Exzellenz
KI-gestützte SEO-Automatisierung für alle Inhalte in allen Sprachen
Redaktionelle Autonomie
Content-Team muss alle Inhalte eigenständig pflegen können – ohne Entwickler
Internationales Wachstum
Architektur bereit für weitere Sprachen, Märkte und Content-Typen
Der Ansatz: KI-Vibe-Coding mit sp8 CMS
Statt ein bestehendes CMS zu integrieren, wurde sp8 CMS direkt als Teil der Anwendung aufgebaut – ein vollständig KI-nativer Ansatz in drei Phasen.
KI-Prototyping
Funktionierender Prototyp in Tagen statt Wochen
- Rapid Prototyping mit Lovable
- Iteratives Design im Pair-Programming mit KI
- Technische Validierung aller Features
Marketing-Automation
Mautic-Integration über API
- Lead-Tracking bei Downloads & Events
- Double-Opt-in-Flows über Edge Functions
- Automatische Segmentierung nach Interessen
sp8 CMS
Das KI-native Content Management System
- Frontend, Backend und CMS aus einem Guss
- 16 Segment-Typen im Platinum-Standard
- 6 vollständige Content-Module
Was umgesetzt wurde
Modulares Segment-System – 16 Typen
Das Herzstück von sp8 CMS: Jede Seite wird aus beliebig kombinierbaren, datenbankgesteuerten Segmenten zusammengesetzt. Rund 8.164 Lines of Code im Platinum-Standard.
- Content-Segmente: ActionHero, FullHero, Intro, FAQ, FeatureOverview, Specification, Table
- Visuelle Segmente: Banner, ImageText, Tiles, Industries, Video, MetaNavigation
- Spezial-Segmente: CMS-gesteuerter Footer, ProductDetails, Debug-Inspektion
- Dynamische Listen: ProductList, NewsList, EventsList, DownloadsList mit Filterung
- Drag & Drop Sortierung und Segment-Kopierung zwischen Seiten
Echte Mehrsprachigkeit – 5 Sprachen
Nicht nur UI-Übersetzungen, sondern vollständig lokalisierte Inhalte für internationale Märkte: Englisch, Deutsch, Japanisch, Koreanisch und Chinesisch.
- URL-basierte Sprachsteuerung mit /en/, /de/, /ja/, /ko/, /zh/ Präfixen
- Split-Screen-Editoren für parallele Bearbeitung von Quell- und Zielsprache
- KI-gestützte Übersetzungsfunktion via Edge Function translate-content
- Glossar-System mit 4 Typen: Nicht übersetzen, Bevorzugt, Abkürzungen, Firmenspezifisch
- Automatischer Fallback zu Englisch bei fehlenden Übersetzungen
- JSONB-basierte Menü-Label-Übersetzungen in der Navigation
KI-gestützte SEO-Suite – 13 Edge Functions
Umfassende, direkt ins CMS integrierte SEO-Automatisierung, die weit über Standard-Plugins hinausgeht.
- Automatische SEO-Titel und Meta-Descriptions via KI-Generierung
- H1/H2/H3-Headline-Vorschläge basierend auf Content-Analyse
- Focus-Keyword-System mit Keyword-Dichte- und Lesbarkeitsoptimierung
- Interne und externe Link-Vorschläge durch KI-Analyse
- SISTRIX-Integration mit automatisiertem Visibility-Index-Tracking
- Content-Gap-Analyse und SERP-Preview in Echtzeit
6 Content-Module im Platinum-Standard
Neben den Segmenten wurden sechs vollständige Content-Module implementiert – insgesamt rund 13.364 Lines of Code.
- Produkte (v3.1.0): Vollständiger Katalog mit Hero-Galerie, Specs, mehrsprachigen Beschreibungen
- News/Blog (v3.3.0): Rich-Text-Editor, Kategorisierung, Draft/Published-Workflow
- Events (v3.2.0): Event-Management mit Registrierung, Mautic-Integration, Kapazitätssteuerung
- Downloads (v3.2.0): Gated Downloads mit Lead-Erfassung und automatischen Bestätigungs-E-Mails
- Suche: Volltext über alle Content-Typen in allen 5 Sprachen
- Navigation: Datenbankgesteuerte Mega-Menü-Navigation mit Flyout-Panels
Frontend-Editing – Inline auf der Live-Website
Ein Alleinstellungsmerkmal: Content-Redakteure bearbeiten Texte, Bilder und Layouts direkt auf der Live-Website – berechtigungsgesteuert und WYSIWYG.
- Inline-Editing direkt im Frontend – kein Backend-Wechsel nötig
- Pro Seite und pro Benutzer individuell aktivierbar
- Split-Screen-Modus für parallele Bearbeitung in zwei Sprachen
- Segment-basiert: Jedes Segment hat seinen eigenen Editor
- Version History mit Rollback und automatischen Content-Backups
User- & Rechtemanagement
Granulare Zugriffskontrolle auf allen Ebenen.
- Rollenbasiert: Admin, Editor, User via user_roles-Tabelle
- Granulare Seitenrechte pro Seite und Sprache konfigurierbar
- Abgestufte SEO-Berechtigungen: Basic, Advanced, Enterprise, Social
- User-Deaktivierung ohne Löschung
Zentrales Media-Management
Professionelle Asset-Verwaltung für die umfangreiche Produktbildwelt.
- 3 Storage-Buckets: page-images, og-images, cms-media
- Focus-Point-Picker für Bildausschnitt-Steuerung
- Mehrsprachige Alt-Texte und Segment-Bild-Zuordnung
- Hierarchische Ordnerstruktur mit Drag & Drop
Mautic Marketing Automation
Nahtlose Lead-Erfassung und -Tracking.
- API-Anbindung über Edge Functions
- Lead-Erfassung bei Downloads, Events, Kontaktformularen
- Double-Opt-in und Pageview-Tracking
- Kontakt-Segmentierung nach Interessen und Aktivitäten
SISTRIX & Resend Integration
Enterprise SEO-Monitoring und transaktionale E-Mails.
- Automatisierte Sichtbarkeitsindex-Erfassung mit Cron-Snapshots
- Historische Sichtbarkeitsdaten und Enterprise-Dashboard
- Transaktions-E-Mails für Downloads und Event-Registrierungen
- Template-basierte E-Mails mit Firmenbranding
Ergebnisse & Kennzahlen
Qualitative Ergebnisse
Redaktionelle Autonomie
Content-Team pflegt alle Inhalte eigenständig – in allen 5 Sprachen
Schnellere Time-to-Market
Neue Seiten und Inhalte in Minuten statt Tagen erstellt
Konsistente Mehrsprachigkeit
Echte Lokalisierung mit Glossar-System und KI-Unterstützung
SEO-Exzellenz
KI-gestützte Optimierung direkt im Redaktionsworkflow integriert
Marketing-Integration
Nahtlose Lead-Erfassung und -Tracking über Mautic
Skalierbarkeit
Architektur bereit für weitere Sprachen und Märkte
Eingesetzte Technologien
Fazit
Das Image Engineering Projekt demonstriert, wie ein KI-natives CMS den gesamten Lifecycle eines Website-Relaunches revolutioniert: vom schnellen Prototyping über die iterative Feature-Entwicklung bis hin zum Enterprise-fähigen Content Management System mit vollständiger Mehrsprachigkeit, Marketing-Automation und KI-gestützter SEO-Optimierung.
sp8 CMS – die ideale Plattform für komplexe, mehrsprachige B2B-Websites mit hohem Content-Volumen und anspruchsvollen SEO-Anforderungen.
sp8 CMS – simple · smart · scaleable