Сайт и каталог домов Elcora Housing

Elcora Housing производит на заводе в Эстонии каркасные деревянные дома, малые дома, сауны и гаражи и доставляет их по всей Европе. Мы создали для них двуязычный сайт на WordPress и конструкторе Breakdance по дизайну из Figma: каталог домов с фильтрами, подробную страницу каждой модели, форму запроса цены и страницы для дилеров.

Ключевые решения

• Дизайн в Figma: спокойный облик премиум-класса: крупные фотографии домов на природе, светлый песочный тон, чередующийся с тёмными секциями, лёгкая типографика и карточки со скруглёнными углами. Страницы собраны по макету Figma на глобальных стилях Breakdance, а светлую или тёмную шапку можно выбрать для каждой страницы отдельно.
• Каталог домов с фильтрами: все модели в одном списке с площадью, количеством комнат и санузлов и начальной ценой. Посетитель фильтрует по категории (дома, малые дома, сауны, гаражи), размеру, этажности, комнатам и санузлам; фильтры сохраняются в адресе страницы, поэтому отфильтрованным списком можно поделиться. На мобильных фильтры открываются в отдельной панели.
• Страницы моделей из полей ACF: каждый дом — отдельная запись с площадью, ценами за полуфабрикат и дом под ключ, уклоном крыши, высотой здания и потолков, классом энергоэффективности и сроком строительства. Страница собирается из этих данных автоматически: главные фото, характеристики с иконками, слайдер планировок и галерея.
• Конструктор bento-галереи: раскладку фотогалереи каждого дома можно оформить в админке: каждому изображению задаются ширина, высота и точка кадрирования на 12-колоночной сетке. Так клиент создаёт журнальную раскладку, не трогая код. На отдельной странице галереи можно переключаться между моделями.
• Уровни готовности и запрос цены: «Полуфабрикат» и «Под ключ» открывают всплывающее окно с подробной таблицей того, что входит в комплект. В форме запроса цены выбираются страна, модель дома и уровень готовности, указывается планируемое начало строительства и можно загрузить чертежи или план участка.
• Два языка и дилеры: эстонская и английская версии на Polylang с оформленным окном выбора языка, страница дилеров, форма «Стать дилером» и раздел FAQ.
• Скорость: изображения автоматически отдаются в формате WebP, видео домов оптимизированы. Объём медиафайлов уменьшился почти на 1,7 ГБ, а видео плавно воспроизводятся и в Safari, и в мобильных браузерах.