10 домов

Клиент

Анализ дизайна и архитектуры

10 Домов — строительная компания, которая возводит дома под ключ по типовым и индивидуальным проектам.

Клиент обратился с готовым дизайном и задачей реализовать полноценную разработку сайта на CMS 1С-Битрикс, сохранив визуальную идею и обеспечив стабильную работу всех интерактивных элементов.

«Дизайн предоставил клиент, наша задача — реализовать сайт на CMS 1С-Битрикс, сохранив задумку дизайнеров и обеспечив быструю, стабильную работу всех модулей.»

Задача

• Реализовали динамические формы («Задать вопрос», «Рассчитать стоимость», «Получить смету»).
• Настроили pop-up взаимодействие без перезагрузки страницы.
• Сделали гибкую фильтрацию домов по цене, площади и этажности.

Ход проекта

1. Анализ дизайна и архитектуры

Выполнили адаптивную верстку по макетам. Собрали и перенесли на CMS все типы уникальных страниц: главную, каталог, карточки проекта, портфолио, новости, контакты и вакансии.

Настроили инфоблоки для каталога домов, портфолио и новостей.
Реализовали корректное отображение на всех устройствах, включая мобильные и планшеты.

Верстка выполнена с нуля, без фреймворков и jQuery — чистый HTML, CSS, JS.
Использованы кастомные скрипты для подгрузки контента внутри вкладок (в дизайне они реализованы как табы).

Интерфейсы, слайдеры и вкладки адаптированы вручную под разные устройства, применяли кастомную логику адаптирования библиотек.

• Реализовали динамические формы («Задать вопрос», «Рассчитать стоимость», «Получить смету»).
• Настроили pop-up взаимодействие без перезагрузки страницы.
• Сделали гибкую фильтрацию домов по цене, площади и этажности.

 «Мы пересобрали массив связанных элементов и инициализировали его как JS-объект — так страница обновляется без повторных запросов к серверу.»

Ход проекта

2. Верстка и сборка

Выполнили адаптивную верстку по макетам. Собрали и перенесли на CMS все типы уникальных страниц: главную, каталог, карточки проекта, портфолио, новости, контакты и вакансии.

Настроили инфоблоки для каталога домов, портфолио и новостей.
Реализовали корректное отображение на всех устройствах, включая мобильные и планшеты.

Верстка выполнена с нуля, без фреймворков и jQuery — чистый HTML, CSS, JS.
Использованы кастомные скрипты для подгрузки контента внутри вкладок (в дизайне они реализованы как табы).

Интерфейсы, слайдеры и вкладки адаптированы вручную под разные устройства, применяли кастомную логику адаптирования библиотек.

• Реализовали динамические формы («Задать вопрос», «Рассчитать стоимость», «Получить смету»).
• Настроили pop-up взаимодействие без перезагрузки страницы.
• Сделали гибкую фильтрацию домов по цене, площади и этажности.

Контент и удобство

Мы реализовали удобные и динамичные контентные разделы с возможностью дальнейшего масштабирования проекта:

• Блог, документы и вакансии управляются через административную панель.
• Новости и вакансии оснащены AJAX-подгрузкой по кнопке «Показать ещё».
• В форме отклика автоматически подставляется название выбранной вакансии, что упрощает взаимодействие пользователей с сайтом.

Итог

Мы разработали полностью адаптивный сайт строительной компании на 1С-Битрикс, объединив в одной системе сложную логику каталога, интерактивный конфигуратор домов и SEO-подготовку.

Ключевая особенность проекта — конфигуратор на детальной странице, который обеспечивает мгновенное переключение конфигураций без перезагрузки страницы. Это стало возможным благодаря предзагруженным данным и клиентской логике, что делает интерфейс нативным, быстрым и удобным для пользователя.

Сайт оснащён простой и понятной админ-панелью, позволяющей клиенту самостоятельно управлять каталогом, портфолио и контентом: добавлять новости, вакансии и документы в один клик — без привлечения разработчиков.

Решение изначально спроектировано с учётом масштабирования и готово к дальнейшим интеграциям с CRM-системами и банковскими API для работы с ипотечными продуктами.

В результате получился технологичный, производительный и легко управляемый сайт, полностью отвечающий текущим бизнес-задачам и требованиям роста.