Entwicklungs- Dashboard
Responsive Bento-Box Übersicht Aktueller Stand, Neuerungen und geplante Funktionen der Stehr Baumaschinen Webseite.
www.stehr.com – Der komplette Relaunch
Nachdem das alte CMS-System über 14 Jahre im Einsatz war, wurde die gesamte Webseite von Grund auf neu entwickelt. Viele komplexe Details und Anforderungen konnten so direkt im Vorfeld geplant und tief ins System eingebunden werden.
- Über 40 % mehr Informationen und eine deutlich größere Auswahl an Maschinen-Details.
- Mehr Benutzerfreundlichkeit: Neue, intuitive Funktionen und optimierte Ladezeiten.
- Echtes, natives Englisch (EN): Eine dedizierte Sprachversion mit erstklassiger, komplett nativer SEO.
- Nahtlose Umschaltung: Schneller Sprachwechsel über die zwei Länderflaggen direkt im Header.
🚀 Performance-Boost: Umstellung auf HTTP/3 (QUIC)
Der Stehr-Webserver wurde erfolgreich auf das brandneue, UDP-basierte HTTP/3-Protokoll aktualisiert. Zusammen mit optimiertem Server-Caching und der Beseitigung von Rendering-Blockaden lädt die Seite nun blitzschnell. Hier die technischen Vorteile:
- Multiplexing ohne Stau: Alle kleinen Dateien (CSS, Bilder, JS) fliegen nun zeitgleich durch einen schnellen UDP-Tunnel. Sie blockieren sich nicht mehr gegenseitig (kein Head-of-Line Blocking).
- Zero-RTT (0-RTT): Der absolute Jackpot für die Performance! Kehrt ein Besucher auf die Seite zurück, entfällt das "Server-Winken" komplett – die Seite reagiert mit 0 Millisekunden Verzögerung beim Verbindungsaufbau.
- Perfekt für Mobilgeräte: HTTP/3 verkraftet instabile Verbindungen und Netzwechsel (z. B. im Auto von WLAN zu 5G) absolut reibungslos, ohne dass der Ladevorgang abbricht.
- Google LCP Optimierung: Durch die drastisch reduzierten Ladezeiten verbessert sich der "Largest Contentful Paint" enorm, was sich direkt messbar und sehr positiv auf das SEO-Ranking auswirkt.
Modernes Bento-Box-Layout
Die einzelnen Maschinen werden ab sofort in einem modernen Raster-Layout dargestellt, inspiriert von der traditionellen japanischen Brotdose. Hier die entscheidenden Vorteile dieses Designs:
- Hervorragende visuelle Hierarchie: Wichtige Inhalte erhalten eine große Box, während sekundäre Informationen in kleineren Boxen daneben platziert werden. Das lenkt das Auge des Nutzers intuitiv.
- Perfekt für Responsive Design: Mithilfe von CSS Grid lässt sich das Layout extrem flexibel anpassen. Auf Smartphones stapeln sich die Boxen einfach sauber untereinander, während sie auf Desktops nebeneinander liegen.
- Hohe Scanbarkeit: Nutzer überfliegen Webseiten meistens nur. Die klare Trennung in eigenständige "Inhaltshäppchen" macht es extrem leicht, Informationen schnell zu erfassen.
- Vielseitiger Content-Mix: In den verschiedenen Boxen können unterschiedlichste Medienformate (Texte, Bilder, Videos, Diagramme oder interaktive Buttons) harmonisch nebeneinander existieren, ohne dass das Design chaotisch wirkt.
- Modernes & vertrautes Look-and-Feel: Bekannt geworden durch Apple (z. B. bei Produktpräsentationen) und Windows (Metro-Kacheln), wirkt das Design für Nutzer sofort modern, aufgeräumt und professionell.
Behobene Fehler & Updates
Diverse System-Fixes und Erweiterungen wurden erfolgreich eingespielt:
- NEU (02.10.2026): Kontaktformulare Allgemeine Anfragen und Vertrieb DE / EN erfassen Adressen nun präzise aufgeschlüsselt nach Straße, Hausnr., PLZ und Ort.
- Fix (02.10.2026): Die fehlerhafte Uhrzeit im E-Mail-Template der Kontaktanfragen wurde korrigiert.
- Layout auf iOS-Geräten
- Performance bei Bildern
- Sprach-Session (DE/EN)
- Grid-Ausrichtung korrigiert