Chromos Group AG
Digitaler Relaunch eines internationalen Technologie-Unternehmens
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.