Warum ein Relaunch?

Auch die eigene Website sollte immer auf dem neuesten Stand sein. Nach einigen Jahren mit eher generischen Bausteinen und uneinheitlichem Erscheinungsbild haben wir wacon.de daher komplett neu aufgesetzt – technisch auf aktuellem TYPO3-Stand und gestalterisch nach einem einheitlichen, modernen Designsystem.

Ab sofort im Material Design von Google

Für den Relaunch haben wir uns bewusst für Material Design entschieden – das quelloffene Designsystem von Google, das seit vielen Jahren in Milliarden von Apps und Websites zum Einsatz kommt, unter anderem in nahezu allen Google-Produkten selbst. Material Design definiert einheitliche Regeln für Farben, Typografie, Abstände und wiederkehrende Bauteile wie Buttons, Karten oder Formularfelder.

Die Vorteile für unsere Website – und künftig auch für Kundenprojekte:

  • Konsistenz: Alle Seiten und Bausteine folgen denselben visuellen Regeln, das wirkt aufgeräumter und professioneller.
  • Bewährte Bedienbarkeit: Die Bedienelemente basieren auf umfangreichen Nutzertests von Google und sind vielen Besuchern bereits vertraut.
  • Barrierefreiheit von Haus aus: Kontraste, Klickflächen und Zustände wie Hover oder Fokus sind im System bereits mitgedacht.
  • Schnellere Weiterentwicklung: Ein klares Baukastensystem lässt neue Inhaltselemente schneller und einheitlicher entstehen.

Mehr Tempo und bessere Lesbarkeit für Mensch und Maschine

Neben der Optik haben wir auch unter der Haube viel verbessert: Bilder werden automatisch in der passenden Größe ausgeliefert statt in voller Auflösung, CSS und JavaScript sind schlank gehalten, und wiederkehrende Bausteine sind technisch sauber strukturiert. Das Ergebnis ist eine spürbar schnellere Seite – wichtig für Besucher und für das Google-Ranking gleichermaßen.

Auch für Suchmaschinen und KI-Systeme ist die neue Seite besser lesbar: strukturierte Daten (JSON-LD) beschreiben Inhalte maschinenlesbar, eine aktuelle XML-Sitemap hilft beim vollständigen Erfassen aller Seiten, und die Seitenstruktur folgt sauberem, semantischem HTML statt verschachtelter Layout-Tricks.

Komfortable Sofort-Suche

Die neue Live-Suche im Header zeigt Treffer bereits während der Eingabe an – ganz ohne das Laden einer neuen Seite. So finden Besucher Leistungen, Referenzen oder Know-How-Artikel in Sekunden, auch wenn sie den genauen Seitentitel nicht kennen.

Hell- und Dunkel-Modus

Wer die Website lieber in Dunkel liest, etwa abends oder bei wenig Umgebungslicht, kann per Klick zwischen hellem und dunklem Design umschalten. Beide Varianten sind vollständig im Material-Design-Farbsystem umgesetzt und bieten durchgehend ausreichend Kontrast.

Modernere Inhaltselemente und bessere Mobiltauglichkeit

Statt weniger starrer Standardbausteine stehen jetzt zahlreiche flexible, wiederverwendbare Inhaltselemente zur Verfügung – von Vergleichsgrafiken über Statistik-Kacheln bis zu Preis- und Team-Karten. Redakteure können Seiten damit deutlich freier gestalten. Gleichzeitig ist jede Seite konsequent für Mobilgeräte optimiert: Navigation, Formulare und Bildergalerien funktionieren auf dem Smartphone genauso zuverlässig wie am Desktop.