Jokey Website Redesign 2026 – Markenauftritt eines Verpackungsweltmarktführers in TYPO3

Jokey Group

web2026

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.

Jokey Website Redesign 2026 – Markenauftritt eines Verpackungsweltmarktführers in TYPO3

Tech Stack

TYPO3TypoScriptFluid TemplatesSCSSJavaScriptResponsive Webdesign

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.

www.jokey.com/de
Screenshot der neuen Jokey Website
Website besuchen

Über den Kunden

BrancheKunststoffverpackungen / Spritzguss
Werke14 Werke in 11 Ländern
MarktKunden in rund 80 Ländern
Historie55+ Jahre
ProdukteEimer, Dosen, Boxen & Schalen, Mehrweg, Jokey Bath

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-Konzept und Layout-Entwürfe

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.

Challenge

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

  1. 1Analyse des schwarz+matt-Designkonzepts und Ableitung eines Komponenten- und Inhaltselement-Katalogs für TYPO3.
  2. 2Aufbau einer sauberen TYPO3-Seiten- und Sprachstruktur für den internationalen, mehrsprachigen Auftritt.
  3. 3Entwicklung individueller Content-Elemente mit Fluid-Templates und TypoScript – pixelgenau gemäß Designvorgaben.
  4. 4Frontend-Umsetzung mit SCSS und JavaScript: responsives Layout, Animationen, Hover- und Scroll-Effekte entsprechend dem schwarz+matt-Look.
  5. 5Konfiguration des Backends für eine intuitive, fehlerresistente Pflege durch die Jokey-Redaktion (Backend-Layouts, Inhaltsbausteine, Restriktionen).
  6. 6Optimierung von Performance, Accessibility (WCAG) und SEO sowie strukturierten Daten.
  7. 7Enge, iterative Abstimmung mit Kunde und Designagentur über alle Phasen – von Konzept und Staging bis zum Go-live.
  8. 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.

Results & Impact

Ergebnisse & Mehrwert

Pixelgenaue Umsetzung
Designtreue zur schwarz+matt-Vorlage
Modulares Baukastensystem
Pflegbarkeit
Mehrsprachig & mehrere Märkte
Internationalität
Großes Team aus Kunde, Agentur & Entwicklung
Projektbeteiligte

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.

Partner & Technologie

  • TYPO3 CMS
  • nullacht15 GmbH
  • Schwarz + Matt
Unser Prozess

Wie wir arbeiten

Ein strukturierter Ablauf von der Idee bis zum erfolgreichen Launch

01

Discovery & Konzeption

Gemeinsame Analyse Ihrer Anforderungen und Definition klarer Ziele. Wir entwickeln ein maßgeschneidertes Konzept.

02

Design & Prototyping

Erstellung von Wireframes und Designs. Iteratives Feedback sorgt für optimale User Experience.

03

Entwicklung & Testing

Saubere Umsetzung mit modernen Technologien. Kontinuierliche Tests garantieren höchste Qualität.

04

Launch & Support

Erfolgreicher Go-Live und fortlaufende Betreuung. Wir optimieren basierend auf echten Nutzerdaten.