Логотип

Сайт Dolce House

Dolce House - строительная компания с более чем 10-летним опытом, специализирующаяся на загородных домах, дачах и коттеджах под ключ в Санкт-Петербурге, Ленинградской области и Москве. Компания работает по типовым и индивидуальным проектам, используя клеёный брус, газобетон, кирпич и панели CLT, и закрывает полный цикл - от проектирования и сметы до чистовой отделки и подвода инженерных сетей.

Разработка
Продвижение
dolce-house.ru
Картинка скриншота сайта

потребность заказчика

Dolce House предстояло выйти в сегмент, где решение о покупке - одно из самых дорогих и долгих в жизни клиента: строительство загородного дома - это не спонтанная покупка, а выбор на месяцы вперёд, где человек сравнивает десятки подрядчиков, боится недостроя и обмана с материалами. Заказчику было важно, чтобы сайт снимал этот страх с первых экранов - прозрачный калькулятор стоимости, чёткое разделение по типам материалов (брус, газобетон, CLT-панели) и наглядные примеры реализованных проектов, - превращая абстрактное «хочу дом» в конкретную заявку на просчёт.

Сроки работ

Разработка сайта:

14 Февраль - 16 Апрель 2024

Продвижение:

Апрель 2024 - по настоящее время

Какие задачи перед нами стояли?

  • Оценка конкурентов в нише
  • Сбор семантики и кластеризация запросов
  • Составление структуры будущего веб-сайта
  • Разработка рабочих прототипов главной страницы и основных целевых страниц
  • Написание подробного, понятного для заказчика и исполнителя Технического Задания
  • Разработка дизайн-макета главной страницы, а также целевых внутренних страниц (для десктопа и для мобильных устройств)
Картинка задач Сайт Dolce House
  • Адаптивная верстка дизайн-макетов и настройка функциональных модулей
  • Настройка работы сайта на CMS для удобного администрирования сайта
  • Техническая оптимизация сайта, базовая SEO оптимизация
  • Наполнение сайта материалами
  • Продвижение сайта в ТОПы поисковых систем

Технологии, которые мы использовали

Для реализации данного проекта мы использовали:

  • Axure RP
  • Figma
  • Adobe Photoshop
  • Яндекс.Вордстат
  • MODx CMS
  • HTML
  • CSS
  • JavaScript
  • PHP
  • Инструменты Microsoft Office
  • и др.
ModX ModX
Figma Figma
Django Django
HTML HTML
CSS CSS
JavaScript JavaScript
Python Python
ChatGPT ChatGPT
Photoshop Photoshop
Adobe Illustrator Adobe Illustrator
Yandex Yandex
Google Google
CloudFlare CloudFlare
Bitrix24 Bitrix24
Axure Axure

подробно ознакомились с задачей клиента

изучили рынок и конкурентов

Рынок строительства загородных домов довольно обширен и имеет высокую конкуренцию.

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

собрали актуальную семантику

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

Данные услуги были отсортированы по направлениям.

прописали meta для целевых страниц

Оптимизировали Title, Description и микроразметку в соответствии с контентом сайта для повышения видимости в поисковых системах с использованием актуальных SEO-практик.

создали дерево сайта и услуг

Основные разделы сайта:

  • Главная
  • Услуги (Строительство домов, Проектирование домов, Производство бруса, Кровельные работы и проч.)
  • Проектирование
  • Калькулятор стоимости
  • О компании
  • Контакты

разработали дизайн-макеты сайта

Были разработаны следующие дизайн-макеты:

  • Главная
  • Услуги
  • Проектирование
  • Услуга
  • Калькулятор стоимости
  • О компании
  • Акции
  • Выполненные проекты
  • Производство
  • Контакты

Для каждого из них были разработаны мобильные версии макетов.

сверстали сайт на десктоп и мобильные устройства

Разработана адаптивная верстка всех страниц сайта с использованием HTML5, CSS3 и JavaScript. Сайт корректно отображается на всех современных устройствах (компьютеры, планшеты, смартфоны) и браузерах.

Реализована интерактивность сайта с использованием JavaScript (анимации, всплывающие окна, слайдеры). Реализованы формы обратной связи и валидация данных на стороне клиента с использованием JavaScript. Реализована обработка отправки форм (отображение сообщений об успехе/ошибке).

Реализован просмотр фотографий в галерее с использованием слайдера. Реализована возможность увеличения фотографий при клике. Галерея адаптирована под разные размеры экранов.

Реализована навигация по сайту с использованием меню.

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

Дизайн-макеты

Показана картинка Дизайн-макеты 1
Показана картинка Дизайн-макеты 2
Показана картинка Дизайн-макеты 3
Показана картинка Дизайн-макеты 4
Показана картинка Дизайн-макеты 5
Показана картинка Дизайн-макеты 6

настроили работу сайта на cms

В рамках проекта по разработке сайта на базе CMS была проведена комплексная работа по настройке и интеграции верстки. Этот процесс включал несколько ключевых этапов, каждый из которых сыграл важную роль в успешном завершении проекта.

На этапе интеграции были созданы шаблоны и чанки, интегрированы необходимые сниппеты и плагины, что обеспечило динамическую генерацию контента.

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

После завершения интеграции начался процесс тестирования и проверка функциональности всех элементов.

наполнили сайт материалами

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

протестировали и настроили работу сайта на хостинге

Протестировали работу сайта по PageSpeed, проверили сайт на наличие/отсутствие ошибок, настроили файлы sitemap.xml и robots.txt, настроили ЧПУ, настроили модуль SEO Pro, проверили сайт на валидаторе кода, прописали все meta, настроили работу сайта на https протоколе, и т.д.

как итог

За два месяца - с 15 февраля по 16 апреля 2024 года - был реализован многостраничный сайт со 100+ продвигаемыми страницами, разделивший услуги по направлениям (строительство, проектирование, производство бруса, кровельные работы) и снабжённый рабочим калькулятором стоимости, а последующее продвижение вывело сайт в топ-10 выдачи Яндекса и Google. Итог - адаптивный сайт с показателем 94 по PageSpeed, закрывающий полный путь клиента от расчёта стоимости до заявки на строительство.
3
месяца активной разработки
10
месяцев активного продвижения
100+
продвигаемых страниц
90-100
результат по PageSpeed
топ 10
позиции в Yandex и Google

наши контакты

Санкт-Петербург, Московский проспект, 183-185Ак7

info@saytspb.ru

Рабочие дни: пн-пт с 09:00 до 18:00

Выходные дни: сб-вс