←
Назад
Улучшил сценарий подбора квартиры на схеме для крупнейшего застройщика премиальной недвижки в России с 1М+ посетителей и 300k MAU
Улучшил сценарий подбора квартиры на схеме для крупнейшего застройщика премиальной недвижки в России с 1М+ посетителей и 300k MAU
Нарисовали схему, которая позволяет увидеть район с понятной инфраструктурой: метро, дорогами и центрами притяжений
Нарисовали схему, которая позволяет увидеть район с понятной инфраструктурой: метро, дорогами и центрами притяжений
Команда
TL;DR
В рамках обновления сайта ФСК я переработал существующий подбор квартир на схеме. В решении связал расположение домов и инфраструктуру ЖК с переходом к квартирам по этажам и секциям. Подготовил десктопную и мобильную версии, защитил решение перед стейкхолдером и передал его в разработку
В рамках обновления сайта ФСК я переработал существующий подбор квартир на схеме. В решении связал расположение домов и инфраструктуру ЖК с переходом к квартирам по этажам и секциям. Подготовил десктопную и мобильную версии, защитил решение перед стейкхолдером и передал его в разработку
Роль
Разбирал существующую механику, анализировал конкурентов, проектировал интерфейс и состояния, обсуждал решения с командой и разработчиками, проводил глубинки. Работал вместе с арт-директором и командой ФСК
Разбирал существующую механику, анализировал конкурентов, проектировал интерфейс и состояния, обсуждал решения с командой и разработчиками, проводил глубинки. Работал вместе с арт-директором и командой ФСК
Погружение
Дискавери
Проектирование
Валидация и результат
Погружение
На сайте уже были разные способы поиска квартиры: по параметрам, на генплане и на схеме. Моя задача касалась подбора на схеме. При обновлении нужно было сохранить логику выбора, проработать состояния и переходы, учесть мобильный экран и ограничения реализации. Решение планировалось использовать в 10+ ЖК с разным числом корпусов и этажностью
Так страница выглядела до того, как я взял задачу в работу
На встрече с продактом я уточнил сценарий использования. По переданной им обратной связи, схемой часто пользуются менеджеры по продажам во время консультаций: показывают покупателю дом и переходят к доступным квартирам
В прежнем варианте расположение корпуса приходилось дополнительно объяснять словами или показывать на генплане. Поэтому в новом решении важно было связать выбор квартиры с общей схемой ЖК и его окружением
Погружение
На сайте уже были разные способы поиска квартиры: по параметрам, на генплане и на схеме. Моя задача касалась подбора на схеме. При обновлении нужно было сохранить логику выбора, проработать состояния и переходы, учесть мобильный экран и ограничения реализации. Решение планировалось использовать в 10+ ЖК с разным числом корпусов и этажностью
Так страница выглядела до того, как я взял задачу в работу
На встрече с продактом я уточнил сценарий использования. По переданной им обратной связи, схемой часто пользуются менеджеры по продажам во время консультаций: показывают покупателю дом и переходят к доступным квартирам
В прежнем варианте расположение корпуса приходилось дополнительно объяснять словами или показывать на генплане. Поэтому в новом решении важно было связать выбор квартиры с общей схемой ЖК и его окружением
Дискавери
Я изучил 16 конкурентов: как пользователь переходит от ЖК к квартире, какую информацию получает до перехода и как меняет способ подбора
Опираясь на исследование и деск-ресерч я выделил несколько ориентиров:
Постепенно сужать выбор
Сначала пользователь определяет расположение дома, затем рассматривает предложения внутри него. В итоговом сценарии общая схема связана с представлением квартир по этажам и секциям
Показывать предложения
До перехода к подробному подбору полезно понимать, есть ли в корпусе квартиры. В подсказке на схеме показаны количество предложений и срок сдачи; внутри корпуса — доступные варианты
Сохранять другие способы поиска
Расположение дома — одна из отправных точек выбора. Подбор по параметрам и на генплане остаётся доступен рядом со схемой, чтобы пользователь мог продолжить поиск удобным способом
Дизайн
После погружения, сбора обратной связи и дискавери я приступил к дизайну. При выборе визуализации мы сравнивали 3D и флэт схемы. Для этого сценария было важно одновременно видеть дома, их расположение и инфраструктуру района
3D / Аксонометрия
Показывает объём и архитектуру домов, но ракурс и перекрытия зданий могут скрывать часть окружения. 3D масштабировать дольше и дороже
Плоская схема
Позволяет показать расположение домов и соседних объектов в одном представлении, но условное изображение передаёт меньше архитектурных деталей
3D / Аксонометрия
3D / Аксонометрия
Плоская схема
Плоская схема
Сценарий строится вокруг последовательного выбора: расположение дома, предложения по этажам и секциям, затем квартира. Из представления квартир можно вернуться к общей схеме
На общей схеме показаны дома и инфраструктура района. Корпуса выделены цветом и подписаны номерами, чтобы их можно было соотнести с окружением. Менеджер может показать покупателю расположение дома и соседние объекты в одном представлении
Сценарий
Узнать о предложениях до перехода внутрь
В подсказке по корпусу отображаются количество квартир и срок сдачи. Эта информация доступна на общей схеме, прежде чем пользователь откроет подробный подбор
Рассмотреть квартиры по этажам и секциям
После выбора дома пользователь видит шахматку предложений. Она показывает расположение квартир внутри здания и позволяет перейти к интересующему варианту. В интерфейсе доступны переключение корпуса и возврат к общей схеме.
Так в одном сценарии связаны два масштаба выбора: положение дома в ЖК и положение квартиры внутри дома
Разработка
Перед передачей в разработку мы разобрали основной путь, пограничные состояния и технически сложные взаимодействия. Обсудили возможные сложности реализации, скорректировали решения по итогам обсуждений и согласовали финальный вариант с ФСК
Валидация
Из-за короткого time-to-market и ограниченного бюджета времени на полноценные исследования не было, но я провёл коридорки, чтобы выявить самые грубые ошибки при проектировании и понять, как пользователи видят и ощущают интерфейс. Глубинки дополнительно помогли приоритезировать пул работ по этой задаче в будущем
Результат
Переработал существующий подбор под новый интерфейс сайта: связал общую схему и окружение ЖК с выбором квартир по этажам и секциям, подготовил десктопную и мобильную версии, проработал переходы и состояния
