Новостроев

Портал о новостройках Москвы и Петербурга с каталогом и картой ЖК

Новостроев — портал с подробной базой жилых комплексов Москвы, Подмосковья и Санкт-Петербурга. Мы сделали брендбук, дизайн, фронтенд и бэкенд портала.

Девелопмент
Дизайн
Разработка
2016–2018

25+страниц с адаптивом под планшеты и смартфоны

Победа в конкурсе «Золотой сайт — 2016»
Портал работал и в 2023 году

задача

Проект пришёл в два этапа: сначала заказчик хотел победить в конкурсе «Золотой сайт», затем — увеличить глубину просмотров и время, которое пользователи проводят на сайте.

Логотип и брендбук — каска с очками, знак работает и как значок для оценки ЖК
Структура портала — на 12-колоночной сетке: новостройки, коттеджи, застройщики, ипотека, рейтинги ЖК
Каталог и карта — каталог новостроек с фильтрами, сортировкой и показом списком, плиткой и на карте. Отдельно — полноэкранная карта со слоем промзон и свалок и ручной отрисовкой области поиска
Страницы ЖК — ход строительства, цены, фото, панорамы, аэросъёмка, рейтинги и отзывы
Хостинг-платформа IaaS — с автоматизированной гибридной облачной инфраструктурой
Скорость — ускорили работу всех элементов и выровняли глубину просмотров и время на сайте

подробности

Как устроен проект

Дизайн

В основе дизайна — контрастные цвета, читаемые шрифты и чёткая структура блоков.

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

Структура портала

Структура собрана по классической 12-колоночной сетке, а блоки сгруппированы по типам контента, чтобы в них было проще ориентироваться.

Основные разделыклассические для портала о недвижимости: новостройки, коттеджи, застройщики, ипотека, акции и скидки, новости, банки
Полезная информациярейтинги ЖК, видеообзоры, интервью, авторские подборки, панорамы и аэросъёмка

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

Слайдер с поиском по жилым комплексам
Рекламные блоки с заказом звонка
Подборки по дате старта продаж и сроку сдачи, среди них — чёрный список долгостроев и популярные новостройки
Авторские подборки, которые мы предложили отдельно: например, новостройки с шикарным видом из окна или новостройки, где живут звёзды

Каталог и карта новостроек

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

Страница жилого комплекса

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

Местоположение и инфраструктура
Ход строительства
Предложения по квартирам и сравнение цен
Фотографии, видеообзоры, панорама и аэросъёмка комплекса
Награды и позиции в рейтингах ЖК
Обзор основных характеристик от корреспондента портала
Отзывы других пользователей и возможность оставить свой
Новости ЖК, застройщика и рынка недвижимости своего региона

Команда и технологии

Дизайнбрендбук, логотип, Figma
ФронтендReact, TypeScript, Next.js, SSR, Node.js
БэкендPython, Django, PHP, Redis, MongoDB, Celery
Тестированиефункциональное, интеграционное, кроссбраузерное, ручное, а также тестирование REST

команда

Комментарии команды

Этот проект — яркий пример того, когда клиент точно знает, чего хочет, вплоть до мелочей. Результатом нашей совместной работы стала победа в конкурсе «Золотой сайт — 2016» и «живой» портал, которым пользуются и в 2023 году.