Сайт застройщика ГК «ТИС»: конструкторы, интерактив и крутой стек технологий

1. Вводная задача от заказчика, проблематика, цели

Главное пожелание заказчика — никакого Битрикса, с которым у него были проблемы из-за техподдержки на прошлом проекте. Почему Laravel? Потому что клиент хотел что-то универсальное, чтобы потом можно было разработать REST API и мобильное приложение.

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Самые современные технологии

Здесь мы использовали целую пачку технологий: Laravel с кастомизированной админкой Voyager, Vue.js плюс Vuex для пользовательских интерфейсов и Elasticsearch для фильтров.

Удобный фильтр недвижимости

На главной странице пользователя встречает фильтр для поиска квартир. Ищет сразу по нескольким параметрам: количеству комнат, площади, стоимости и специфическим требованиям вроде акций, скидок и маткапитала. Позже запрос можно уточнить на странице выдачи. Фильтр — динамический, при изменении параметра фильтрации сразу становятся недоступны неподходящие параметры, и показывается актуальное количество объектов.

Особенности из параметров фильтра работают как теги на карточках каталога квартир: сразу видно, где есть большая кухня, гардеробная или 2 санузла.

На детальной странице квартиры можно посмотреть планировку на схеме и на 3D-модели, пройтись внутри с виртуальным туром или оценить вид из окна и детали строительства.

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

3. Результаты сотрудничества

Конструкторы

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

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

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

Чёткие импорты

Информация по квартирам, кладовым и парковкам для каждого ЖК разделяется по жилым комплексам. Из 1С приходит информация по всем квартирам, кладовкам, парковкам всех ЖК и обновляется раз в сутки — благодаря этому на лендинге любого жилого комплекса всегда актуальная информация.