2026 — сайт группы компаний с коллекцией домов и конфигуратором
MIAT Group
Услуги
Сайт группы компаний: концепция, дизайн и разработка
Клиент
MIAT Group, Бад-Эмс
Дата
октябрь 2026
Технологии
Next.js 15 (Static Export) · TypeScript · Tailwind CSS v4 · Netlify Forms
Сайт
miat-group.deЧетыре компании. Один адрес. За три дня.
MIAT Group из Бад-Эмса объединяет четыре направления: промышленную технику, солнечную энергетику и электротехнику, сборные и модульные дома, а также страхование и финансовую защиту. У двух из них уже были собственные сайты — MIAT Technology и MIAT Solartech, оба сделали мы. Не хватало адреса для самой группы и дома для двух новых направлений: Haus & Projekt (дома и строительные проекты) и Vorsorge (страхование и обеспечение).
Материалы пришли в пятницу: более 300 страниц каталогов домов и комплектующих, FAQ для торговых партнёров, анкета для первой консультации, тексты для разделов о домах и страховании и логотипы в растровом виде. В субботу первая версия была в сети. До понедельника последовали ещё шесть деплоев с пожеланиями клиента — от выбранной вместе пары шрифтов и дополнительного вопроса в конфигураторе до дома-образца в Мюльхайм-Керлихе.
В результате у всех четырёх направлений появилась общая точка входа. Technology и Solartech ведут на свои сайты, а Haus & Projekt и Vorsorge живут прямо на miat-group.de — с коллекцией домов, реализованными проектами, домом-образцом, конфигуратором для рекламных кампаний и разделом страхования, упорядоченным по сферам жизни.
- Концепция и структура сайта группы для четырёх направлений
- Набор логотипов: пять марок MIAT заново построены в векторе
- Дизайн-система: тёмно-синий и синий, шрифты Sora и Manrope
- Коллекция домов: 10 моделей с фильтром, галереей и ключевыми данными
- Конфигуратор дома: 6 вопросов до заявки, короткий URL для рекламы
- Дом-образец с предзаполненной заявкой на просмотр
- Реализованные проекты, этапы работы, сопутствующие услуги и FAQ
- Партнёрская программа для продавцов MIAT HOME PARTNER
- Страхование: 26 видов защиты в 7 сферах жизни
- Одна контактная форма для всех направлений с предвыбором темы
- Изображения для Technology, Solar и Vorsorge, созданные с помощью ИИ
- Next.js 15 как статический экспорт, Netlify Forms
Бренд-борд как главная страница
Вверху — логотип группы, под ним — четыре карточки марок с логотипом и слоганом, как на бренд-борде группы. Каждая карточка показывает, куда ведёт: miat-trading.de и miatsolar.de открываются в новой вкладке, Haus & Projekt и Vorsorge остаются на сайте. Логотипы существовали только в растровом виде. Мы заново построили все пять в векторе — в вертикальной и горизонтальной компоновке, для светлого и тёмного фона.
От каталога к коллекции домов
Из более чем 300 страниц каталогов получилось 10 моделей домов — от бунгало до трёхэтажного многоквартирного дома из 18 модулей. Фильтр сортирует их по этажности; каждая карточка показывает четыре изображения и ключевые данные — жилую площадь, число этажей, фасад, а у шести моделей ещё и планировку. Названий производителей на сайте нет намеренно: MIAT не привязана к одному производителю, и на первом плане — сам дом. У реализованных проектов указаны только город и регион — никаких адресов частных заказчиков.
Конфигуратор для рекламной кампании
Шесть вопросов с ответами-картинками — назначение, этажность, спальни, приоритеты, комплектация, участок, — затем контактная форма. Каждая заявка приходит с ответами и источником рекламы (UTM, gclid, fbclid): отдел продаж сразу видит, что ищет человек и по какому объявлению пришла заявка. Для рекламы и печати есть короткие адреса /quiz и /konfigurator. На смартфоне главная кнопка остаётся у нижнего края, над панелью Safari. А сам конфигуратор — наш собственный код на miat-group.de, а не конструктор квизов по подписке.
Страхование по сферам жизни
MIAT Vorsorge показывает 26 видов страховой защиты в семи сферах жизни — от здоровья и ухода до самозанятости и бизнеса — с переходами к каждой сфере и проверкой уже действующих договоров. Тексты клиента обращались к читателю на «ты» (du); мы перевели их на «вы» (Sie), как принято в группе. И направления ссылаются друг на друга: кто строит дом с MIAT, находит на странице Vorsorge подходящую страховку для нового жилья.
Крупным планом
