Die MAS Website von innen heraus neu bauen

Portfolio
Webdesign
Webflow

MAS

Kunde

Ongoing

Kick-Off bis Launch

Frankfurt

Standort

Bootstrapped

Aktuelle Finanzierung

Über MAS und die Herausforderungen vor Projektstart

Betriebliches Gesundheitsmanagement wird gerne als hoher Kostenfaktor gesehen. MAS als Anbieter von innovativen Leistungen in den Bereichen Arbeitsmedizin, Arbeitssicherheit, Brandschutz, Psychologischen Belastungen und einigen Bereichen mehr, hat hier ein anderes Kredo: "Gesundheit als Erfolgsfaktor". Durch aktive Gestaltung der Gesundheitsmaßnahmen in Unternehmen, schafft MAS ein gesundes Arbeitsklima für Mitarbeitende und somit für gesunde Organisationen. Die angebotenen Leistungen reichen weit über die gesetzlichen Mindestanforderungen hinaus und bieten somit zudem die Möglichkeit, sich als attraktiven Arbeitgebenden zu positionieren.

Die Innovationsfähigkeit und Qualität der angebotenen Leistungen sprechen Bände. Das Problem: die bestehende Website ist über viele Jahre gewachsen und kein internes Team hat mehr den Überblick und die technischen Ressourcen diese zu Pflegen und offensichtliche Fehler auszubügeln. Hiermit gingen für MAS einige zentrale Probleme einher:

  • Fehlende Skalierbarkeit der Website aufgrund eines stark verschachtelten Aufbaus
  • Keine klare Kommunikation und inkonsistentes Branding der einzelnen Pages
  • Fehlende interne Ressourcen machen die Website-Pflege fast unmöglich
  • Verlust von Leads und Bewerber:innen durch schlechte UX
  • geringer Pagespeed aufgrund fehlender Best Practices
  • komplizierte Pflege von neuen und alten Inhalten
  • ausbaufähige SEO-Performance
  • unzureichende Conversion Rate
  • veraltetes Design und CI

Maßgeschneiderte Lösungen, die mit dem alten Setup harmonieren müssen

Als Grundstein für die neue Website startete MAS mit einem weitreichenden Branding und Kommunikationsworkshop. Dieser dient für das Redesign der Website als Baseline und liefert die notwendigen Text- und Brandingbausteine. Die Challenge mit der sich das MAS Team in Zusammenarbeit mit Virtual Entity konfrontiert sieht ist:

  • Die bestehende Page darf unter keinen Umständen offline gehen, da sie kritische Informationen für Kund:innen beinhaltet
  • Erreichte Rankings in Suchmaschinen müssen erhalten bleiben, auch wenn Pages verschoben werden
  • Das Redesign der Website muss schrittweise erfolgen und bestehende Designs dürfen durch die neuen nicht zerstört werden

Der geschmiedete Projektplan sieht also einen Neubau der gesamten Page von innen heraus vor. Ein gänzlich neues CSS Naming System (Client First) muss her und alte Klassen werden phasenweise eliminiert. Kritische Pages mit Bugs werden priorisiert behandelt und performance-orientiert neu gestaltet. Bestehende CMS Collections werden Stück für Stück mit neuen Inputfeldern versehen und alte Inputs verschwinden. Alle Seiten werden minuziös dokumentiert und jede Verschiebung / Link-Änderung wird unmittelbar durch einen 301-Redirect korrigiert. So kann altes Design parallel mit neuen Klassen Co-Existieren und bestehende Rankings werden nicht berührt.

Webdesign
Webflow
CMS
Client-First CSS
Components
Custom Code
Design System
Dynamic Filtering
Produktillustrationen

Das Resultat: noch nicht fertig aber ein riesiger Schritt

Der hier gezeigte Stand stellt eine Zwischenbilanz dar. Bisher wurden die Pages Home, Karriere, Leistungen, Leistungsübersichten, Kontakt, Angebot, Ratgeber und News überarbeitet. Alle weiteren Seiten sollen in den kommenden Wochen und Monaten folgen. Auch nach guten 9 Monaten Zusammenarbeit gab es bisher keine Unterbrechungen in der Website-Performance, keine neu aufgetretenen Bugs und lediglich positives Feedback vom MAS Team.

Insbesondere die neuen CMS Collections und die einfache Pflege von Blog, FAQs und Inhalten der neuen Pages sparen Zeit und dadurch bares Geld für das Unternehmen.

Live Website anschauen
Websites werden weiterentwickelt. Es kann also sein, dass die live Website von den gezeigten Bildern abweicht.

Die Zusammenarbeit und die Kommunikation waren reibungslos – das kennen wir von Agenturen auch anders. Wir sind super glücklich mit dem Design und alle Wünsche und Anregungen unsererseits wurden aufgenommen und bestmöglich umgesetzt. Hier lief zunächst die Entwicklung des Designs über Figma, wo wir selbst ein Moodboard anlegen konnten, um unsere Designvorstellungen zu sammeln. Das fanden wir super praktisch! Max und sein Team verstehen ihr Handwerk, sind sehr kreativ und super in der Umsetzung in Webflow. Besonders die Nutzung von vielen CMS Elementen erleichtert uns die Pflege der Seite im Nachgang enorm. Vielen vielen Dank an euch für die tolle Umsetzung, eine ganz klare Empfehlung!

Jasmin

Gold

Team Lead Marketing

Kundenlogos der Virtual Entity Academy

Du stehst vor ähnlichen Herausforderungen?

Kostenfrei & unverbindlich