Chromos Group AG

Digitaler Relaunch eines internationalen Technologie-Unternehmens

Managed WordPress HostingUX-DesignWordPress Entwicklung
Chromos group referenz

Von einem unsauber umgesetzten CI & CD und einer langsamen Ladegeschwindigkeit, zu einer modernen WordPress-Website, welche alle Unternehmen der Chromos AG in einem Webdesign vereint und eine rasante Performance aufweist.

Überblick: Relaunch Webauftritt

Redesign der Group- und Unternehmens-Websites. Entfernen von unnötigem Code und verlangsamenden Plug-Ins. Einheitliches Anpassen von Schriften, Buttons und Design. Integration von Cloudflare gegen Spam. Managed WordPress Hosting für optimale Performance und sorgloses Betreuen der eigenen Website. 

Bounce rate

– 60 %

Mit klaren „Call to Action“-Elementen und einer überarbeiteten Menüführung klicken Besucher auch gerne auf eine zweite Seite

Digitale Auffrischung eines Technologie-Riesen

Seit 1946 ist die Chromos Group AG, ein etabliertes Unternehmen aus der Schweiz, in der Technologie-Welt bekannt für ihre innovativen Lösungen in Bildverarbeitung, Automatisierung und Life Science. 

Ihr Portfolio deckt alles ab – von Druck- und Analysetechniken über Visualisierung und Automatisierung bis hin zu Produktions- und Reinigungssystemen. Mit ihrem Angebot erreicht die Chromos Group Kunden nicht nur in der Schweiz, sondern überall auf der Welt.

Seit Juni 2023 betreut this:matters das WordPress Hosting und die Weiterentwicklung der bestehenden Websites. Diese beinhalten neben der Chromos AG Schweiz auch die Websites der Chromos Standorte in Deutschland und Österreich sowie die Website von Fujifilm und der Kelva SA.

Klare Linie im Webdesign für die Gesamte Chromos Group

Eine Website für ein grosses Unternehmen mit 5 Divisionen zu betreuen, ist eine Herausforderung, die ein optimales Zusammenspiel vom Marketing- und Kommunikationsteam benötigt. Bei der Chromos Group AG war das möglich!

Der Ausgangspunkt: Vor der Zusammenarbeit mit this:matters haben 3 verschiedene Personen die Websites der fünf Divisionen betreut und gestaltet. Das führte dazu, dass die Seiten einem unterschiedlichen Layout folgten und das CI & CD der Chromos Group nicht klar erkennbar war. Da die Chromos Group AG mit fünf Divisionen enorm viele Informationen bietet, war es wichtig, die Übersichtlichkeit der Gruppen-Seite zu erhöhen.

Unser nächster logischer Schritt: Ein einheitliches Webdesign für alle Seiten umzusetzen, welches sich durch jede Division durchzieht. Im Zuge des Website-Relaunch war das Ziel ausserdem, die Seiten-Performance zu beschleunigen, das Branding durch klare Vorgaben und Design-Vorlagen zu stärken sowie das Google-Ranking und die Glaubwürdigkeit der Website zu erhöhen.


Webdesign-Vorgaben für alle Unternehmen

Strategie

Planung der Website und einheitlichen CI/CD für 5 Unternehmens-Seiten, Integration von SEO und Cloudflare

Vorbereitung auf WordPress

  • Designen einer einheitlichen WordPress-Website für die ganze Group AG und die einzelnen Unternehmens-Seiten
  • Installation des neuen Designs mit klaren Vorlagen und Regeln, unter Beachtung des bisherigen Brandings (CI & CD)
  • Integration von Cloudflare, um Spam zu reduzieren und die Ladegeschwindigkeit zu erhöhen

Implementierung

Vereinheitlichen des Designs mit klaren Design-Vorlagen

Klare Webdesign-Vorgaben

  • Integration von Bildern an entsprechenden Stellen, um Inhalte zu verdeutlichen
  • Flexibel wählbare Design-Baukästen, die der Kunde selbst mit Inhalten füllen kann
  • Minimalistische Navigation der Seite für schnelles Finden aller Informationen pro Unternehmen
  • Einfach lesbarer Code für Suchmaschinen und Optimierung der Core Web Vitals

Optimierung

Manuelle Anpassung der Website nach dem Relaunch, aktive Anpassung an Veränderungen

Manuelle Anpassung Live

  • Manuelle Anpassung von Design und Text nach dem Relaunch
  • Flexibles Design, das mit der Seite weiter wächst

Die Zusammenarbeit mit this:matters ist seit Beginn geprägt von einem sehr spannenden und lehrreichen Austausch, konstruktiven Vorschlägen und einer zügigen Umsetzung. Unter anderem hat uns this:matters erfolgreich durch einen Redesign-Prozess begleitet und dabei unser vielschichtiges und auf mehrere Divisionen in vier Ländern verteiltes Leistungsangebot gut verstanden und in ansprechende Seitentemplates gegossen. Auch mit allen SEO-Themen fühlen wir uns bei this:matters an der richtigen Adresse. Kommt dazu, das this:matters auch unter der Motorhaube viel optimiert hat und so unsere Seiten heute schneller laden und gut auffindbar sind. Die Zusammenarbeit macht viel Spass und wir haben immer das Gefühl, sehr ernst genommen und gut aufgehoben zu sein.

Walter Weber

CHROMOS Group AG

Einheitliche Corporate Identity durch klare Design-Vorlagen

Während auf der alten Seite unterschiedliche Buttons, Schriften und Grafiken verwendet wurden, haben wir mit dem Facelifting der gesamten Website eine klare Linie ins Aussehen der Online-Präsenz gebracht.

Anhand einer Vorlagen-Galerie konnte das Team den passenden Block auswählen und mit Inhalt füllen. Dabei haben wir auf die nötige Flexibilität geachtet, während das Design über alle Seiten bestehen blieb. Alle Texte sind gut lesbar, egal ob auf Laptop oder Smartphone, und die neu integrierten Bilder wirken an den entsprechenden Stellen passend zum Text.

Auf der neuen Website sind klare farbliche und textliche CI- & CD-Vorgaben der Chromos Group erkennbar. Die Navigation wurde auf ein Minimum verkleinert, damit der Inhalt Above the Fold schnell ersichtlich ist und weniger Platz einnimmt.

Website-Ladezeit

> 610 ms

RUM (Real User Monitoring)

Manuelles Redesign an einer Website in Bewegung

Eine Website wie die der Chromos Group AG ist nicht statisch und wird täglich angepasst. Ein klassisches Redesign, wie wir es als WordPress-Agentur kennen, kam hier nicht infrage. 

Bei diesem Projekt wurde alles auf der Entwicklungsumgebung vorbereitet, der Inhalt wurde auf der Relaunch-Seite nach dem Neudesign jedoch weiter manuell angepasst.

Diese ungewöhnliche Art des Programmierens erfordert ein eingespieltes Team bei this:matters und einen Kunden wie Chromos, welcher bereit ist, ein Redesign in mehreren Schritten online zu bringen.

Optimale Performance und Google-freundliches SEO

Wie bei jedem unserer Projekte liegt uns die Performance und das technische SEO sehr am Herzen. Bei folgendem Projekt konnten wir durch das Redesign viel unnötigen Code entfernen und uns von langsamen WordPress-Plugins verabschieden.

Dank der Performance-Optimierungen wurde gleichzeitig dafür gesorgt, dass der Code einfacher für Suchmaschinen lesbar ist und die Core Web Vitals, welche ein Rankingfaktor sind, im grünen Bereich sind.

Im neuen Design wurde der News-Blog so optimiert, dass die Beiträge einfacher zu lesen sind und der Autor auch am Frontend ersichtlich wird. Somit wird das Vertrauen vom Lesenden gestärkt, was einen Einfluss auf die EEAT-Bewertung von Google („Experience, Expertise, Authoritativeness, and Trustworthiness“) hat.

Weitere Referenzen

Lamero Tech Referenz

Modernes WooCommerce-Redesign für optimale Service-Präsentation & schnelle Kaufabschlüsse

Von einem unsauber umgesetzten CI & CD und einer langsamen Ladegeschwindigkeit, zu einer modernen WordPress-Website, welche alle Unternehmen der Chromos AG in einem Webdesign vereint und eine rasante Performance aufweist.

Earline Referenz Titelbild

Brandneues Redesign für Musikalische High-End-Produkte

Von einem unsauber umgesetzten CI & CD und einer langsamen Ladegeschwindigkeit, zu einer modernen WordPress-Website, welche alle Unternehmen der Chromos AG in einem Webdesign vereint und eine rasante Performance aufweist.

Simpex Titelbild Referenz

Simpex: Website-Performance der Spitzenklasse mit optimaler Suchfunktion und rasanter Ladezeit

Von einem unsauber umgesetzten CI & CD und einer langsamen Ladegeschwindigkeit, zu einer modernen WordPress-Website, welche alle Unternehmen der Chromos AG in einem Webdesign vereint und eine rasante Performance aufweist.

Marktindex Referenz Titelbild

Marktindex: UX-Redesign für optimale Navigation & Performance

Von einer unklaren User Experience (UX), einem überladenen User Interface (UI) sowie einer langsamen Performance, zu einer übersichtlichen WordPress-Website mit hoher Ladegeschwindigkeit, on-the-fly Bildoptimierung für Mobile und Desktop, sowie einer klaren Aufteilung der Startseite für leichte Navigation.