Перезапуск и поддержка сайта по продаже недвижимости Астон

Аудит сайта и проблемные зоны

На старте мы проверили платформу по 4-м направлениям: дизайн, фронтенд, бэкенд и SEO. В результате девелопер получил подробный анализ своей платформы — с детальным разбором проблем и возможными решениями. Основные из них:

• Некорректная верстка: ошибки в структуре, оформлении и адаптации. Например, по всему сайту были разные отступы и шрифты, а раздел «Избранное» избранного не показывал. Такие ошибки ухудшают юзабилити.

• Низкая скорость загрузки сайта: когда интерфейс грузится более 10 секунд, есть огромный риск — навсегда потерять потенциального клиента.

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

После приоритизации задач мы приступили к отладке функционала. В это время клиент решил освежить дизайн интерфейса и отказаться от поддоменов. В итоге мы перезапустили сайт — сменив UI и внедрив новые возможности.

Новый UX-дизайн

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

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

Более 70% посетителей заходят на сайт застройщика с мобильных устройств. Учли это при разработке и создали полностью адаптивный UI — с удобными меню и навигацией. Добавили один из ярких трендов Liquid Glass.

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

Новый функционал сайта

Задача сайта astondom.ru — вызвать у потенциального клиента интерес к недвижимости девелопера и плавно направить к решению о покупке. Для этого нужно предоставить человеку инструменты, которые помогут ускорить процесс выбора.

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

При выборе конкретного дома человек может воспользоваться созданной нами шахматкой. Так он сразу увидит, сколько квартир уже продано и какие есть в наличии — на интересующем его этаже и в подъезде. Свободные и забронированные слоты выделили цветом.

Понравившиеся варианты можно добавить «Избранное» и вернуться к ним позже. Раньше этот функционал был номинальным, но мы исправили ошибки. В дополнение к нему сделали еще более полезную фичу — сравнение. Теперь у пользователя есть возможность быстро сравнить от 2-х и более приглянувшихся объектов — в целом и с показом только отличий. Это значительно упрощает выбор.

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

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

Технические улучшения

Ускорили работу сайта в 2 раза

Оптимизировали работу API, убрав из ответов бэкенда все лишние данные. Порой ответы содержали до 5 МБ, мы сократили вес в 3-5 раз. Платформа стала быстрее в 2 раза.

Снизили количество запросов в базу данных на 30% — что облегчило нагрузку на сервер.

Сократили время импорта из CRM с 2-х часов до 15 минут

Вся информация о недвижимости на сайте подтягивается из CRM застройщика. Раньше обмен данными мог занимать более 2-х часов. Мы полностью переписали всю логику процесса и сократили время до 15 минут — для одного региона. Настроили возможность частичного обмена.

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

Избавились от поддоменов

Поддоменная структура затрудняла продвижение сайта. При перезапуске мы заменили ее на централизованную — на основном домене. Также сделали корректную автоматическую генерацию карты сайта.

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

Облегчили доставку задач в продакшн

1. Переработали frontend-часть. Frontend включал в себя большое количество универсальных вендорных зависимостей, которые система не использовала в полной мере. Подобный подход увеличивал время на доработки, так как сначала нужно вносить изменения в пакет, потом — переключать версию, обновлять, собирать приложение и тестировать. Кроме того, в пакетах было огромное количество функционала, который не использовался сайтом и увеличивал сложность системы.

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

2. Внедрили docker окружение как для dev, так и для prod версии. Это позволяет за считанные минуты разворачивать приложение на новом сервере или тестовом стенде.

Улучшили безопасность системы

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

Контент-поддержка

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

• настроили корректные ЧПУ (человеко-понятные URL) и скорректировали хлебные крошки,

• прописали мета-теги и сделали правильную иерархию заголовков.

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