Задачи и концепция

Разработка сайта-агрегатора по подбору жилья для одного из крупнейших агентств недвижимости - "Barin Home". Компания работает на импортозамещение и повышает уровень сервиса в регионе.
Задача

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

Решение

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

Этапы
  • UX-дизайн
  • Проектирование и дизайн
  • Desktop- & Mobile-версии
  • Разработка калькулятора
  • Работа с контентом
  • Тестирование и релиз

Дизайн

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

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

15 уникальных блоков
30 метрик и поп-апов
3 размера экрана

Типографика и цветовая схема

Source San Pro
  • Ab
  • Black
  • Bold
  • Ab
  • Regular
  • Light
  • #53b374
  • #ff8a4c
  • #028ad9

Каталог

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

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

Страница продажи квартир

Разместили все условия сотрудничества на странице продажи недвижимости. В первую очередь внимание сразу привлекает баннер «Оставить заявку». Не забыли рассказать об этапах работы, провели пользователя от приобретения услуги до продажи его объекта. Все, как на ладони.

Ипотечные программы

Использовали цветные баннеры для визуального разделения услуг. Установили параметры: процентная ставка, сроки, мин/макс суммы.

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

О компании

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

Инвестиции в недвижимость

Mobile версия

Мы решили сохранить имеющийся функционал и визуальную составляющую на экранах любых устройств, а потому провели работы по адаптации.
Mobile first

Сайт корректно отображается на экранах мобильных устройств. Все элементы составляют единую концепцию и удобно просматривать каталог.

Планшет

Результаты обрадовали нас и заказчика! Сайт смотрится отлично и на планшетной версии.

Прототипы

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

Компьютер

Прототипы страниц проекта Barin Home
Прототипы страниц проекта Barin Home

Планшет

Прототипы страниц проекта Barin Home
Прототипы страниц проекта Barin Home
Прототипы страниц проекта Barin Home

Мобильная версия

Прототипы страниц проекта Barin Home
Прототипы страниц проекта Barin Home
Прототипы страниц проекта Barin Home
Прототипы страниц проекта Barin Home

Нужна сильная команда?

Следующий проект

Смотреть проект
Fruit of the groomer