Создание сайта строительной компании "Дом-Форест"

Прежний сайт компании имел неудобную мобильную версию, сборка на 1С Битрикс была выполнена с многочисленными ошибками и не позволяла развивать сайт дальше, дизайн несколько морально устарел.

Заказчик обратился к нам со следующими задачами:

- создать новый актуальный дизайн;

- проработать удобную мобильную версию;

- разработать личный кабинет для интеграции с сервисом он-лайн трансляции строительства новых объектов;

- написать ипотечные калькуляторы и предусмотреть удобный функционал для их корректировок;

- реализовать новый функционал в карточках проектов;

- создать различные маркетинговые механизмы на сайте (акции, опросы, рекламные формы и т.д.);

- кастомизировать "умный" SEO фильтр;

- интегрировать сайт с Битрикс24, CallTouch и блогом в VK.

Для  реализации решения было предложено использовать 1С Битрикс, поскольку  Заказчик был уже хорошо знаком с администрированием этой платформы. Переход на новую версию сайта потребовал   комплексной работы, включая редизайн, оптимизацию производительности, разработку нового функционала и интеграции.

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

Особое внимание  уделили карточке проекта, в ней было необходимо вывести множество дополнительных вкладок.

Сразу же проработали и детали мобильного UX, чтобы облегчить работу дизайнера.

В новом дизайне основной зеленый цвет, использовавшийся на сайте  и в логотипе компании, был дополнен светлым салатовым акцентом - благодаря чему дизайн сразу "помолодел", стал легче и прозрачнее. В целом, именно легкость визуального восприятия была поставлена в основу концепции, поскольку информации на сайте очень много, и нельзя было перегрузить  пользователя еще и тяжелым визуалом. Мы использовали преимущественно тонкие элементы, прозрачные фоны и инфографику, а также облегченную анимацию.

По замыслу дизайнера, в центре внимания посетителя должны были оказаться прекрасные высококачественные рендеры домов, а также инструменты их подбора, фильтрации и сортировки.

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

В целом, разработка каталога на 1С Битрикс в этом проекте была стандартной. Мы сосредоточили внимание на следующих задачах:

Разработка личного кабинета с интеграцией сервиса онлайн-трансляции:

- создание личного кабинета пользователей;

- авторизация через OAuth / JWT для безопасного входа;

- интеграция видеопотока через API внешнего сервиса;

- просмотр трансляций (с защитой от несанкционированного доступа);

- адаптация интерфейса под мобильные устройства.

Разработка ипотечных калькуляторов с возможностью корректировок:

- создание отдельного модуля «Ипотечный калькулятор» на JS;

- реализация динамических расчетов без перезагрузки страницы (AJAX);

- подключение к API банков для получения актуальных ставок;

- админ-панель для настройки коэффициентов, сроков, процентов (удобный интерфейс).

Новый функционал в карточках проектов:

- доработка карточек объектов;

- добавление 3D-туров (интеграция iframe);

- галерея изображений + планировки;

- динамическая смена доступных домов по фильтрам;

- реализация заявки с привязкой к CRM Битрикс24;

- \интерактивная карта построенных объектов (Яндекс.Карты);

- улучшенный поиск и сортировка (по цене, типу,  площади).

Для эффективной работы отдела маркетинга были проведены:

- разработка модуля «Акции и спецпредложения», позволяющего создавать временные предложения;

- разработка popup-форм и баннеров с гибкими настройками;

- интеграция с Bitrix24 и CallTouch;

- аналитика конверсий и A/B-тестирование форм.

Тестирование и отладка

- функциональное тестирование (юзабилити, формы, калькуляторы, фильтры);

- кроссбраузерное тестирование (Chrome, Safari, Edge, Firefox);

- нагрузочное тестирование (Apache JMeter, Locust).

Запуск и поддержка

- подготовка контента и данных перед переносом;

- настройка бэкапов и мониторинга ошибок (Bitrix Cloud);

- инструкции для сотрудников (обучение работе с сайтом).

Техническая поддержка проекта в течение года после запуска.

Мы полностью переработали мобильную версию сайта, сделав её удобной и быстрой. Дизайн адаптировали по принципу mobile-first,  тщательно протестировали работу на разных устройствах и браузерах, а также ускорили загрузку за счёт современных технологий, таких как WebP, кеширование и оптимизация кода.

Личный кабинет теперь предоставляет удобный доступ к онлайн-трансляциям строительства. 

Для ипотечных расчётов мы создали удобный и гибкий калькулятор. Он учитывает все параметры — ставки, сроки, условия банков, и мгновенно обновляет расчёты без перезагрузки страницы. В админке реализовали возможность легко корректировать данные, что позволяет быстро настраивать условия без привлечения программистов.

Карточки проектов также были доработаны: теперь пользователи могут просматривать 3D-туры, видеообзоры, интерактивные планировки. фильтрация объектов стала удобнее. 

Для маркетинга внедрили целый набор инструментов. Разработали удобный модуль «Акции», где администраторы могут легко создавать спецпредложения с настройкой сроков, скидок, баннеров. всплывающие окна и формы для захвата лидов теперь работают эффективно, помогая увеличивать конверсию.

SEO-фильтр был полностью кастомизирован. Мы улучшили его работу для поисковых систем: настроили генерацию понятных ЧПУ-ссылок, адаптировали метатеги и сниппеты, что значительно повысило индексируемость страниц. В результате сайт поднялся в поисковой выдаче, а клиенты стали быстрее находить нужные объекты.

В результате проделанной работы сайт стал удобным, современным и эффективным инструментом как для клиентов, так и для бизнеса.