Neue Website für Mobau Wirtz Classen

Mobau Wirtz & Classen PRO-Logo mit weißem Text auf dunklem Hintergrund und einem blauen PRO-Label.
Ein Laptop und ein Smartphone zeigen dieselbe Baustoff-Website an.

Vom Baustein zum Bauwerk: Starke Partnerschaft

Wie auch wir eine Vorliebe für das Bauen haben, so ist die im Rheinland ansässige Unternehmensgruppe Mobau Wirtz & Classen mit 22 Standorten und 550 Mitarbeitern ein kompetenter Ansprechpartner für Bauvorhaben aller Art. Jedoch dreht es sich hier weniger um Informationsarchitektur und den Bau von Apps, Intranet-Lösungen oder Landing-Pages, sondern vielmehr um die Gestaltung von z.B. Bädern, Böden, Dächern, Lösungen für den Tiefbau, Trockenbausysteme, Natursteine, Kamine und eine Vielzahl weiterer Produkte für Heimwerker, Architekten und Bauträger.

In ausgesprochen reibungsloser und effektiver Kooperation mit den beteiligten Agenturen Fellbusch - Büro für visuelle Kommunikation (verantwortlich für Konzeption und Art Direction) und Alaventa GmbH (verantwortlich für Design) übernahmen wir den Part der technischen Umsetzung.
 

Screenshot der Website mit einem Menü für Holzfußböden, einem Bild von gestapeltem Brennholz und Kontaktinformationen für einen Holzexperten.

Intuitive Navigation für alle Endgeräte

Beim Website-Relaunch lag der Fokus auf übersichtlicher Produktaufteilung. Ein Mega Menu ermöglicht Desktop-Nutzern schnellen Zugriff auf alle Unterseiten mit Vorschaubildern. Mobile Besucher profitieren von einem Off-Canvas Menü, das direkten Zugang bietet und maximale Bildschirmfläche für Inhalte freihält.

Kontaktseite mit Telefonsymbol, Servicenummer 02452 9630 und einer Schaltfläche mit der Aufschrift JETZT ANRUFEN.

Schneller Kontakt

Apropos Smartphone: Besonders die schnelle Kontaktaufnahme mit den unterschiedlichen Experten und Standorten war ein zentrales Anliegen beim Neustart der Website. Im Zuge der responsiven Darstellung wurde für die Smartphone-Darstellung hierzu die Service-Navigation in App-typischer Weise als Tab Bar am unteren Bildschirmende platziert, so dass der Besucher auch unterwegs - beispielsweise auf der Baustelle - nur eine Daumenbewegung von der Kontaktaufnahme - z.B. via WhatsApp entfernt ist.

Person mit einem Laptop, auf dem virtuelle UI/UX-Design-Elemente und digitale Schnittstellengrafiken in der Luft schweben.

Konsistentes Design durch Pattern Library

Nutzerzentriertes Design mit großflächigen Slidern, dezenten Animationen und klarer Form- und Farbwelt sorgt für konsistentes Benutzererlebnis. Auf Basis des Atomic Designs sind alle Elemente hierarchisch definiert. Eine umfassende Pattern Library dient als Entwickler-Dokumentation und interaktiver Styleguide für das TYPO3 Content-Management.

Erfolgreiche digitale Projekte - branchenübergreifende Expertise

Klicken Sie hier, um das Slider-Karussell zu überspringen
Ende des Slider-Karussell

BITV Check - Wir prüfen Ihre Website oder Ihr digitales Produkt.

Wir setzen die Projekte unsere Kunden nicht nur BITV-konform um, wir prüfen auch Websites, Apps und digitale Produkte hinsichtlich der gesetzlichen Anforderungen. Buchen Sie unser 30-Minten-Erstgespräch - unverbindlich, klar und kompetent. Denn digitale Barriefreiheit ist Pflicht.

Termin vereinbaren