logo RocketBusiness
cover-workcover-work

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

Строительная компания «Реновация»

Разработка

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

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

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

Используемые технологии

MODX
MODXMODX
MIGX
MIGXMIGX
Git
GitGit
HTML5
HTML5HTML5
PHP
PHPPHP
JavaScript
JavaScriptJavaScript

Взлетаем

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

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

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

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

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

сайт реновация
сайт реновация

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

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

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

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

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

Александр
Александр, Дизайн

«Продающая картинка в сфере недвижимости — 50% успеха. Общий дизайн и контент на сайте должны выглядеть так, чтобы посетитель сказал "я хочу такой же дом"»

Полетели

О дизайне

Итак, наша цель — получить современный минималистичный сайт с реальными фотографиями высокого качества. За вторую часть отвечал заказчик и справился со своей задачей на все 100%: организовал съемку построенных объектов с воздуха и земли. В портфолио мы также указали сроки и стоимость строительства, реальную квадратуру и планировку объектов.

разработка сайт реновация
разработка сайт реновация
разработка сайт реновация
разработка сайт реновация

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

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

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

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

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

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

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

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

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

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

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

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

разработка сайта реновация
разработка сайта реновация
разработка сайта реновация
разработка сайта реновация

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

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

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

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

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

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

О контенте

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

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

Отдельное направление работы — описания для проектов.

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

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

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

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

разработка
разработка

Результат

Сайт соответствует высоким стандартам в своей нише. Сегодня мы успешно продвигаем renovhouse.ru в поисковых системах — но это уже совсем другая история.

Делаем беспроигрышные предложения
давайте обсудим