Кейс

Разработка сайта для ЖК "Цветной бульвар"

Кейс также опубликован
на профильных ресурсах

magazine
pinterest
workspace
behance
01

Коротко о проекте

02

Главная страница

Главная страница выстроена как презентация проекта в эко-стилистике: светлая база в сочетании с природными оттенками и тёплый оранжевый акцент, строгая графитовая типографика и аккуратные фирменные паттерны. Для усиления айдентики мы разработали кастомные кнопки: за основу взяли лепесток из логотипа и превратили его в узнаваемый UI-элемент. 

Структура ведёт по воронке — преимущества проекта, крупные рендеры, интерактивные метки, карта инфраструктуры, блок с вариантами планировок, динамика строительства и финальная форма заявки.

03

Каталог квартир

Фильтр подбора недвижимости работает синхронно: при изменении параметров выдача обновляется сразу. Он разделён на основные и дополнительные фильтры. В верхней части можно выбрать тип объекта — квартиры и кладовые; также предусмотрены заделы под будущие типы недвижимости (машиноместа, коммерция). Отдельно разработан фирменный свитч "VIP-квартиры", который мгновенно отфильтровывает предложения этого сегмента. Результаты доступны в трёх режимах: плитка, "шахматка" и группировка по типам планировок.

04

Детальная страница квартиры

Детальная страница помещения собирает всю ключевую информацию в одном экране: планировку с разными режимами отображения, название, стоимость, цену за м², площади по зонам и атрибуты. Дополнительно предусмотрен мини-блок расчёта ежемесячного платежа по ипотеке — он автоматически считает ориентировочную сумму по цене объекта. Блок карточек комплектации показывает, в каком виде будет передаваться квартира при сдаче.

05

Визуальный выбор

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

06

Покупателям

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

07

Новости

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

08

О застройщике

Страница включает блок с историей застройщика и карту с контактами офиса продаж.

09

Контакты

Стандартная страница с контактной информацией компании.

Проведем
консультацию

  • Ответим
    на вопросы
  • Учтем персональные
    пожелания
  • Расскажем о
    процессе работы
  • Предложим варианты
    реализации

Похожая задача?

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