Cайт для агентства недвижимости премиум-класса

Главное о кейсе

В прошлом году PRIME сделали ребрендинг и решили, что в следующим надо обновлять сайт. С этой задачей они к нам и пришли. А мы — погрузились в бизнес, узнали, какие вопросы клиенты задают компании чаще всего, и подготовили блок-схему с общей логикой, разделами и юзер-флоу. А затем — проработали прототипы, детально продумали интерфейсы и отрисовали дизайн с учётом нового стиля PRIME.

Результаты:

1. Клиент получил универсальный продукт, с помощью которого может продавать сразу все типы недвижимости в Дубае, Москве и в Подмосковье. У каждого из направлений — уникальное оформление.
2. Интегрировали продукт с самописной CRM, чтобы показывать актуальные данные по объектам и отправлять PDF-презентации клиентам.
3. Научили сайт автоматически переводить свойства объектов для других языковых версий и хранить данные о коллебании цен, чтобы строить графики. А ещё ускорили загрузку благодаря автогенерации webp.
4. Клиент получил признание в Дубае. Сайт заслужил 5 звёзд на Arabian Property Awards и стал Best Real Estate Website во всём ОАЭ.
5. После релиза сайта клиент получил несколько откликов на вакансии брокеров.

Last year, PRIME rebranded and decided to update their website. With this task, they came to us. And we delved into the business, found out what questions customers ask companies most often, and prepared a flowchart with the general logic, sections, and user flow. Then we worked on prototypes, carefully thought out the interfaces, and created the design taking into account the new PRIME style.

Results:

1. The client received a universal product that allows them to sell all types of real estate in Dubai, Moscow, and the Moscow region. Each direction has a unique design.
2. We integrated the product with a custom CRM to display up-to-date data on properties and send PDF presentations to clients.
3. We taught the website to automatically translate property features for other language versions and store price fluctuation data to create graphs. Additionally, we accelerated loading times through auto-generation of webp images.
4. The client received recognition in Dubai. The website earned 5 stars at the Arabian Property Awards and was named the Best Real Estate Website in the entire UAE.
5. After the website release, the client received several responses to broker job openings.

Как проект изменил жизнь пользователей

Проект только что зарелизился, и клиент ещё не успел закупить контекстную рекламу, поэтому аналитики по продажам пока нет. Зато в HR-отдел постучались несколько квалифицированных брокеров — одного из них уже взяли на работу. Плюс заказчик отмечает, что в сообществе высоко оценили функционал, стиль и наполнение нового сайта PRIME.

The project has just been released, and the client has not yet had a chance to purchase contextual advertising, so there is no sales analytics yet. However, the HR department has received inquiries from several qualified brokers. One of them has already been hired. In addition, the client notes that the community highly appreciates the functionality, style, and content of the new PRIME website

Бизнес-задача и ее решение

PRIME — это брокер с объектами премиального класса в Москве и Дубае. Компания подбирает загородные дома, виллы и квартиры. Сотрудничает с собственниками, покупателями и арендаторами. А ещё — берёт на себя юридическое сопровождение сделок, помогает найти оптимальную недвижимость для инвестиций и оказывает много других услуг. В прошлом году PRIME сделали ребрендинг и решили, что в следующим надо обновлять сайт. С этой задачей они к нам и пришли.

PRIME is a broker specializing in premium properties in Moscow and Dubai. The company selects countryside houses, villas, and apartments and collaborates with property owners, buyers, and tenants. They also provide legal support for transactions, help find optimal real estate for investments, and offer many other services. Last year, PRIME underwent rebranding and decided to update their website next. They approached us with this task.

Крафт (мастерство), реализация, технические детали

Сделали много листингов
У компании — три основных направления. Город — это квартиры в Москве. Загород — дома в Подмосковье. И Дубай — апартаменты и виллы в ОАЭ. Под каждое из них мы сделали несколько отдельных листингов. Для городской недвижимости — под первичку, вторичку и ЖК. Для загородной — под посёлки, дома и участки. А для Дубая — под новостройки и готовые апартаменты.

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

Чтобы подобрать участок, пользователь выбирает направление, примерную стоимость и тип недвижимости — первичку или вторичку. А по клику на все фильтры — расстояние от МКАД и площадь в сотках.

Чтобы настроить поиск не по квартирам или домам, а по ЖК или посёлкам — можно использовать те же фильтры, например по количеству комнат или ремонту. Просто вместо отдельных объектов в выдаче будут целые жилые комплексы, в которых есть подходящие планировки.

​​We created many property listings
The company has three main directions. For the city there are apartments in Moscow. For the countryside, there are houses in the Moscow region. And for Dubai, there are apartments and villas in the UAE. For each of them, we created several separate property listings. For urban real estate, we have categories for new developments, resale properties, and residential complexes. For countryside properties, we have categories for villages, houses, and plots of land. And for Dubai, we have categories for new buildings and ready apartments.

Each listing has its own filters. The main ones are visible to the user right away. For example, to find a resale apartment, the user needs to select the suitable number of rooms, approximate cost, and neighborhood. If they click on additional options, they can specify floor level, number of bathrooms, type of finishing, or distance to the metro.
To find a plot of land, the user selects the region, approximate cost, and type of property, for example a new one or a resale one. Clicking on all the filters reveals the distance from Moscow Ring Road and the area in hectares.

To customize the search not for individual apartments or houses, but for residential complexes or villages, you can use the same filters, such as for the number of rooms or renovation. Instead of individual properties, the search results will display entire residential complexes that have suitable layouts.

Продумали карточки объектов
Выделили главную информацию о квартире, доме или участке и отобразили её на превью. Например, у апартаментов указали ID объекта, цену, ЖК, площадь, количество комнат, этаж и метро. Так пользователь ещё на этапе листинга сможет оценить, подходит ему объект или нет.

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

Плюс в карточке объекта есть кнопки, чтобы добавить его в избранное, поделиться ссылкой или скачать презентацию. Заголовок на каждой странице генерируется автоматически, например из информации о самой квартире и ЖК. Номер в блоке с контактами подгружается индивидуально с учётом настроек в CRM, с которой интегрирован сайт. А ещё — мы добавили функционал, который автоматически создаёт QR-коды, чтобы пользователи могли сканировать их с телефона и переходить в чат с менеджером в WhatsApp.

We thought out the property cards
We highlighted the main information about the apartment, house, or plot of land and displayed it on the preview. For example, for apartments, we mentioned the object's ID, price, residential complex, area, number of rooms, floor, and proximity to the metro. This way, the user can evaluate whether the property is suitable for them at the listing stage.

We placed detailed information inside the property card. For example, for apartments, we included the living area, ceiling height, and finishing, added a text block with advantages, and included a graph showing the price dynamics.

Moreover, the property card has buttons to add it to the favorites, share the link, or download a presentation. The header on each page is generated automatically, such as from the information about the apartment and residential complex. The contact number in the contact block is loaded individually, taking into account the settings in the integrated CRM. Additionally, we added functionality that automatically generates QR codes so that users can scan them with their phone and start a chat with a manager in WhatsApp.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

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

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

Для услуги по продаже и подбору недвижимости в Дубае у PRIME был отдельный брендинг — мы также развернули его на макеты и подружили с дизайном на всём остальном сайте.

PRIME already had a modern branding with cool typography and stylish color palette. It only remained to unfold it in the website design. At the same time, we tried to use basic patterns, like on other broker websites, but in a new interpretation. The goal was to show the company's individuality and stand out from competitors.

To attract the user's attention to important elements, we used color accents and large headlines. To make the interface user-friendly, we worked on rounded corners. And in order for the previews of the properties not to look overloaded, we added some air to the design.

PRIME deals with elite real estate and the visual on the website should justify its cost, so we placed emphasis on high-quality photographs. And to ensure they open correctly on any device, we made 5 adaptations for different devices for each layout.

For the service of selling and selecting real estate in Dubai, PRIME had a separate branding. We also unfolded it on the layouts and integrated it with the design on the rest of the website.

Скриншоты