О проекте
Desktop & Mobile
UrbanVista — компания по продаже элитной недвижимости в Dubai.
Задача: Спроектировать интерфейс платформы для поиска, просмотра и презентации объектов недвижимости потенциальным покупателям и инвесторам.
Решение: На основе брендбука и готовых прототипов проработали архитектуру ключевых сценариев, разработали две дизайн-концепции и выбрали подход, который сочетает имиджевую подачу премиальной недвижимости с удобным поиском объектов.
Задача: Спроектировать интерфейс платформы для поиска, просмотра и презентации объектов недвижимости потенциальным покупателям и инвесторам.
Решение: На основе брендбука и готовых прототипов проработали архитектуру ключевых сценариев, разработали две дизайн-концепции и выбрали подход, который сочетает имиджевую подачу премиальной недвижимости с удобным поиском объектов.
01
Brand book
Заказчик предоставил брендбук, который стал основой для разработки визуальной системы платформы.
На его основе определили принципы работы с цветом, типографикой, графикой и визуальной подачей объектов недвижимости.
На его основе определили принципы работы с цветом, типографикой, графикой и визуальной подачей объектов недвижимости.
02
Прототипы
заказчика
заказчика
У заказчика были прототипы страниц в виде каталога с поиском недвижимости, похожие на booking.com.
03
Дизайн
концепция
концепция
Разработали две дизайн-концепции с разным продуктовым акцентом:
- Первый вариант максимально следовал исходному ТЗ и делал приоритетом каталог и поиск недвижимости.;
- Второй вариант предложили со своей стороны — усилили эстетическую составляющую и разделили имиджевую подачу бренда и функциональный сценарий поиска.
Такой подход позволил отдельно решить две задачи продукта: сформировать впечатление о бренде и дать пользователю удобный инструмент для поиска объектов.
a)Вариант, максимально близкий к исходному ТЗ: каталог с приоритетом поиска и акцентом на визуальную презентацию объектов.
Основной сценарий здесь — быстро перейти к поиску и сравнению предложений.
Основной сценарий здесь — быстро перейти к поиску и сравнению предложений.
b)Наш вариант сделал главным первым впечатлением атмосферу бренда и премиальной недвижимости.
С первого экрана пользователь погружается в эстетику UrbanVista, а поиск и каталог становятся отдельным функциональным сценарием внутри платформы.
С первого экрана пользователь погружается в эстетику UrbanVista, а поиск и каталог становятся отдельным функциональным сценарием внутри платформы.
b) Проработали главную страницу и меню как основные точки навигации по платформе.
Главная страница отвечает за первое знакомство с брендом, а меню помогает быстро перейти к поиску и основным разделам продукта.
Главная страница отвечает за первое знакомство с брендом, а меню помогает быстро перейти к поиску и основным разделам продукта.
04
Desktop
Заказчик выбрал вариант b с акцентом на эстетику и стиль.
На основе выбранной концепции спроектировали интерфейс всей desktop-версии платформы, сохранив баланс между имиджевой подачей и функциональными сценариями поиска недвижимости.
На основе выбранной концепции спроектировали интерфейс всей desktop-версии платформы, сохранив баланс между имиджевой подачей и функциональными сценариями поиска недвижимости.
Подчеркнули эстетику стильной анимацией.
Поиск и просмотр варианта недвижимости.
05
Mobile
Адаптировали основные сценарии платформы под мобильные устройства, сохранив функциональность desktop-версии.
Переработали компоновку интерфейса и взаимодействия с учётом небольшого экрана, чтобы поиск и просмотр объектов оставались удобными независимо от устройства.
Переработали компоновку интерфейса и взаимодействия с учётом небольшого экрана, чтобы поиск и просмотр объектов оставались удобными независимо от устройства.
Предложили три вида навигации, поиска и доступа к меню.
Создали основу будущей дизайн-системы и подготовили UI-kit.
Систематизировали ключевые компоненты и визуальные правила интерфейса,
чтобы сохранить целостность продукта при дальнейшем развитии.
Передали заказчику готовые дизайн-макеты и описания для последующей разработки.
Систематизировали ключевые компоненты и визуальные правила интерфейса,
чтобы сохранить целостность продукта при дальнейшем развитии.
Передали заказчику готовые дизайн-макеты и описания для последующей разработки.
