Nachhaltigkeit als Leitmotiv: der Bewegtbild-Einstieg des neuen Auftritts.

Seit über 55 Jahren stellt Jokey Eimer, Dosen und Schalen her, heute in 14 Werken für Kunden in rund 80 Ländern. Der neue Webauftritt sollte genau diese Größe und Qualität zeigen. schwarz+matt hat das Design entworfen, wir haben es in TYPO3 gebaut: als Baukasten, mit dem die Jokey-Redaktion selbst arbeitet.

Ausgangslage

Luftaufnahme des Jokey-Stammsitzes in Wipperfürth mit Werkshallen in hügeliger Landschaft
Der Stammsitz der Jokey Group in Wipperfürth. Bild: Jokey

Der bisherige Auftritt passte nicht mehr zum internationalen Anspruch der Jokey Group. Ein neues Designkonzept lag vor, klar, reduziert, mit starker Bildsprache. Es musste so umgesetzt werden, dass es auch nach Jahren redaktioneller Pflege noch genauso aussieht.

Gefragt war eine Lösung, die

  • das Design von schwarz+matt pixelgenau und markenkonform umsetzt,
  • als modularer Baukasten von der Redaktion selbst gepflegt werden kann,
  • mehrsprachig über mehrere Länder und Märkte skaliert,
  • hohe Ansprüche an Performance, Barrierefreiheit und SEO erfüllt,
  • die enge Abstimmung zwischen Kunde, Designagentur und Entwicklung trägt.
Greifer einer Spritzgießanlage bei Jokey entnimmt einen Kunststoffeimer
Aus der Fertigung bei Jokey. Bild: Jokey
Vier transparente PET-Dosen mit bunten Kapseln und Tabletten vor rosa Hintergrund
Neu im Sortiment: PET-Verpackungen im ISBM-Verfahren. Bild: Jokey
Rechteckige Eisverpackung von Jokey mit weißem Deckel und rundum bedrucktem Etikett
Eisverpackung aus dem Programm Jokey Individual. Bild: Jokey

Vorgehen

Produktseite ISBM Produkte der neuen Jokey-Website auf dem Smartphone mit Titel, Einleitung und Produktfoto
Dieselben Inhaltselemente, responsiv bis aufs Smartphone: jokey.com mobil.

Gemeinsam mit allen Beteiligten haben wir das Design in ein flexibles TYPO3-Komponentensystem übersetzt. Im Mittelpunkt: ein wartbares Frontend, eine verständliche Redaktionsoberfläche und eine saubere mehrsprachige Struktur.

  1. 01Designkonzept analysiert und daraus einen Katalog an Komponenten und Inhaltselementen für TYPO3 abgeleitet.
  2. 02Seiten- und Sprachstruktur für den internationalen, mehrsprachigen Auftritt aufgebaut.
  3. 03Individuelle Inhaltselemente mit Fluid-Templates und TypoScript entwickelt, pixelgenau nach Vorgabe.
  4. 04Frontend in SCSS und JavaScript umgesetzt: responsives Layout, Animationen, Hover- und Scroll-Effekte im Stil von schwarz+matt.
  5. 05Backend so konfiguriert, dass die Redaktion sicher und ohne Layoutbrüche pflegen kann.
  6. 06Performance, Barrierefreiheit (WCAG), SEO und strukturierte Daten optimiert.
  7. 07Iterativ mit Kunde und Designagentur abgestimmt, von Staging bis Go-live, inklusive Qualitätssicherung und Schulung der Redaktion.

Die neue Website

Design von schwarz+matt, technische Umsetzung in TYPO3. Ein Klick auf den Bildschirm öffnet die Seite live.

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

Ergebnis

Bunt bedruckte Jokey-Eimer mit der Aufschrift Stand out, daneben ein Tablet mit Augmented-Reality-Ansicht
Jokey Individual: Verpackungen im eigenen Design. Bild: Jokey

Die Jokey Group zeigt sich online so international und hochwertig, wie es ihrer Position entspricht. Die Website ist schnell, barrierearm und suchmaschinenfreundlich, und die Redaktion pflegt sie eigenständig. Ein Gemeinschaftsprojekt vieler Beteiligter, das wir auf Entwicklungsseite mit umsetzen durften.

Designtreue
Pixelgenau nach der Vorlage von schwarz+matt
Pflegbarkeit
Modularer Baukasten für die Redaktion
Internationalität
Mehrsprachig für mehrere Märkte
Zusammenarbeit
Großes Team aus Kunde, Agentur und Entwicklung

Beteiligt

  • TYPO3
  • schwarz+matt
  • nullacht15

Ein ähnliches Vorhaben?

Erzählen Sie uns, was Sie vorhaben. Wir hören zu, stellen die richtigen Fragen und sagen Ihnen ehrlich, wie wir es angehen würden.

Babbelnet

Nächste Referenz nullacht15 GmbH (Eigenprodukt)