Jokey Website Redesign 2026 – Markenauftritt eines Verpackungsweltmarktführers in TYPO3
Jokey Group
Umsetzung des neuen, von schwarz+matt gestalteten Markenauftritts der Jokey Group im TYPO3-Umfeld. In einem groß angelegten Gemeinschaftsprojekt mit zahlreichen Beteiligten haben wir das anspruchsvolle Design-Konzept pixelgenau in ein flexibles, redaktionell pflegbares und mehrsprachiges TYPO3-Setup überführt.

Tech Stack
Ein neuer Markenauftritt für einen Weltmarktführer
Die Jokey Group zählt mit 14 Werken in 11 Ländern und Kunden in über 80 Ländern zu den weltweit größten Herstellern starrer Kunststoffverpackungen. Für den neuen digitalen Markenauftritt entwickelte die Marken- und Designagentur schwarz+matt ein klares, hochwertiges und international tragfähiges Designkonzept. Unsere Aufgabe: dieses Konzept passgenau und technisch sauber im TYPO3-Umfeld umsetzen – als flexibles, mehrsprachiges und redaktionell eigenständig pflegbares Content-Management-System. Das Projekt war eine enge Zusammenarbeit vieler Beteiligter auf Kunden-, Agentur- und Entwicklungsseite.
Das Redesign live erleben
Der neue Markenauftritt der Jokey Group – Design von schwarz+matt, technische Umsetzung im TYPO3-Umfeld.
Über den Kunden
Die Jokey Group ist ein international führender Hersteller starrer Kunststoffverpackungen im Spritzgussverfahren. Das Portfolio reicht von runden, ovalen und eckigen Eimern über Dosen und Schalen bis zu Mehrweg- und ISBM-Verpackungen sowie kundenindividuellen Lösungen (Jokey Individual). Nachhaltigkeit, Produktinnovation und technischer Service sind zentrale Markenthemen, die der neue Webauftritt transportiert.

Design von schwarz+matt
Konzept trifft Umsetzung
Das Designkonzept von schwarz+matt setzt auf einen klaren, reduzierten und hochwertigen Look mit großzügigem Whitespace, starker Bildsprache und einer prägnanten Typografie. Unsere Aufgabe war es, diese gestalterische Vision detailgetreu zu übersetzen: vom Spacing über Schriftgrößen und Hover-States bis zu Animationen. Designsystem und Komponenten wurden gemeinsam mit der Agentur abgestimmt und in pflegbare TYPO3-Inhaltselemente überführt.
Ausgangssituation & Herausforderung
Der bestehende Webauftritt wurde dem internationalen Anspruch und der Markenstärke der Jokey Group nicht mehr gerecht. Gesucht war eine Lösung, die - das von schwarz+matt entworfene Design pixelgenau und markenkonform umsetzt, - als modulares Baukastensystem von der Jokey-Redaktion eigenständig pflegbar ist, - mehrsprachig und über mehrere Länder/Märkte hinweg skaliert, - höchste Ansprüche an Performance, Accessibility und SEO erfüllt und - die enge Abstimmung zwischen Kunde, Designagentur und Entwicklung über die gesamte Projektlaufzeit ermöglicht.
Lösung: Designkonform & redaktionell flexibel in TYPO3
Gemeinsam mit allen Projektbeteiligten haben wir das schwarz+matt-Design als flexibles TYPO3-Komponentensystem umgesetzt. Im Mittelpunkt standen ein wartbares Frontend, eine intuitive Redaktionsoberfläche und eine saubere mehrsprachige Content-Architektur.
Implementation Steps
- 1Analyse des schwarz+matt-Designkonzepts und Ableitung eines Komponenten- und Inhaltselement-Katalogs für TYPO3.
- 2Aufbau einer sauberen TYPO3-Seiten- und Sprachstruktur für den internationalen, mehrsprachigen Auftritt.
- 3Entwicklung individueller Content-Elemente mit Fluid-Templates und TypoScript – pixelgenau gemäß Designvorgaben.
- 4Frontend-Umsetzung mit SCSS und JavaScript: responsives Layout, Animationen, Hover- und Scroll-Effekte entsprechend dem schwarz+matt-Look.
- 5Konfiguration des Backends für eine intuitive, fehlerresistente Pflege durch die Jokey-Redaktion (Backend-Layouts, Inhaltsbausteine, Restriktionen).
- 6Optimierung von Performance, Accessibility (WCAG) und SEO sowie strukturierten Daten.
- 7Enge, iterative Abstimmung mit Kunde und Designagentur über alle Phasen – von Konzept und Staging bis zum Go-live.
- 8Qualitätssicherung über Browser, Geräte und Sprachversionen hinweg sowie Schulung des Redaktionsteams.
Technische Umsetzung
Flexibles Komponentensystem in TYPO3
Statt starrer Templates haben wir ein modulares Baukastensystem geschaffen: Die Redaktion kombiniert vordefinierte, designkonforme Inhaltselemente frei zu neuen Seiten – ohne dass das Layout brechen kann. Fluid-Templates, TypoScript und eine durchdachte Backend-Konfiguration sorgen dafür, dass Markenkonformität und redaktionelle Freiheit Hand in Hand gehen.
Ergebnisse & Mehrwert
Mit dem neuen Markenauftritt präsentiert sich die Jokey Group digital so hochwertig und international, wie es ihrer Position als Weltmarktführer entspricht. Das von schwarz+matt entwickelte Design wurde im TYPO3-Umfeld passgenau und technisch sauber umgesetzt. Das Ergebnis ist eine performante, barrierearme und suchmaschinenfreundliche Website, die von der Jokey-Redaktion eigenständig und sicher gepflegt werden kann. Das Projekt war ein Gemeinschaftswerk vieler Beteiligter, das wir auf Entwicklungsseite mit umsetzen durften.
Wie wir arbeiten
Ein strukturierter Ablauf von der Idee bis zum erfolgreichen Launch
Discovery & Konzeption
Gemeinsame Analyse Ihrer Anforderungen und Definition klarer Ziele. Wir entwickeln ein maßgeschneidertes Konzept.
Design & Prototyping
Erstellung von Wireframes und Designs. Iteratives Feedback sorgt für optimale User Experience.
Entwicklung & Testing
Saubere Umsetzung mit modernen Technologien. Kontinuierliche Tests garantieren höchste Qualität.
Launch & Support
Erfolgreicher Go-Live und fortlaufende Betreuung. Wir optimieren basierend auf echten Nutzerdaten.

