Dieses Projekt hat mich über zwei Semester und bei meiner Zertifizierung als UX-Professional begleitet. Die Aufgabe: Die digitale Präsenz des Montagebetriebs „MSH Montagen“ ins Hier und Jetzt zu holen. Im Sommersemester lag der Fokus auf streng nutzerzentrierter Konzeption nach dem ISO 9241-210 Standard. Im darauf folgenden Wintersemester wurde das validierte Konzept als WordPress-Seite zum Leben erweckt. Das Resultat ist eine klare, zielgruppenorientierte Plattform, die das Handwerk in den Mittelpunkt stellt.
MSH Montagen liefert seit 2005 erstklassige Tischlermontagen. Die bestehende Website war jedoch ein Reibungspunkt, der eine Weiterentwicklung benötigte. Einerseits war die Pflege der Inhalte im TYPO3-Backend wartungsintensiv, andererseits haben sich die digitalen Ansprüche und Erwartungen der Kunden geändert.
Meine Motivation für den Relaunch war es, eine Struktur zu schaffen, die die hohe Qualität der Maßanfertigungen widerspiegelt und die Kontaktaufnahme so intuitiv wie möglich gestaltet. Die Mission: Ein nahtloses Erlebnis von der ersten Inspiration bis zur konkreten Projektanfrage.
Die größte konzeptionelle Herausforderung bestand darin, dass MSH Montagen zwei stark unterschiedliche Zielgruppen bedient: Privatkunden, die Inspiration für ihre neue Terrasse oder Küche suchen, und Firmenkunden, die harte Fakten, gewerbliche Referenzen und überregionale Kapazitäten prüfen müssen. Das Konzept baut darauf auf, beide Nutzergruppen direkt auf der Startseite abzuholen, aber die Möglichkeiten für individuelle Bedürfnisse offen zu lassen.
Statt eines generischen Kontaktformulars habe ich getrennte Formulare für Firmen- und Privatkunden entwickelt. Dies liefert MSH Montagen gleich richtig strukturierte Anfragen.
Jeder Designentscheidung lag eine genaue Analyse des Nutzungskontextes zugrunde, um sicherzustellen, dass die Seite echte Probleme der Nutzer löst.
Durch den Wechsel auf WordPress wurde ein System geschaffen, das SEO-freundlich ist und dem MSH-Management eine spielend leichte Verwaltung der Projektgalerien ermöglicht.
Das visuelle Konzept ist von der Präzision des Handwerks selbst inspiriert. Klare Linien, strukturierte Inhalte und der absolute Fokus auf hochwertige Bilder der Tischlermontagen. Es sollte eine seriöse, moderne Atmosphäre entstehen, die Vertrauen schafft – ein entscheidender Faktor, besonders für gewerbliche Großprojekte, bei denen es um große Budgets und Verlässlichkeit geht.
Zu Beginn definierte ich detaillierte Personas – „Maria“ (Privatkundin) und „Dr. Leon Fischer“ (Arzt) – und erstellte User Journey Maps. So konnte ich genau identifizieren, an welchen Punkten die Nutzer zögern, unzufrieden sind und wo sie Unterstützung brauchen.
Mit Low-Fidelity-Skizzen und ersten Wireframes testete ich die Platzierung der Kern-Elemente. Die Struktur wurde bewusst einfach gehalten, um die kognitive Belastung zu minimieren. Daraus wurde dann ein funktionaler Prototyp in der Desktop-Version, der das erste Look & Feel präsentierte.
Im Wintersemester folgte die technische Realisierung in der neuen WordPress Umgebung. Das einfache Projektmanagement und der modullare Aufbau der Elemente vereinfachen das Backend, ohne visuelle Einbußen des Designs. Das Design wurde voll responsive umgesetzt, um das Konzept in die Realität zu überführen.
Meine wichtigste Erkenntnis: Gerade bei einer bildlastigen Handwerks-Website dürfen bei der mobilen Optimierung absolut keine Kompromisse gemacht werden. Die Ladezeiten und die flüssige Bedienbarkeit auf dem Smartphone sind heute oft der entscheidende Faktor für oder gegen eine Terminanfrage. Die Nutzerforschung konsequent in eine technisch saubere und schnelle WordPress-Lösung zu übersetzen, war das fehlende Puzzleteil, das aus einem schönen Design ein hochfunktionales, konvertierendes Produkt gemacht hat.