Vagabov Agency
MIAT Group – Startseite „Unsere Geschäftsbereiche“ auf MacBook, Laptop auf einem Felsen

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

Vier 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

MIAT Group – Mobile Startseite mit vier Markenkarten auf iPhone in der Hand
MIAT Group – Startseite mit Gruppenlogo und Markenkarten auf faltbarem Smartphone
MIAT Vorsorge – „Ihre Zukunft. Ihre Sicherheit. Unsere Beratung.“ und die Versicherungsbereiche auf iPad in der Hand
MIAT Group – Übersicht „Vier Bereiche, ein Anspruch“ mit der Karte Haus & Projekt auf iPhone im Regal
MIAT Vorsorge – Einstieg in den Vorsorge-Bereich auf Laptop neben einer Kaffeetasse