KI wirkt nur mit Architektur: Jetzt Masterclass ansehen 
Digitale Innovation im Baustoffhandel: KI-Bildersuche für STARK Deutschland 
Ob Whitepaper, Case Study oder Factsheet – gleich Medienwerft Know-how herunterladen! 
End2End-Lösungen von UX bis Hosting: Profitieren Sie von der Kompetenz der FIS-Gruppe! 
Passt du in unser Team? Jetzt alle offenen Stellen entdecken und gleich bewerben! 
Reif für die Werft? Finde heraus, worauf du dich als Azubi in der Medienwerft freuen kannst! 
Entdecken: Die 7 wichtigsten E-Commerce Trends 2026! 
Unser multimodales Embedding Modell: FISMWASP Multi ist da! 
AI trifft Human-in-the-loop: Jetzt Masterclass ansehen! 
Eine E-Commerce Storefront für die Zukunft: Journey Aware, flexibel, performant
Für unseren engen Technologiepartner Emporix haben wir eine technologisch unabhängige, vollfunktionsfähige E-Commerce Storefront entwickelt, die als Showcase, Design-Benchmark und neuer Standard innerhalb des Emporix-Ökosystems fungiert.
In nur 7 Wochen haben wir eine modulare, barrierefreie und verlässliche E-Commerce Storefront entwickelt, die zeigt, wie sich technologische Freiheit und innovative User Experience verbinden lassen. Was als Showcase begann, ist jetzt ein maßgeblicher Baustein der Emporix Gesamtlösung – der nicht nur von Emporix, sondern auch von dessen Kunden und Partnern weltweit eingesetzt werden kann.
KUNDE
Emporix
BRANCHE
Technologielösungen im B2B-Bereich
ZIEL
Eine Storefront, die sofort einsatzbereit ist – leicht integrierbar und umfassend konfigurierbar
TECHNOLOGIEN
- Emporix
- Storyblok CMS
Emporix ist die erste Wahl, wenn es um die Orchestrierung von Prozessen im digitalen B2B-Commerce geht. Mit seinem modernen, cloudbasierten Tech-Stack ermöglicht Emporix es Unternehmen, ihre Commerce-Landschaften flexibel und zukunftssicher zu gestalten. Mit Blick auf die Zukunft stehen dabei Value Streams und das Konzept des Autonomous Commerce im Fokus – für mehr Agilität, Autonomie und technologische Freiheit in einer sich stetig wandelnden Handelswelt. Mehr dazu finden Sie auf www.emporix.de
Die Aufgabe
Eine E-Commerce Storefront, die Veränderung mitdenkt
In nur wenigen Wochen eine komplett losgelöste E-Commerce Storefront in Form eines vollfunktionsfähigen B2B-Shops zu entwickeln – interner Projektname: Projekt Phoenix.
Ein Shop, der in jeder Funktion – jedem einzelnen Value Stream – mit nur wenig Aufwand angepasst werden kann. Ein Shop, der nahtlos skaliert, auf jeder Plattform barrierefrei funktioniert und auf jedem Endgerät im passenden Format ausgespielt wird. Dabei war nicht nur die Entwicklung gefordert, sondern auch unser CX-Team, das ein „most lovable“ Emporix-Design schaffen sollte.
Haben Sie eine ähnliche Herausforderung für uns? Dann sprechen Sie uns gern an!
Die Challenge
In nur sieben Wochen gemeinsam wachsen
Die größte Herausforderung bei diesem Projekt war die Zeit – denn die neue Storefront sollte in nur 7 Wochen funktionsfähig sein. Trotzdem sollte sie an keiner Stelle einen Kompromiss eingehen – weder bei der Performance noch bei Accessibility oder Usability.
Challenge accepted: Während die Architektur bewusst Headless und agnostisch aufgebaut wurde, entstand im Design ein Fundament, das sich dynamisch anpassen kann: responsiv, variabel, komponentenbasiert. Jede Zeile Code, jedes Design-Token und jede Interaktion musste gleichzeitig attraktiv, funktional und performant sein.
Wie wir das gemacht haben? Nicht nur unsere Entwicklungen skalieren mit Kapazität und Aufwand mit, sondern auch unsere Teams. Das Projekt startete bewusst schlank und hat sich sukzessive entwickelt. Mit jeder Phase wurden neue Kompetenzen eingebunden – UX, Design, Development, Quality Assurance – und genauso gezielt wieder zurückgefahren, wenn der Fokus es erforderte.
Das Ergebnis: Ein Modell, das wir nicht nur für Emporix gebaut haben – sondern für alle Unternehmen, die gemeinsam digitale Benchmarks setzen wollen.
Unser Ansatz
Agile Zusammenarbeit, die Geschwindigkeit erst möglich macht
Nicht nur unsere Entwicklungen skalieren Kapazität und Aufwand mit, sondern auch unsere Teams. Das Projekt startete bewusst schlank und hat sich sukzessive entwickelt.
Besonders prägend war dabei die Zusammenarbeit mit den Emporix-Expertinnen und -Experten. Sie waren von Beginn an Teil des Prozesses – nicht als externe Instanz, sondern als gleichwertige Partner. Designsystem, Code und Komponentenbibliothek entwickelten sich Hand in Hand weiter. Diese Art der Zusammenarbeit machte Geschwindigkeit erst möglich: ein agiles System, das sich wie die Architektur selbst an Bedarf, Wissen und Fortschritt anpasst.
Das Ergebnis
Design, das bleibt – auf einer Architektur, die sich verändert
Wir haben bei Null angefangen – auf einer grünen Wiese und mit dem Anspruch, etwas zu bauen, das bleibt, auch wenn sich alles andere verändert. Das Design- und Architektursystem funktioniert daher komplett flexibel. Jedes Modul lässt sich austauschen, jede Integration ersetzen – ob CMS, Suche oder Commerce-Engine.
Dank der Headless-Architektur und einer plattformunabhängigen E-Commerce Storefront kann das System mit wenigen Anpassungen auf neue Technologien, Sprachen oder Märkte reagieren.
Multi-Channel, -Market & -Brand
Eine Storefront für alle Märkte, Marken und Kanäle – konsistent im Look & Feel, variabel in Sprache, Sortiment und Preislogik.
Plug and Play
Die Architektur ist offen, standardisiert und kompatibel. Tools oder Services funktionieren direkt mit dem bestehenden System und können jederzeit nach Bedarf getauscht werden.
SEO-Framework mit Performance
Eine Architektur, in der Headless-Strukturen und Server-Side-Rendering für schnelle Ladezeiten, effiziente Datenflüsse und optimale Sichtbarkeit bei AI-Suchmaschinen sorgen.
Driven by data, ready for AI
Eine Storefront, die direkt mit KI-Agenten und Geschäftslogik verknüpft ist – für smarte, datengetriebene Interaktionen über alle Touchpoints.
Inversion of Control
Nicht der Code bestimmt den Ablauf – die Architektur orchestriert ihn. Das Ergebnis: mehr Freiheit, weniger Abhängigkeit, und ein Tech-Stack, der mitwächst, wenn neue Systeme dazukommen.
Truly Digital Accessible
Die Journey Aware Storefront verknüpft Technologie, Design und Nutzerperspektive und ermöglicht Zugang für alle – unabhängig von Gerät, Fähigkeit oder Kontext, ob Mensch oder KI.
Technologische Raffinesse
Eine E-Commerce Storefront, die modulare Orchestrierung erlebbar macht
Im Frontend fiel die Wahl bewusst auf React in Kombination mit Next.js.
Nicht, weil es gerade „state of the art“ ist, sondern weil durch Funktionen wie Server Side- und Partial-Rendering, nahtlose Client-Server-Transitionen und die breite Community dahinter eine solide technologische Basis für die Weiterentwicklung zur Verfügung steht.
Im Backend des NextJS-Systems spiegelt sich der Gedanke der Modularität wider.
Kommen Kundendaten aus einem SAP oder Salesforce? Werden die Preise live vom ERP oder direkt durch das Emporix-Commerce-System berechnet? Kommen Bestände aus der Warenwirtschaft oder einer dedizierten Lagerlösung?
Durch ein Inversion of Control System lassen sich die eigentlichen Integrationen unabhängig von der Präsentationsschicht leicht austauschen.
Mit Tailwind CSS wird Design dort definiert, wo es entsteht – direkt am Element. Statt sich in endlosen Stylesheets zu verlieren, beschreibt der Code präzise, was auf dem Bildschirm passiert.
Darauf aufbauend sorgt die shadcn Component Library für Struktur und Geschwindigkeit. Sie liefert bewährte UI-Bausteine – von Listen bis zu Tabellen – und bleibt dennoch vollständig erweiterbar.
So entsteht ein System, das aus einzelnen Modulen wächst, nicht aus Abhängigkeiten. Definierte Grids, Spacing-Variable und Typo-Sets werden zu einer modularen Komponentenbibliothek, die jedes Element – vom Button bis zur Produktkarte – als wiederverwendbare Einheit verfügbar macht.
Autonomous Commerce Execution
Emporix (ACE) – eine Plattform, in der Prozesse, Daten und Intelligenz zusammenfließen
Die Emporix Autonomous Commerce Execution (ACE) Plattform ist die erste KI-native Lösung, die speziell für Autonomous Commerce entwickelt wurde. Sie vereint Prozesssteuerung, künstliche Intelligenz und Automatisierung – das Ergebnis: eine schnelle, flexible und zukunftssichere Commerce-Plattform.
Die ACE-Plattform verbindet Prozesssteuerung, Künstliche Intelligenz und Automatisierung. Sie liefert die Basis für KI-basierten Autonomous Commerce und zeichnet sich durch Agilität, Geschwindigkeit und Effektivität aus.
Ihre zentralen Komponenten zur Prozess- und Datensteuerung sind: Commerce Orchestration, Agentic Commerce Intelligence und der Semantic Data Layer.
Durch die Orchestrierung von Prozessen über Value Streams und den Einsatz von KI-Agenten (Agentic Commerce Intelligence) wird die Komplexität des Handels reduziert.
Das ermöglicht die Vereinfachung von Prozessen, die Reduzierung von Integrationsaufwänden (Embedded iPaaS) und die flexible Durchführung von Anpassungen per No-Code-Logik im laufenden Betrieb.
Die Architektur der ACE-Plattform bietet klare operative Vorteile:
-
Agilität: Prozesse können in Echtzeit angepasst werden, um flexibel auf Marktveränderungen zu reagieren.
-
IT-Effizienz: Der Aufwand für Programmierung, Testing und Wartung wird minimiert.
-
Kontrolle: Die klare Trennung von Frontend (Journey Aware Frontend), Backend und Logik sorgt für maximale Transparenz und Flexibilität im Betrieb.
Storyblok CMS
Content,
der Beziehungen schreibt
Content überzeugt, wenn er nah am Nutzer entsteht. Mit Storyblok können wir Inhalte so gestalten, wie sie erlebt werden – direkt im Kontext des Designs. Dabei lassen wir Storyblok dieselbe Sprache sprechen wie unser Figma-Design-System: Komponenten, Strukturen, Abstände – alles greift ineinander. So wird aus Content kein statischer Textblock, sondern ein lebendiges Element der Customer Experience.
Für die neue Emporix Journey Aware Storefront bedeutet das: weniger Abhängigkeiten, kürzere Release-Zyklen und Content, der in jeder Sprache, auf jedem Markt funktioniert.
Digitale Barrierefreiheit
Inhalte, die alle erreichen
Projekt Phoenix wurde komplett barrierefrei konzipiert. Das Designsystem wurde von Grund auf für Usability, Performance und Barrierefreiheit konzipiert und basiert auf klar definierten Kontrasten, skalierbaren Schriftgrößen, ausreichend großen Klickflächen und semantisch sauberem Code. Jedes UI-Element erfüllt die WCAG-Standards und wurde darauf getestet, wie es sich mit Screenreadern, Tastaturnavigation und unterschiedlichen Endgeräten verhält.
So gewährleisten wir, dass alle Menschen die Inhalte gleichermaßen verstehen und bedienen können, egal welche Fähigkeiten sie haben oder welches Gerät sie nutzen.
Suchmaschinenoptimierung
Inhalte, die auch von AI gefunden werden
KI ist die Suchmaschine der Zukunft – mit diesem Gedanken im Hinterkopf haben wir die neue Storefront direkt mit den besten Voraussetzungen ausgestattet, von einer KI namentlich genannt oder zitiert zu werden. Dazu kombinieren wir neueste SEO/GEO-Strategien mit modernem UX-Design.
Im Emporix Case zeigt sich das besonders deutlich: Durch den Einsatz einer Headless-Architektur und Server-Side-Rendering konnten wir nicht nur hervorragende Ladezeiten erreichen, sondern auch die Sichtbarkeit in Suchmaschinen und KI-gestützten Plattformen deutlich steigern.
Fazit
Zusammenarbeit, die Maßstäbe setzt
Aus unserem Projekt Phoenix wurde eine E-Commerce Storefront, die Effizienz, Skalierbarkeit und Nutzererlebnis neu definiert. In nur sieben Wochen entstand ein System, das technologische Freiheit mit barrierefreiem Design und internationaler Performance verbindet. Das Ergebnis ist mehr als ein Showcase. Es ist der Grundstein für künftige Lösungen wie Self-Service-Portale oder B2B-Shops mit integrierten AI-Anwendungen. Die Journey Aware Storefront markiert den Beginn einer neuen Entwicklungsphase im digitalen B2B-Commerce, und wir freuen uns darauf, diesen Weg gemeinsam mit Emporix zu gehen.
