KvartAll — портал о недвижимости

Адрес: kvll.ru

Уникальность сайта

«Кварталл» — это не только информационный портал, но и сайт объявлений с довольно сложным функционалом, превосходящим большинство существующих аналогов.
Основой для разработки послужила не CMS или готовое решение;
сайт со всеми «внутренностями» создан вручную на 70% и лишь отчасти мы использовали фреймворк Yii2.

Например база данных «КЛАДР» используется одновременно в 2х вариациях:
первая — официальная — с глобальным периодическим обновлением.
вторая — доработана нами — с некоторыми корректировками уже существующих адресов, с дополнительным разделением на районы, а так же уточнением пригородов.

Обе версии не входят в конфликт, но вторая — имеет приоритетный статус, который делает сайт уникальным.
Поскольку ни на одной доске объявлений, включая avito или irr — нет настолько точной картографической системы.

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

Конечно отметим, что в первую очередь: сайт создан города Краснодар, и на старте имеет практически исчерпывающую информацию о местной недвижимости.
Однако была заложена база для взаимодействия со всей территорией РФ, которую уже сейчас могут использовать пользователи.
Аналогично подразумеваются и региональные корректировки «КЛАДР» в рамках сайта, но уже во всероссийском формате.

Дизайн и функционал

Общие установки и Главная страница

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

Фирменные цвета: Сине-серый и Ярко-оранжевый — в меру присутствуют на каждой странице, не ограничиваясь «общими» элементами.
В остальном — выдержанна довольно светлая палитра, позволяющая в привычном режиме изучать обширную текстовую информацию.

Скрин-лист главной страницы на различных устройствах
КЛИК ДЛЯ УВЕЛИЧЕНИЯ

Страница новостройки

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

По стандарту мы оставили такие классические элементы, как: рейтинг, галерея и блок текстового описания.

Верхняя часть страницы новостройки

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

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

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

Нижняя часть страницы новостройки
Процесс чтения документа

Система поиска

Мы предусмотрели поиск по огромному ряду критериев. Сама таблица поиска — меняет параметры, в зависимости от раздела и опций этого раздела.
Например: мы получим одну таблицу характеристик будучи в разделе объявлений. Вариации её опций в свою очередь будут зависеть от комбинации параметров куплю\продам\сниму\сдам наложенных на тип объекта.
И мы получим совершенно другую таблицу в разделе новостроек, имеющую аналогичную генерацию характеристик.

Вид таблицы поиска

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

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

Вид поиска по карте

Новостной раздел

В рамках информационного портала — созданы разделы для статей и новостей, с выводом информеров на главную страницу.

Раздел новостей

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

Просмотр полной статьи
Оставленный комментарий и форма ввода

Личный кабинет

Естественно для заказа услуг и прочих взаимодействий — необходима регистрация.
Однако пользователи делятся на 4 группы:
Частное лицо — для подачи обычных объявлений.
Застройщик — для создания страницы новостройки.
А так же Независимый Риэлтор и Сотрудник агентства недвижимости — о которых мы расскажем чуть позже.

Каждый тип пользователя — будет иметь несколько измененный вид личного кабинета, с доступом к более узконаправленному функционалу или к оплате расширенного перечня услуг.
Например Застройщик — может администрировать страницу новостройки, а Сотрудник агентства недвижимости — может быть его владельцем, с возможностью увольнять и принимать Риэлторов.

Личный кабинет пользователя

Благодарность за регистрацию, представлена не в виде набора текста, а в виде вкладыше — созданного через разметку.

Оповещение и регистрации

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

Процесс добавления объявления

Организации

Риэлторы, Застройщики и Агентства недвижимости — могут присутствовать на сайте в публичном виде.

Как это работает?
Застройщик — имеет страницу Строительной компании, которая объединяет в себе все принадлежащие ему новостройки, а те в свою очередь — содержат прилегающие к ним объявления.
На страницей компании — можно увидеть адреса, объекты и рейтинг.

Агентства недвижимости — работают по схожему сценарию.
Они так же имеют публичную страницу, но та включает в себя объявления своих сотрудников (Риэлторов), а так же ссылки на их профили. Как уже описывалось в разделе Личного кабинет — у такой организации есть владелец, способный его администрировать.

На обоих типах страниц — присутствует возможность написать отзыв или задать публичный вопрос.

Сам Риэлтор — может работать единолично, присутствуя лишь в соответствующем разделе, либо действовать под эгидой компании.
Любой пользователь может обратиться к данному лицу через личные сообщения или публично — на его странице.

Раздел агентств недвижимости
Страница представителя АН

Административная панель

Для состава администраторов — создана панель, позволяющая управлять всеми аспектами сайта.
Она не только позволяет редактировать\удалять\добавлять любой описанный выше элемент.

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

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

«Слежка» распространяется и на администраторов второго уровня.
Так же имеющих доступ в панель, но не ко всем элементам.
Лог действий — могут увидеть только администраторы с соответствующими правами.

Для примерного понимания объема технического бекграунда — рекомендуем ознакомиться со скриншотом ниже.

Панель управления администратора

Монетизация портала

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

Мы интегрировали систему оплаты «Robokassa», которая автоматически взаимодействует с сайтом, при заказе услуг.

Выбор услуги для оплаты

Послесловие

Мы не описывали типовых и распространенных вещей, вроде: страницы самого объявления, процесса переписки в личных сообщениях или на публичных страницах, процесса регистрации, оплаты и т.д.
Подобное — в случае kvll — конечно имеет уникальный внешний вид, но не имеет ничего технически-уникального на фоне стандартных решений.

Задача кейса — показать именно уникальную сторону проекта.
Для понимания не затронутых нюансов — посетите сайт самолично.

Web Architect