Case Study · Sanner

Relaunch der Unternehmenswebsite von Sanner.

Ein komplett neu gedachter Internetauftritt: von der inhaltlichen Konzeption über innovatives Design bis zur technischen Umsetzung mit TYPO3 v11 und gezielter Suchmaschinenoptimierung.

  • TYPO3 v11
  • Container-Extension
  • SEO-Extension
  • Eigene Produktdatenbank

Über das Unternehmen

Sanner GmbH

Die Sanner GmbH wurde 1894 gegründet. Mit Hauptsitz in Deutschland und Produktionsstätten in Deutschland, Frankreich, Ungarn und China ist Sanner Weltmarktführer für Trockenmittelverschlüsse und Brausetablettenverpackungen.

Zusätzlich ist Sanner ein gefragter Anbieter kundenspezifischer Lösungen in den Bereichen Medizintechnik, Diagnostik, Pharma und Consumer Healthcare, mit Produkten in mehr als 150 Ländern weltweit.

Gegründet · 1894 Mitarbeitende · 600+ Länder · 150+ Kernbereiche · Trockenmittel · MedTech · Pharma

Über das Projekt — Das sagt Sanner

“Pagemachine hat für uns einen vollkommen neuen Internetauftritt erarbeitet, der den Change Prozess vom Experten für Trockenmittelintegration hin zu einem Entwickler und Hersteller von medizintechnischen und diagnostischen Produkten und Komponenten widerspiegelt.”


Heike Lang · Sanner GmbH


Die neue Website in der Praxis

Klar strukturiert. Ganz auf das Produkt fokussiert.

Neben der gemeinsam erarbeiteten Konzeption durfte Pagemachine auch das gesamte Design der neuen Website einbringen, mit dem Ziel, jede Seite klar und übersichtlich darzustellen.

01

Flexible Layouts

Über die Container-Extension lassen sich 1-, 2- und 3-spaltige Inhaltselemente beliebig zusammenfügen.

02

Individuelle Hintergründe

Ein eigener Reiter je Content-Element erlaubt Hintergrundfarben und -bilder, inklusive Abdunklung für lesbare Inhalte.

03

Produktfokussierte Seiten

Jede Seite beschränkt sich auf ein Produkt, unterstützt von anschaulichen Bildern aus der eigenen Produktion.

Desktop- & Mobile-Ansicht der neuen Sanner-Website

Innovativ, fokussiert, modern.

Drei Aspekte waren von Anfang an die Leitplanken für den Relaunch, konsequent umgesetzt vom ersten Entwurf bis zur letzten Produktseite.

01 / DESIGN

Innovatives Design.

Ein komplett neu gedachter Look, der den Wandel von Sanner sichtbar macht: vom Trockenmittel-Spezialisten zum MedTech-Entwickler.

Neues Design Modernes Layout Container-Extension
02 / FOKUS

Fokus je Seite.

Inhaltlich entschlackt: Überflüssiges gestrichen, dafür Consumer Healthcare als eigener, zielgruppengerechter Bereich neu aufgenommen.

Entschlackt Neue Bereiche Klare Struktur
03 / BILDSPRACHE

Moderne Bildsprache.

Anschauliche Bilder aus der eigenen Produktion schaffen Nähe zum Nutzer und waren fester Bestandteil des Designprozesses.

Eigene Fotos Nähe zum Nutzer Produktionsbilder

Unsere Leistungen im Detail

Das Besondere an diesem Projekt.

Fünf Schwerpunkte prägten die Umsetzung, von der inhaltlichen Neuausrichtung bis zur technischen Basis.

01 / KONZEPTION

Neu gedachte Inhalte

Die Seite wurde inhaltlich entschlackt: überflüssige Inhalte und Verlinkungen entfernt, dafür der Bereich Consumer Healthcare als eigenständiger, zielgruppengerechter Bereich neu aufgenommen.

02 / DESIGN

Responsivität als Grundvoraussetzung

Klar strukturierte Seiten, die sich auf das jeweilige Produkt beschränken, untermalt von anschaulichen Bildern aus der eigenen Produktion für mehr Nähe zum Nutzer.

03 / SEO

Suchmaschinenoptimierung

Über eine SEO-Extension im Backend stimmt Sanner Metatitle und -Description je Seite gezielt ab. Viele Seiten erreichen einen Google-Pagespeed von 100/100.

Zwei Schwerpunkte im Detail

04 / TECHNIK

Technische Umsetzung

mit TYPO3 v11

Die neue Website wurde komplett neu unter TYPO3 v11 entwickelt. Von der alten Website wurde lediglich die Produktdatenbank übernommen und weiterentwickelt.

Für eine flexible Anordnung der Elemente kam die Extension „Container" zum Einsatz. Damit lassen sich 1-, 2- und 3-spaltige Inhaltselemente beliebig zusammenfügen. Zusätzlich wurden die TYPO3-Content-Elemente um einen Reiter für Hintergrundfarbe und -bild erweitert, inklusive Abdunklungsoption für lesbare Inhalte.

05 / DATENBANK

Produktdatenbank

eigens entwickelte TYPO3-Extension

Die Produkte werden über eine eigens entwickelte TYPO3-Extension gepflegt und dargestellt, mit größtmöglicher Flexibilität für Produktgruppen und deren Eigenschaften.

Datenblätter werden on-the-fly generiert und stehen zum Download bereit. Die Daten werden sogar auf Chinesisch dargestellt.


Mehr aus dem Projekt

Ein Blick hinter die Kulissen.

Von flexiblen Layout-Bausteinen bis zur mehrsprachigen Produktdatenbank: diese Details stecken im Relaunch von Sanner.

LAYOUT

Container-Extension

1-, 2- und 3-spaltige Inhaltselemente lassen sich beliebig zusammenfügen, für maximale Layout-Flexibilität ohne Entwickler-Aufwand.

DESIGN

Individuelle Hintergründe

Ein eigener Reiter je Content-Element erlaubt Hintergrundfarben und -bilder, inklusive Abdunklungsoption für lesbare Inhalte.

DATENBANK

Konfigurierbare Produktgruppen

Produktgruppen und ihre Eigenschaften lassen sich in der eigens entwickelten Extension beliebig konfigurieren.

AUTOMATISIERUNG

Datenblätter on-the-fly

Produktdatenblätter werden automatisch generiert und stehen den Kunden direkt zum Download bereit.

SPRACHE

Mehrsprachigkeit

Produktdaten werden auch auf Chinesisch dargestellt, wichtig für Sanners internationale Kundschaft.

PERFORMANCE

Pagespeed 100/100

Analysen zeigen: Viele Seiten der neuen Website erreichen den maximalen Google-Pagespeed-Wert.


Fazit

Gefordert. Und die eigene Entwicklung gefördert.

Der Relaunch der Website von Sanner hat uns gefordert und zeitgleich unsere Entwicklung gefördert. Neben einem komplett neu gedachten Design haben wir erstmalig unser selbst entwickeltes Container-Element verwendet.

Die Website sieht nun nicht nur sehr modern, strukturiert und innovativ aus, sondern ist zusätzlich noch bestmöglich SEO-optimiert. Umso mehr freuen wir uns, dass Sanner so zufrieden mit dem Ergebnis ist. Die Zusammenarbeit hat, wie immer, sehr viel Spaß gemacht.


Das wollen Sie doch auch — Und wir sind genau die Richtigen dafür.

Lassen Sie uns besprechen, welche Grundlagen und Informationen dafür wichtig sind. Vielleicht mit einem Kaffee bei uns.

Persönlich

Unser Team ist für Sie da.

Haben Sie spezielle Anforderungen oder Fragen? Wir beraten gerne unverbindlich.

Was Interessenten uns oft fragen.