B2B-Website für colpari mit Gatsby und Strapi
Moderne Plattform für skalierbaren Customer Service mit CMS, Wissensdatenbank und digitalem Neukunden-Onboarding.
01. Die Herausforderung
colpari positioniert sich bewusst als moderne Alternative zu klassischen Call-Centern und unterstützt Unternehmen mit flexibel skalierbarem Customer Service auf Abruf.
Die Herausforderung bestand darin, dieses innovative Geschäftsmodell verständlich, professionell und vertrauenswürdig digital abzubilden.
Gleichzeitig fehlte eine zentrale Plattform, über die Marketing-Inhalte, Wissensressourcen, Blogartikel und Onboarding-Prozesse effizient verwaltet werden konnten.
Ziel war es, eine technische Grundlage zu schaffen, die sowohl Content-Marketing als auch Vertrieb und Kundengewinnung langfristig unterstützt.
02. Das Ziel
Ich habe eine Content-Plattform für Marketing und Vertrieb geplant, auf der das colpari-Team Inhalte selbst pflegen kann. Das Leistungsangebot, die Wissensressourcen und der Einstieg für neue Geschäftskunden sollten klar miteinander verbunden sein.
03. Die Lösung
Ich habe das Gatsby-Frontend über GraphQL mit Strapi verbunden. Das Headless CMS verwaltet Landingpages, Blogartikel und Wissensressourcen; strukturierte Onboarding-Seiten unterstützen die Ansprache neuer Kunden.
Frontend
- Gatsby.js für schnelle Ladezeiten und hohe SEO-Performance
- React-basierte Komponentenarchitektur für langfristige Skalierbarkeit
- Bootstrap für konsistente UI-Komponenten und schnelle Entwicklung
- GraphQL zur strukturierten Anbindung aller CMS-Inhalte
CMS & Content-Architektur
- Strapi als Headless CMS zur zentralen Verwaltung aller Inhalte
- Flexible Content-Strukturen für Landingpages, Blogartikel und Wissensressourcen
- Einfache Pflege durch Marketing- und Sales-Teams ohne Entwicklerabhängigkeit
Features
- Wissensdatenbank & Blog als zentrale Content-Plattform
- Strukturierte Onboarding-Seiten für Neukunden
- Newsletter-Integration zur Lead-Generierung
- Klare Seitenarchitektur zur Unterstützung von Marketing- und Vertriebsprozessen
Die gesamte Plattform wurde darauf ausgelegt, zukünftige Erweiterungen und neue Content-Bereiche flexibel integrieren zu können.
Du planst ein ähnliches Projekt? Erfahre mehr über meine Websites mit Headless CMS.
04. Ergebnis & Wirkung
Das colpari-Team kann Landingpages, Blog und Wissensdatenbank zentral im CMS pflegen. Die Website verbindet das Leistungsangebot mit weiterführenden Informationen und einem strukturierten Einstieg für neue Geschäftskunden.
Durch die getrennte Frontend- und CMS-Architektur können weitere Inhaltsbereiche ergänzt werden, ohne die gesamte Plattform neu aufzubauen.
Tech Stack
Technische Umsetzung
Die Plattform basiert auf einer statischen Jamstack-Architektur mit Gatsby.js, wodurch Inhalte bereits zur Build-Zeit generiert und besonders performant ausgeliefert werden können.
Durch die Entkopplung von Frontend und CMS über eine Headless-Architektur mit Strapi entstand eine flexible und skalierbare Content-Plattform.
Die Datenanbindung erfolgt über GraphQL, wodurch Inhalte effizient aggregiert und strukturiert verarbeitet werden können.
Der modulare Aufbau ermöglicht die einfache Erweiterung neuer Seitentypen, Wissensbereiche und Marketing-Komponenten ohne tiefgreifende Systemanpassungen.