Studer SHK AG - Ihr Partner für Haustechnik
Modernes Next.js 16 Web-Redesign für ein renommiertes Schweizer Haustechnik-Unternehmen mit 70 Jahren Tradition in Sanitär-, Heizungs-, Klima- und Lüftungstechnik sowie Wasserschadenmanagement.
Die Studer SHK AG ist ein etabliertes Schweizer Traditionsunternehmen im Bereich der Gebäudetechnik mit über 70 Jahren Erfahrung. Die bestehende Website entsprach nicht mehr den modernen Anforderungen an User Experience, Ladegeschwindigkeit und mobile Nutzbarkeit. Im Zuge des Relaunchs wurde ein vollständiges Redesign auf Basis von Next.js und Tailwind CSS umgesetzt. Die neue Plattform verbindet eine edle, responsive Benutzeroberfläche mit praktischen interaktiven Elementen wie einem 3D-Online-Badplaner (Suissetec-Integration) und einem benutzerfreundlichen Online-Anfrage-Formular. Sie spiegelt die Professionalität, Zuverlässigkeit und zukunftsorientierte Ausrichtung des Unternehmens wider und optimiert die digitale Kundenakquise sowie das Recruiting neuer Fachkräfte.
Herausforderung & Lösung
Die Herausforderung
- Veralteter Webauftritt, der die 70-jährige Schweizer Handwerkstradition und hohe Fachkompetenz nicht zeitgemäss repräsentierte.
- Mangelnde mobile Optimierung und langsame Ladezeiten bei komplexen Service-Erklärungen.
- Umständliche Kontaktaufnahme für dringende Wasserschadens-Fälle oder reguläre Offertenanfragen.
- Hürden beim Gewinnen von qualifizierten Fachkräften und Lehrlingen im hart umkämpften Haustechnik-Markt.
Unsere Lösung
- Entwicklung eines modernen, ansprechenden Redesigns mit flüssigen Animationen (Framer Motion) und klarer Informationsarchitektur.
- Bereitstellung einer hochperformanten, responsiven Web-App auf Basis von Next.js und Tailwind CSS.
- Integration eines interaktiven, benutzerfreundlichen E-Mail-Anfragegenerators zur unkomplizierten Offertenerstellung und direkten Notfallkontakt-Kanälen.
- Aufbau eines dedizierten Karriereportals mit strukturierten Stellenausschreibungen und einfacher One-Click-Bewerbung per E-Mail.
- Nahtlose Anbindung externer Tools wie dem Suissetec-Badplaner zur Steigerung des Kundenengagements.
Technische Kernfeatures
Dynamische Leistungsseiten
Fokusierte Leistungsbereiche / Detaillierte und übersichtliche Präsentation der Kerndienstleistungen (Sanitär, Heizung, Lüftung, Klima, Wasserschadenmanagement) mit ansprechenden Bildern und klaren Vorteilen.
Integrierter 3D-Badplaner
Interaktiver Badplaner / Nahtlose Einbindung des Suissetec-Online-Badplaners zur interaktiven Gestaltung und Visualisierung des eigenen Traumbads direkt im Browser.
Bedarfsgerechter Anfrage-Assistent
Interaktive Online-Anfrage / Ein strukturiertes Auswahl-Formular zur unkomplizierten Vorbereitung von Offertenanfragen, das automatisch eine formatierte E-Mail-Vorlage generiert.
Karriere- & Stellenportal
Aktive Nachwuchs- & Fachkraftförderung / Übersichtliches Stellenportal für Fachkräfte und Lehrstellen mit direkten Ansprechpartnern, Aufgaben- und Anforderungsprofilen sowie Schnellbewerbung.
Interaktive Zeitleiste
70 Jahre Meilensteine / Eine interaktive, animierte Zeitleiste, die die Erfolgsgeschichte der Studer SHK AG seit ihrer Gründung im Jahr 1954 emotional erzählt.
Tech Engine
Expertise / Rollen
Der strategische Phasenplan
Exzellente Ergebnisse sind kein Zufall. Jedes WEB4EX Projekt folgt einem strukturierten, Schweizer Prozess.
Phase 1 – Konzept & Analyse
Analyse des bestehenden Auftritts, Definition der neuen Informationsarchitektur und Anforderungserfassung für interaktive Module wie den Badplaner.
- Bedarfsanalyse
- Zielgruppendefinition
- Sitemap & UX-Konzept
- Schnittstellen-Planung
Phase 2 – UX / UI Design
Gestaltung eines modernen, vertrauenserweckenden Designs, das die 70-jährige Schweizer Handwerkstradition elegant mit moderner Technik verbindet.
- Wireframes
- High-Fidelity Mockups
- Responsive Design
- Interactive Prototypes
Phase 3 – Entwicklung & Tool-Anbindung
Umsetzung der Website mit Next.js, Styling mit Tailwind CSS, Einbindung des Suissetec-Badplaners und Programmierung des Anfrage-Assistenten.
- Next.js/React Setup
- Tailwind styling
- Suissetec Badplaner Integration
- Anfrage-Assistent Logic
Phase 4 – Content & Testphase
Integration aller Service-Texte, Karrieredaten und der interaktiven Timeline. Durchführung von Performance-, Responsivitäts- und Funktionstests.
- Inhaltsbefüllung
- Cross-Device Testing
- Performance Optimierung
- SEO Setup
Phase 5 – Launch & Go-Live
Bereitstellung auf der Hosting-Plattform, finale Domainschaltung und Einrichtung des Monitorings.
- Deployment
- DNS-Konfiguration
- Post-Launch Audit
Projekt realisieren?
Lassen Sie uns gemeinsam den strategischen Prozess für Ihren Erfolg in Zürich oder schweizweit planen.
Jetzt Strategiegespräch buchen