Разработка сайта для строительной компании с каталогом проектов

К нам обратилась строительная компания с задачей создания корпоративного сайта с каталогом проектов.

У проекта было две основных цели:

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

2. Привлечение новых клиентов через SEO-продвижение и запуск рекламного трафика на сайт для лидогенерации.

В рамках проекта определили и реализовали следующий объем работ:

1. Анализ сайтов конкурентов, сбор информации

2. Разработка адаптивного дизайна сайта в Figma, согласование с Заказчиком

3. Верстка-сборка сайта, согласно разработанному дизайну

4. Конфигурация каталога и фильтров товаров

5. Написание парсера контента cj стороннего сайта, для автоматического наполнения каталога проектами, включая содержимое каждого из них

6. Разработка калькулятора сметы строительства дома, в зависимости от выбраанных пользователем параметров

7. Тестирование функционала, базовая SEO-оптимизация

8. Обучение сотрудников Заказчика управлению новым сайтом, запись видео-инструкций, ввод в эксплуатацию

9. Оказание поддержки после запуска, консультирование Заказчика по любым возникающим вопросам

Подробнее об основных этапах проекта мы рассказывааем ниже:

Разработали уникальный дизайн сайта в Figma для разных типов устройств (пк, планшеты, моб. устройства) 

Ниже показываем скриншоты основных страниц ПК версии:

1. Главная страница

2. Страница каталога проектов

3. Отдельно проработали внешний вид фильтров в каталоге

4. Страница конкретного проекта

5. Внешний вид калькулятора строительства

6. Страница "о компании"

Выполнили адаптивную верстку сайта согласно дизайну в Figma.

Произвели тестирование на различных разрешениях экрана.

Результат этапа: сайт отобаражется корректно на всех типах устройств и соответствует дизайн-макету

Для наполнения каталога проектов мы написали собственный парсер на Python. Парсер учитывал всю сложную структуру сайта-источника, все вкладки контента которые находились внутри страниц каждого отдельного объекта. 

После парсинга, написанный скрипт автоматически импортировал собранные данные в наш сайт.

В результате мы получили наполненный каталог нашего сайта, со всей информацией:

- название проекта

- фотогалерея

- стоимость проекта

- характеристики дома

- подробный план-схема объекта

Пример объекта https://otidom.ru/product/zz14/  

Вкладки с подробными характеристиками

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

Пример редактирования характеристик с разбивкой по этажам

Выполнили базовую seo-оптимизацию сайта:

1. Зарегистрировали сайт в поисковых системах инструментах Яндекс.Вебмастер и Google Search Console

2. Настроили корректную отдачу 404 страницы, пример https://otidom.ru/product/test

3. Настроили корректную генерацию файла sitemap.xml, пример https://otidom.ru/sitemap.xml

4. Настроили автоматическое формирование мета-тегов на сайте для категорий и проектов

5. Установили счетчики аналитики Яндекс.Метрики и Google Analytics

6. Настроили отправку целей (конверсий) из сайта в системы аналитики 

В результате Заказчик получил быстрый, удобный для пользователей корпоративный сайт