Процесс создания сайта агентства недвижимости «Мир»

Агентство недвижимости «Мир» оказывает профессиональные риэлторские услуги по продаже, покупке и аренде недвижимости в Орле и Орловской области.

Первоначальный дизайн сайта:

Исходные материалы:


Логотип в векторе


Баннер на фасаде

Пожелания заказчика:

  • В верхней части главной страницы разместим наш логотип, фоновый рисунок — как на фото старого сайта или взять с баннера на фасаде. В любом случае должно сочетаться с нашим баннером.
  • Название фирмы — сочным красным цветом (как на баннере).
  • Для рамок и кнопок использовать насыщенные цвета, что бы сайт не был слишком бледным.
  • Общий фон — бледно-голубой.
  • Можно разместить надпись «Профессиональные риэлтерские услуги» в противоположном углу от логотипа.
  • Основное поле — размещение самых интересных объектов с фотографиями.
  • На главной странице сделать блоки с последними новостями, курсами валют и погодой в Орле и форму обратной связи.
  • На главной странице так же размещается фильтр для поиска объектов.

Этап дизайна

Делаем первый вариант дизайна:

Переделываем блок с объектами и создаем дизайн второстепенной страницы с таблицей объектов:

Пожелания заказчика:

  • Изменить цвет строки поиска, кнопок «Подробнее» и «Цена» на более глубокий и насыщенный цвет.
  • Фото в списке квартир сделать в пропорции 4:3.
  • Сделать контуры строк в таблице более четко, сделать переплёт, как вверху страницы.
  • Предусмотреть кнопку «Заявка».
  • Предусмотреть возможность вывода рекламного баннера.
  • Предусмотреть возможность вывода информации об объекте без фото.
  • Создать каждый объект недвижимости на отдельной странице.

Меняем фоновое изображение в шапке сайта и переделываем логотип:

Этап верстки

Встраиваем шрифт Book Antiqua

Делаем верстку под широкоформатный монитор:

И корректное отображение на малоформатных мониторах и нетбуках:

Этап внедрения UMI.CMS

Используем xslt-шаблонизатор. Подключаем возможность Edit-in-place (редактирование на месте). 

Создаем возможность перетаскивания объектов в любой очередности:

Добавление объекта в таблицу:

Создаем возможность указывать координаты объекта:

В административной части сайта

На странице объекта

Просмотр всех объектов на карте с возможностью просмотра каждой группы в отдельности и информации об объекте:

Работу можно просмотреть в портфолио и в интернете.


Заинтересовали наши услуги? Вы можете связаться с нами, и мы с удовольствием ответим на ваши вопросы.

Заявка на проект