Chromos Group Inc.
Digital relaunch of an international technology company
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 %
With clear call-to-action elements and a revised menu navigation, visitors are also happy to click on a second page.
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
strategy
Planung der Website und einheitlichen CI/CD für 5 Unternehmens-Seiten, Integration von SEO und Cloudflare
Preparing for 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
implementation
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
optimization
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
From the very beginning, our collaboration with this:matters has been characterized by exciting and informative exchanges, constructive suggestions, and swift implementation. Among other things, this:matters successfully guided us through a redesign process, demonstrating a deep understanding of our multifaceted range of services, which span multiple divisions in four countries, and translating this into appealing page templates. We also feel that this:matters is the right partner for all SEO issues. In addition, this:matters has also optimized a lot under the hood, so that our pages now load faster and are easy to find. The collaboration is a lot of fun and we always feel that we are taken very seriously and are in good hands.
Walter Weber
CHROMOS Group Inc.
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 loading time
> 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.
Further references
Modern WooCommerce redesign for optimal service presentation and quick sales transactions
From a poorly implemented CI & CD and slow loading speed to a modern WordPress website that unites all Chromos AG companies in one web design and delivers rapid performance.
Brand new redesign for high-end musical products
From a poorly implemented CI & CD and slow loading speed to a modern WordPress website that unites all Chromos AG companies in one web design and delivers rapid performance.
Simpex: Top-class website performance with optimal search function and lightning-fast loading times
From a poorly implemented CI & CD and slow loading speed to a modern WordPress website that unites all Chromos AG companies in one web design and delivers rapid performance.
in Switzerland