Apple iPhone 12 Pro • 3D Retina Мокап
Фотореалистичный 3D-рендер мобильной версии (2716 × 2037 px) с адаптацией фильтров и каталога
Быстрый подбор лота с экрана смартфона без информационного перегруза

Селектор Buy / Rent и мгновенный срез категорий (Urban, Country, International) оптимизированы под управление одним пальцем.
Клиенты, получившие артикул лота в Telegram или наружной рекламе, мгновенно открывают карточку без лишней навигации.
Полноэкранные фото интерьеров и планировок с поддержкой pinch-to-zoom жестов для быстрой оценки планировочных решений.
UX Исследования & Анализ рынка
Покупка и аренда недвижимости премиум-класса — эмоционально нагруженный процесс с чеком от десятков миллионов рублей и циклом сделки до 9 месяцев. Мы изучили узкие места классифайдов и агентств, чтобы устранить трение на пути клиента.
Матрица бенчмаркинга платформ недвижимости
Сравнение ключевых параметров UX/UI классифайдов и премиум-бутиков
| Платформа | Тип продукта | Скорость поиска | Поиск по ID | Мобильный UX | Фокус конверсии |
|---|---|---|---|---|---|
| ЦИАН | Масс-маркет классифайд | Медленно (18+ фильтров, перегруз рекламой) | Нет | Утилитарное, агрессивные пуши и всплывающие окна | Монетизация звонков агентств и платного продвижения |
| Домклик | Банковская экосистема (Сбер) | Средне (фокус на ипотечный калькулятор) | Нет | Тяжеловесное, требует авторизацию по Сбер ID | Выдача ипотечных кредитов и страховок |
| Savills / White & Fair | Премиальный бутик недвижимости | Быстро, но фильтры спрятаны в модалки | Нет | Слабая оптимизация под тач-жесты, долгий скролл | Сбор контактов через форму обратного звонка |
| Doors Real Estate | Продуктовая платформа агентства (Shop 4.0 Standard) | Молниеносно (инлайн смарт-бар: тип, локация, цена, ID) | Да | Плавный адаптивный флоу, кликабельный 3D-экспириенс | Быстрая запись на просмотр и прямой чат с брокером |
Целевые персоны покупателей (User Personas)
- •Быстрый поиск лотов от 120 млн ₽ в Хамовниках и на Патриарших
- •Моментальный доступ к объекту по короткому ID без блуждания по каталогу
- •Прямой контакт с персональным брокером в Telegram без спам-звонков
- ✕Классифайды скрывают реальные планировки и требуют звонить риелторам
- ✕Большинство сайтов пестрят рекламой и не адаптированы под Retina-экраны
- ✕Теряется контекст лота при переходе из переписки
- Выделенный поисковый инпут «Search by ID» прямо в центре смарт-бара
- Крупные архитектурные карточки с метражом, спальнями и ценой в валюте/рублях
- Кнопка быстрого бронирования просмотра с выбором удобного слота
- •Аренда видовой квартиры в центре или загородного дома на летний сезон
- •Четкое визуальное разделение направлений: City vs. Country vs. International
- •Высокое разрешение фотографий интерьеров и видео-туры
- ✕Непонятно, актуален ли лот: многие сайты держат «фейковые» объявления
- ✕Неудобно смотреть фото на смартфоне — мелкие галереи и медленная загрузка
- ✕Сложно переключаться между покупкой и долгосрочной арендой
- Инлайн-тумблер «Buy / Rent» на первом экране с мгновенной фильтрацией без перезагрузки
- Плавная адаптивная галерея с поддержкой свайпов и зума планировок
- Плашка «Актуальный лот из закрытой базы» с гарантией достоверности цены
Customer Journey Map & Продуктовые гипотезы
Путь состоятельного клиента агентства от первого клика по рекламе до согласования времени очного визита на объект с персональным брокером.
5 Ключевых этапов клиентского пути (CJM)
Понять специализацию агентства и мгновенно переключиться на нужный тип сделки (Buy / Rent).
Задать вилку бюджета, тип недвижимости (Urban, Country, International) и локацию.
Оценить архитектуру, планировки и окружающую среду через фото высокого разрешения.
Получить исчерпывающую информацию: метраж, этаж, видовые оси, паркинг, условия сделки.
Назначить встречу на объекте в удобное время без навязчивых автоматических роботов.
4 Продуктовые гипотезы с измеримыми метриками
Инлайн-селектор Buy / Rent на Hero-экране
Если вынести переключение типа сделки (Buy / Rent) и направлений (Urban / Country / International / Commercial) в горизонтальный смарт-бар первого экрана, пользователи на 40% быстрее приступят к просмотру лотов.
Разработан компактный, контрастный переключатель с радиокнопками прямо над строкой поиска.
Прямой поиск по ID лота (Search by ID)
Клиенты, приходящие из соцсетей, Telegram-каналов и наружной рекламы, имеют готовый код объекта. Если дать им поле поиска по ID на главной, отток на первом экране сократится вдвое.
Интегрирован выделенный инпут «Search by ID» рядом с кнопкой запуска поиска.
Колористическая дифференциация 4 сегментов
Если окрасить каждое из 4 ключевых направлений агентства в гармоничную цветовую гамму (Сапфир для города, Шалфей для загородки, Океан/Янтарь для зарубежки), считываемость категорий возрастет.
Спроектирована 4-схемная колористическая модель с сохранением общего базового лейаута 1366px.
Персональная карточка брокера вместо холодных лид-форм
В премиум-сегменте доверие формируется к конкретному человеку. Лицо эксперта и прямой мессенджер поднимут конверсию в очный просмотр.
В подвале и карточках лотов размещены аватары брокеров с прямым статусом «Онлайн» и контактом.
4 Колористические схемы & Теория цвета
В проекте создано 4 адаптивные цветовые схемы под разные сегменты рынка. Переключайте схему прямо здесь, чтобы изучить палитру, гармонию по кругу Иттена и скроллируемый макет каждого варианта.
Исходник (Signature Brand)
Основной фирменный стиль Doors Real Estate. Базируется на глубоком сапфирово-синем оттенке доверия и чистоты, выверенных межстрочных интервалах и строгой геометрической верстке.
Колористическая палитра & Роли в интерфейсе
Классическая монохроматически-акцентная гармония на основе синего спектра (#09253B и #27579A). Синий цвет традиционно ассоциируется с финансовой надежностью, безопасностью крупных инвестиций и институциональным доверием.
Городская элитная недвижимость (Urban Realty): новостройки премиум-класса, пентхаусы в центре, клубные дома.
Анатомия основного интерфейса («Исходник»)
Полноразмерный 1366-пиксельный десктопный портал, спроектированный для мгновенного снятия когнитивного напряжения состоятельного покупателя и конвертации интереса в согласование очного просмотра.
«We help to open doors»
Главный экран встречает посетителя чистым слоганом и монументальной архитектурной фотографией на фоне. Название бренда Doors обыгрывается визуально: мы открываем двери в лучшие объекты города и мира.
Мультипараметрический смарт-бар
Строка фильтрации вынесена на первый экран: быстрый выбор режима Buy / Rent, категории (Urban Realty, country homes, international, commercial), параметров площади и выделенного инпута Search by ID.
Городская недвижимость премиум-класса
Асимметричная журнальная сетка лотов с крупными фотографиями фасадов, видовыми террасами и продуманным описанием инфраструктуры (паркинг, консьерж, приватный сад).
Country Homes & International Realty
Специализированные разделы для покупателей загородных домов и курортных вилл с информацией об участках, водоемах, юридической чистоте и инвестиционной доходности в валюте.
1700+ лотов в активной базе агентства
Блок социальных доказательств и охвата: 1700+ городских лотов, 150+ загородных усадеб, международная сеть партнерских офисов и подтвержденный опыт закрытия сделок от 1 млн $.
«Our doors are always open for you»
Завершающий эмоциональный акцент с кнопками прямого звонка и мессенджеров (WhatsApp, Telegram). Персональный брокер готов ответить на вопросы в течение 5 минут.
Интерфейс в реальной среде и на девайсах
Демонстрация адаптивности веб-платформы Doors Real Estate: от широкоформатных мониторов и ноутбуков до планшетов брокеров и смартфонов клиентов.
 (1).jpg)
MacBook Pro на каменном постаменте (Editorial Showcase)
Презентационный мокап флагманского 1366px портала Doors Real Estate на экране MacBook Pro на фактурном каменном постаменте.
.jpg)
MacBook Pro Space Gray в рабочем интерьере
Отображение каталога Urban Realty и подбора элитных апартаментов на деревянном столе в премиальном офисе.
.jpg)
iPad Pro: Презентация лота клиенту брокером
Планшетный сценарий: персональный брокер презентует архитектурный план и видовые оси пентхауса покупателю.
.jpg)
iPhone 15 Pro: Быстрая бронь & Оплата задатка с карты
Мобильный интерфейс в руке пользователя с банковской картой: мгновенное внесение депозита и фиксация цены лота.
.jpg)
iPhone Showcase на мультицветовом фоне
Презентация мобильной адаптации каталога на ярком геометрическом фоне, подчеркивающем 4-цветную цветовую палитру проекта.

iPhone 12 Pro 3D Showcase (2716 × 2037 px)
Фотореалистичный 3D-рендер двух смартфонов Apple iPhone 12 Pro под углом, демонстрирующий безупречную адаптивность смарт-фильтра, каталога Urban Realty и презентационных карточек.

Полный десктопный портал 1366 × 5909 px (Исходник)
Полноразмерный непрерывный холст десктопного сайта агентства со всеми ключевыми секциями: Hero, смарт-фильтр, Urban Realty, Country Homes, International, база данных 1700+ лотов и футер конверсий.
Дизайн-система & Типографика
Интерфейс построен на строгой сетке 1366px, швейцарских интервалах и шрифтовой иерархии Montserrat + Inter.
Шрифтовая иерархия проекта (Typography Tokens)
Геометрический гротеск без засечек с сильным характером и устойчивыми пропорциями. Используется для слоганов, названий направлений (Urban Realty, Country Homes) и ключевых метрик.
Универсальный экранный шрифт с оптимизированной апертурой и высотой строчных знаков. Обеспечивает исключительную читаемость цен, параметров лотов и фильтров на любых экранах.
Базовая десктопная ширина страницы с адаптивным ресайзом до 1920px и мобильным брейкпоинтом на 390px (iPhone).
Все отступы, высоты инпутов и радиусы скругления кратны 8px (8, 16, 24, 32, 48, 64px) для строгой архитектурной симметрии.
Коэффициент контрастности основного текста и кнопок превышает 7.2:1, гарантируя комфортное чтение даже на ярком солнце.

