Как застройщику превратить свой сайт в центральное звено онлайн-продаж

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

Задачи:

• Обновить дизайн, сохранив при этом фирменную палитру компании;

• Структурировать разделы на сайте и упростить навигацию;

• Упростить управление контентом на сайте;

• Отстроиться от конкурентов;

• Превратить сайт в двигатель продаж.

Мы собрали команду дизайнеров, frontend- и backend-разработчиков. Они погрузились в бизнес клиента, внедрили интересные фишки и адаптировали сайт под постоянно растущие объемы недвижимости.

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

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

В итоге мы подобрали 700 референсов и отрисовали 800 фреймов.

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

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

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

Результаты поиска отображаются в разных форматах: удобной плиткой, подробным списком или на интерактивной карте, где видно расположение каждого ЖК. Мы даже предусмотрели возможность убрать группировку по объектам ЖК, чтобы видеть все квартиры сразу, независимо от комплекса.

Целевая аудитория клиента — семьи. Для такой аудитории важно, чтобы рядом были школы, садики, магазины, ТЦ. Мы внедрили интерактивную карту инфраструктуры, чтобы пользователи сразу видели, что есть рядом с ЖК. Мы сделали ее гибкой: можно добавлять свои объекты на карту, например, кафе или компьютерный клуб.

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

Он загружает изображения и отмечает на них интерактивные зоны. А покупатель видит, как будет выглядеть квартира с разными материалами или планировками. Технически это реализовано с использованием SVG-графики и JavaScript.

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

Можно выбрать конкретный этаж и увидеть расположение всех квартир. Для такой схемы нужно много изображений: каждого дома и каждого этажа. Жилых комплексов у нашего клиента немало, поэтому такая схема еще в разработке.

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

Весь проект мы реализовали на Битрикс, используя PHP, JavaScript и CSS. Клиент может добавлять новые ЖК, дома, квартиры, менять характеристики и интерактивные элементы без помощи программистов. Мы создали гибкую структуру, которая легко масштабируется под новые объекты и потребности бизнеса.