Гибкая настройка удобного сайта для строящегося дома
Цель
Создание сайта для жилого комплекса с возможностью выбирать квартиры разными способами.
О компании
С середины 2016 года мы сотрудничаем с ГК «КАСКАД» ‒ молодой и динамично развивающейся компанией-застройщиком. На их счету множество успешно реализованных проектов: в Ленинском, Сормовском, Советском и Нижегородском районах города Нижнего Новгорода. Благодаря этим проектам, десятки нижегородских семей получили возможность приобрести доступное жилье в современных и комфортабельных жилых домах.
Для каждого их проекта, нами разрабатывался отдельный сайт. В настоящий момент ГК «КАСКАД» стоит дом на ул. Куйбышева г. Н.Новгорода. Для этого проекта мы делаем сайт - kaskad-na-kuybysheva.ru.
Ход строительства дома на Куйбышева на август 2018 года
Концепция
Главной концепцией всех сайтов стало, возможность потенциального покупателя быстро ориентироваться на сайте и чтобы он легко находил информацию по квартирам.
После того, как была согласована структура будущего сайта, мы приступили к разработке дизайна. Для этого мы проанализировали целевую аудиторию людей, которые собираются покупать квартиры в строящемся доме и сайты прямых конкурентов. Учитывая фирменный стиль ГК «КАСКАД» мы сделали существующий дизайн. В ходе работы над ним была реализована идея смены рендеров домов в зависимости от времени суток.
Итогом работы на концепцией и дизайном сайта стала реализация всех наших и клиентских задумок. Главная страница представляет из себя несколько слайдеров с различными предложениями. Как уже было сказано ранее, рендер дома на главной странице меняется с ночного на дневной в зависимости от времени сервера.
С 6:00 до 19:00 на сайте пользователи видят дневной рендер дома, а с 19:00 до 6:00 ночной.
Выбор квартир
Основой для сайта стал раздел выбора квартиры. Пользователь мог следовать как «графическим путем» выбирая секцию на рендере дома, потом этаж и далее квартиру на этаже. Так и сразу же выбирать по интересующим его параметрам.
Во время смены этажа, квартиры или секции, JS скрипт Pjax динамически обновляет контент без перезагрузки страницы, что сказывается на скорости работы этих страниц.
К каждой квартире на сайте прилагается PDF файл со всеми параметрами квартиры (этаж, номер, площадь, количество комнат, цена и т.п.), но чтобы не формировать вручную 140 разных файлов, мы сделали специальный генератор PDF, который запоминает актуальные параметры квартиры и подставляет их в PDF форму.
Исходя из начальной концепции: «Пользователь должен легко находить всю информацию по квартирам и дому» в разделе «Расположение» была реализована карта на основе картографических данных Google о том, какая инфраструктура располагается рядом с домом.
А адаптив?
Помимо основных страниц выбора квартиры и подбора по параметрам, на сайте были сделаны несколько статичных страниц. Они предназначены для публикации новостей о ходе строительства дома, выкладывая фотографий, подборок документов и т.д. Для всего сайта была сделана адаптивная верстка, но из-за особенностей функционала, горизонтальная ориентация мобильного устройства была запрещена:
Пользователя просят перевести телефон в горизонтальное положение. После того, как он это сделает, для него будет доступен полностью идентичный функционал сайта.
Вместо заключения
Перед запуском сайт был оптимизирован для поисковых систем. Расставлены все мета-данные, внедрена микро-разметка, установлены все счетчики и цели, сайт оптимизирован по скорости загрузки. Для быстрого запуска и получения первых заявок на квартиры, мы запустили контекстную рекламу в Яндекс.Директе. Создали отдельные рекламные кампании в поиске и РСЯ в зависимости от района проживания целевой аудитории, улицам города и площади продаваемых квартир.