UI/UX Designer PropTech · SaaS

Система визуального подбора квартир в жилых комплексах

Превью системы визуального подбора квартир в жилых комплексах — Первый экран кейса: коробочное PropTech-решение для девелоперов с админ-панелью и инструментами настройки объектов.

Мы разрабатывали коробочное PropTech-решение для девелоперов: систему визуального подбора квартир в жилых комплексах, которую часто называют «шахматкой».

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

Помимо интерфейса, для продукта я разработал логотип и фирменный стиль: визуальную основу, которая помогла сделать SaaS-решение самостоятельным брендом, а не просто внутренним инструментом.

Задача

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

сложная структура жилых комплексов
разные форм-факторы и способы управления
работа менеджеров продаж
интеграция на сайты застройщиков
кастомизация под разные бренды

Моя роль

Я участвовал в проекте как hands-on UI/UX дизайнер: проектировал ключевые сценарии, внешнюю часть продукта, админ-панель, кроссплатформенную адаптацию и участвовал в создании дизайн-системы.

Отдельно я разработал логотип и фирменный стиль продукта Realty: знак, цветовую основу, визуальный язык иллюстраций и базовые правила применения бренда в интерфейсе.

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

Кроссплатформенность

Интерфейс проектировался сразу для ноутбуков, десктопов, планшетов, больших сенсорных столов и виджета на сайте ЖК.

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

Дизайн-система

Мы собрали библиотеку компонентов, токены, стили, правила адаптации и систему кастомизации под бренд застройщика.

Это позволило превратить продукт в тиражируемое SaaS-решение, которое можно внедрять у разных девелоперов без пересборки интерфейса с нуля.

Админ-панель Realty со списком объектов жилых комплексов — Главный экран админ-панели: поиск, фильтры, карточки объектов и быстрые действия для команды застройщика.

Список акций в админ-панели системы Realty — Системные таблицы и бейджи помогали управлять акциями, статусами и условиями продаж в едином стиле.

Редактор акции с календарем, выбором помещений, бейджем и цветами — Редактор акции показывал подход к сложным формам: календарь, выбор помещений, бейджи, цвета и превью результата.

Шахматка

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

Разметка фасада дома с выделенной областью этажа — Разметка фасада связывала визуальный образ дома с этажами и будущей шахматкой квартир.

Шахматка квартир по домам, подъездам и этажам — Шахматка давала менеджеру быстрый обзор по домам, подъездам, этажам и статусам квартир.

Админка и виджет

Для команды застройщика была спроектирована админ-панель: загрузка жилых комплексов, управление квартирами и корпусами, обновление статусов и настройка кастомизации.

Для сайтов ЖК появился виджет: пользователь мог выбрать интересующие квартиры, сформировать подборку и скачать PDF-презентацию с деталями. Виджет стал инструментом генерации лидов.

Загрузчик файла с сопоставлением колонок таблицы при импорте помещений — Импорт помогал быстро заводить данные по квартирам и сопоставлять поля из таблицы с шаблоном системы.

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

Список планировок этажей с миниатюрами и соответствующими этажами — Список планировок связывал загруженные изображения этажей с конкретными диапазонами этажности.

Интерактивный план этажа с выделенной квартирой и меню привязки планировки — Интерактивный план этажа позволял связать помещения с планировками и показать пользователю понятный визуальный выбор.

Результат

У первых клиентов время подбора квартиры менеджером снизилось на 35%, скорость ответа клиенту выросла на 30%, конверсия из интереса в бронь выросла на 18%, а подготовка презентации сократилась с 30 минут до 1 минуты.

Проект оказался на стыке PropTech, sales tools, CMS и брендинга. Самым важным было сделать сложную структуру недвижимости понятной и продающей, а сам продукт достаточно узнаваемым, чтобы он воспринимался как самостоятельная SaaS-платформа.