
2026 – Gruppen-Website mit Hauskollektion & Konfigurator
MIAT Group
Service
Gruppen-Website: Konzept, Design & Entwicklung
Client
MIAT Group, Bad Ems
Date
Oktober 2026
Technology
Next.js 15 (Static Export) · TypeScript · Tailwind CSS v4 · Netlify Forms
Live
miat-group.deVier Unternehmen. Eine Adresse. In drei Tagen.
Die MIAT Group aus Bad Ems bündelt vier Geschäftsbereiche: Industrietechnik, Solar- und Elektrotechnik, Fertig- und Modulhäuser sowie Versicherungen und Vorsorge. Zwei davon hatten schon eigene Websites – MIAT Technology und MIAT Solartech, beide von uns gebaut. Was fehlte, war eine Adresse für die Gruppe selbst und ein Zuhause für die beiden neuen Bereiche Haus & Projekt und Vorsorge.
Am Freitag kam das Material: über 300 Seiten Haus- und Komponentenkataloge, ein FAQ für Vertriebspartner, der Fragebogen fürs Erstgespräch, Texte für Haus und Vorsorge und die Logos als Rasterbilder. Am Samstag ging die erste Version online. Bis Montag folgten sechs weitere Deploys mit den Wünschen des Kunden – vom gemeinsam gewählten Schriftpaar über eine zusätzliche Frage im Konfigurator bis zum Musterhaus in Mülheim-Kärlich.
Das Ergebnis ist ein Einstieg für alle vier Bereiche. Technology und Solartech führen auf ihre eigenen Websites, Haus & Projekt und Vorsorge leben direkt auf miat-group.de – mit Hauskollektion, Referenzen, Musterhaus, einem Konfigurator für Werbekampagnen und einem Versicherungsbereich, der nach Lebensbereichen geordnet ist.
- Konzept & Struktur einer Gruppen-Website für vier Geschäftsbereiche
- Logo-Set: fünf MIAT-Marken als Vektor neu aufgebaut
- Design-System: Navy & Blau, Sora und Manrope
- Hauskollektion: 10 Modelle mit Filter, Galerie & Eckdaten
- Haus-Konfigurator: 6 Fragen bis zur Anfrage, Kurz-URL für Anzeigen
- Musterhaus mit vorausgefüllter Terminanfrage
- Referenzen, Ablauf, Nebenleistungen & FAQ
- Vertriebspartner-Programm MIAT HOME PARTNER
- Vorsorge: 26 Absicherungen in 7 Lebensbereichen
- Ein Kontaktformular für alle Bereiche, mit Vorauswahl je Einstieg
- KI-Bildwelten für Technology, Solar & Vorsorge
- Next.js 15 als statischer Export, Netlify Forms
Das Markenboard als Startseite
Oben das Gruppenlogo, darunter vier Markenkarten mit Logo und Claim – so wie auf dem Markenboard der Gruppe. Jede Karte zeigt, wohin sie führt: miat-trading.de und miatsolar.de öffnen sich in einem neuen Tab, Haus & Projekt und Vorsorge bleiben auf der Seite. Die Logos lagen nur als Rasterbilder vor. Wir haben alle fünf als Vektor neu aufgebaut, jeweils hochkant und quer, für helle und dunkle Flächen.
Vom Katalog zur Hauskollektion
Aus über 300 Katalogseiten wurden 10 Hausmodelle – vom Bungalow bis zum dreigeschossigen Mehrfamilienhaus aus 18 Modulen. Ein Filter sortiert nach Geschossen, jede Karte zeigt vier Bilder und die Eckdaten wie Wohnfläche, Geschosse und Fassade, sechs Modelle auch den Grundriss. Herstellernamen bleiben bewusst außen vor: MIAT arbeitet herstellerunabhängig, im Vordergrund steht das Haus. Bei den Referenzen stehen nur Ort und Region – keine Adressen privater Bauherren.
Ein Konfigurator für die Werbekampagne
Sechs Fragen mit Bildantworten – Nutzung, Geschosse, Schlafzimmer, Prioritäten, Ausstattung, Grundstück –, danach das Kontaktformular. Jede Anfrage bringt die Antworten und die Werbequelle mit (UTM, gclid, fbclid): Der Vertrieb sieht sofort, wonach gesucht wird und über welche Anzeige die Anfrage kam. Für Anzeigen und Print gibt es die Kurz-URLs /quiz und /konfigurator. Auf dem Smartphone bleibt die Hauptaktion am unteren Rand über der Safari-Leiste. Und der Konfigurator ist eigener Code auf miat-group.de – kein Quiz-Baukasten im Abo.
Vorsorge nach Lebensbereichen
MIAT Vorsorge zeigt 26 Absicherungen in sieben Lebensbereichen, von Gesundheit & Pflege bis Selbstständigkeit & Unternehmen – mit Sprungmarken zu jedem Bereich und einem Versicherungs-Check für bestehende Verträge. Die Kundentexte waren im Du geschrieben; wir haben sie an das Sie der Gruppe angepasst. Und die Bereiche verweisen aufeinander: Wer mit MIAT ein Haus baut, findet auf der Vorsorge-Seite die passende Absicherung fürs neue Zuhause.
Einblicke




