
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 відповідне страхування для нового житла.
Великим планом




