Green River: горизонтальный взгляд на вертикальную недвижимость

Время реализации

Задача

К нам обратился клиент, у которого было несколько форматов домов: комфорт-класса, бизнес-класса и премиум-класса. Нам нужно было качественно и красиво презентовать объекты на сайте, подчеркнув все ключевые особенности и создав запоминающийся паттерн проекта. Это первый и знаковый проект-премиум класса для Самары.

ЖК Green River - это новая архитектурная доминанта Самары и город будущего от Древо, одного из крупнейших девелоперов Самарской области.

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

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

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

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

3 месяца

Особенности проекта

Сайт в горизонтальной ориентации

1.

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

Чтобы подчеркнуть эксклюзивность и статусность объектов премиум-класса и бизнес-класса, мы интегрировали вертикальную ориентацию страниц для этих разделов, создавая динамичный и визуально привлекательный пользовательский опыт.

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

Стилистическое различие шапки профиля

2.

Скрытый футер

3.

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

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

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

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

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

Функциональный механизм для работы с рендерами

4.

Удобный поиск квартиры

5.

В визуальном выборе реализован удобный многоступенчатый выбор квартиры. Наша главная цель - сделать этот процесс максимально удобным и понятным для пользователя. В поиске по параметрам была учтена фильтрация и сортировка по ключевым данным.

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

Адаптация под другие устройства

6.

Имидж

1.

Сформировав дизайн-систему из функциональных и информационных блоков, мы смогли предложить уникальный дизайн всех страниц в структуре сайта с полной адаптацией под мобильные и планшетные устройства. Учитывая тот факт, что 70% трафика в недвижимости приходится на мобильные устройства, некоторые ключевые разделы были разработаны по принципу mobile-first.

При создании сайта перед нами стояла задача не только разработать визуально привлекательную площадку, но и эффективно транслировать имидж престижного жилого комплекса.

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

Что ещё было важно?

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

Мы реализовали интерактивный формат карты на главной странице, позволяющий пользователям увидеть объекты инфраструктуры, которые находятся вблизи от комплекса.

Такая наглядная демонстрация помогает потенциальным покупателям оценить все преимущества местоположения и гораздо быстрее принять решение о покупке.

Информативность

2.

Минималистичный дизайн

3.

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

При этом ключевой задачей было сохранение минималистичного и интуитивно понятного дизайна, чтобы занятые потенциальные покупатели, интересующиеся объектами комфорт-класса, могли максимально быстро и эффективно получать всю необходимую информацию.

Перед началом разработки дизайна команда клиента обновила брендбук и мы создали подробные прототипы всех страниц, что позволило нам четко определить структуру и функциональность сайта.

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

В результате у нас получилось создать продающее решение, а клиент остался доволен.

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

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

Основная концепция сайта заключалась в последовательном формировании ценности жилого комплекса в глазах потенциальных покупателей.

Последовательное формирование ценности

4.

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

Важно было предоставить максимум информации представителям бизнес-класса (брокерам, личным помощникам по поискам квартиры, агентства недвижимости и т.д.).

Хотите работать с нами?

Оставьте заявку, и мы свяжемся с вами, чтобы обсудить проект

Кузин Михаил

Директор по развитию