7 раз отмерили, 1 раз разработали: сайт для застройщика элитной недвижимости

Разработкаb2cКорпоративный сайтНедвижимостьСтроительство и ремонтModX

Предполетный бриф

Наш заказчик занимается масштабной и сложной работой — строительством домов бизнес-класса. Компания создает индивидуальные проекты под ключ более 15 лет. В ее портфолио уже есть 180 объектов разного масштаба: от уютных финских домиков до особняков площадью 900 м².

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

Взлетаем

О создании прототипа

Наш клиент знает, чего хочет: качественно заполнил бриф, приложил к нему референсы и техническое задание. Поэтому главные ориентиры в дизайне мы определили уже на стадии коммерческого предложения:

• минимализм;
• четкость линий;
• безрамочные блоки;
• плоские современные шрифты;
• качественные фото объектов;
• контраст темных и пастельных оттенков.

По ним отрисовали прототип главной страницы.

Клиент согласовал общую концепцию с первого раза.

О рабочем процессе

Для этого проекта мы собрали команду из 2 программистов, 2 контент-менеджеров, дизайнера и менеджера по работе с клиентом.

Работу разделили на 5 этапов:

• Разработка дизайна;
• Верстка страниц;
• Интеграция и тестирование;
• Создание текстов;
• Наполнение контентом и доработка.

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

Люди не принимают решение о строительстве недвижимости моментально. Кроме фото и данных о готовых проектах пользователей интересует много деталей. Что за застройщик? Сколько лет на рынке? Какие гарантии и способы оплаты предлагает компания? На эти вопросы мы ответили в нескольких блоках.

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

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

Итак, вы нашли понравившийся объект.

Перешли в карточку проекта, где соблюдена внутренняя логика, и видите:

• фото проекта в высоком разрешении с возможностью приближения;
• детальную планировку с квадратурой;
• материалы и комплектацию;
• подробную информацию об инженерных коммуникациях и типах покрытий.

Кликнув на конверсионную кнопку, вы можете оставить заявку и получить полную смету на электронную почту.

О калькуляторе

Но что делать пользователям, которым не подходят шаблонные решения? Заказывать индивидуальный проект! Рассчитать стоимость своего идеального дома они могут с помощью калькулятора.Для этого нужно пройти 8 шагов и заполнить нужные данные.

Калькулятор учитывает материалы и площадь:

• фундамента,
• внешних и внутренних стен,
• перекрытия,
• кровли,
• лестниц,
• фасада,
• окон и дверей.

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

О технических решениях

Сайты конкурентов в этой нише бывают двух типов. Первый — лендинг с формой для заявки. Второй — многостраничный сайт с интегрированными платежными системами. Мы выбрали промежуточный вариант.

Многостраничный сайт renovhouse.ru отличается гибкостью в настройке блоков. В одном только калькуляторе мы добавили более 20 полей с дополнительной настройкой. Поскольку на сайте нет личного кабинета или функций оплаты, мы сделали акцент на главном конверсионном элементе. Калькулятор с таким количеством опций и точностью расчетов — настоящее УТП.

Следующая задача — ускорение загрузки сайта.

Чтобы добиться отличных показателей, программисты:

• обрезали и масштабировали фото,
• сжали стили js,
• настроили отложенную загрузку элементов.

О контенте

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

Чтобы каждый блок был по-настоящему полезным, мы составили список открытых вопросов. Затем совместно с клиентом утвердили позиционирование на рынке и выделили УТП компании.

Отдельное направление работы — описания для проектов. Мы запросили рендер проектов и базовые характеристики каждого из них. Разбили проекты по группам, подчеркнули преимущества домов: внутренняя или внешняя отделка, планировка, квадратура.

Контент-менеджеры не просто создали сухие описания.

В текстах они нарисовали полную картину домашнего уюта.

Читая описания, уже видишь себя на террасе роскошного дома — оцените сами!