Metropolitan Premuim Properties
В этом кейсы мы покажем этапы разработки нового раздела для сайта по продаже недвижимости в Дубае.
Основные задачи:
Разработать новый раздел на текущем сайте используя существующую базу объектов. Продумать удобный пользовательский интерфейс. Реализовать привязку объектов из базы к интерактивной карте.
React
Figma
JavaScript
Прототипирование
Тщательно продумали логику фильтра и расположение элементов
Десктопная версия интерактивного прототипа
Десктопная версия интерактивного прототипа
Мобильная версия интерактивного прототипа
Мобильная версия интерактивного прототипа
Значительно сократили количество действий пользователя
Теперь не нужно открывать два списка чтобы выбрать в каждом из них минимальное и максимальное значение (2+2=4 клика для одного фильтра), в нашей версии выпадающего фильтра достаточно сделать 2 клика вместо четырёх поскольку списки мы решили открывать при наведении и в одном списке доступна шкала от минимального до максимального значения.
В итоге, при работе с каждым фильтром пользователь совершает на два действия меньше, при этом удобство пользования лишь увеличилось. В сумме при работе со всеми фильтрами мы сократили количество действий на 6, то есть пользователь НЕ совершает лишних шесть кликов по сравнению со старой фильтрацией, которую использовал клиент для поиска недвижимости в Дубаи.