Разработка информационного портала о новостройках Москвы и Санкт-Петербурга
Real Estate
Classified
Classified
Design
Frontend
Backend
Frontend
Backend
Новостроев
2016-2018
Премия «Золотой сайт»
Главное о проекте
Новостроев — портал о новостройках с актуальной и подробной базой жилых комплексов Москвы, Подмосковья и Санкт-Петербурга.
Задача
Проект заходил к нам в два этапа. Первой целью заказчика была победа в конкурсе «Золотой сайт». После этого наша команда занялась выполнением задач по увеличению глубины просмотров и времени нахождения пользователей на сайте.
Дизайн
В основе дизайна — контрастные цвета, читаемые шрифты и чёткая структура блоков.
В первую очередь мы разработали логотип. Заказчик просил использовать элемент каски, но хотел добавить немного больше атрибутов «профессионализма», показать экспертность. Поэтому мы добавили под каску очки. Знак также используется как ачивка, подтверждающая оценку жилого комплекса порталом.
Цвета в дизайне используются контрастные, но мы решили уйти от стандартного сочетания жёлтый+чёрный и заменили чёрный цвет тёмно-синим.
В первую очередь мы разработали логотип. Заказчик просил использовать элемент каски, но хотел добавить немного больше атрибутов «профессионализма», показать экспертность. Поэтому мы добавили под каску очки. Знак также используется как ачивка, подтверждающая оценку жилого комплекса порталом.
Цвета в дизайне используются контрастные, но мы решили уйти от стандартного сочетания жёлтый+чёрный и заменили чёрный цвет тёмно-синим.
Структура
Сайт строится на классических для порталов с недвижимостью блоках — Новостройки, Коттеджи, Застройщики, Ипотека, Акции и скидки, Новости, банки, а также разделах с полезной информацией для пользователей — Рейтинги ЖК, Видео обзоры, Интервью, Авторские подборки, Панорамы и аэросъёмка.
Структура собрана по классической 12-колоночной сетке, а блоки сгруппированы по типам контента для лучшего ориентирования.
Структура собрана по классической 12-колоночной сетке, а блоки сгруппированы по типам контента для лучшего ориентирования.
- Блок со слайдером и поиском по жилым комплексам.
- Рекламные блоки с функцией заказа звонка.
- Подборки, сгруппированные по дате старта продаж и сроку сдачи, содержащие чёрный список долгостроев и популярные новостройки.
- Отдельно мы предложили реализовать авторские подборки, например: новостройки с шикарным видом из окна или новостройки, где живут звёзды.
Главная страница сайта
Реализованные возможности для пользователей
Каталог новостроек
Поиск жилья реализован через удобный каталог с фильтрами, сортировкой и различными видами отображения новостроек: списком, плиткой, на карте. Из списка пользователь сразу может ознакомиться с основной информацией: расположение, срок ввода, минимальная квадратура на количество комнат и цены на квартиры.
Карта жилых объектов
Мы реализовали полноэкранный просмотр новостроек на карте, с фильтрами в левой части экрана. На карте пользователь может включить отображение промышленных зон, предприятий и свалок, чтобы уберечь себя от неприятного соседства. Также возможна функция отрисовки области поиска вручную.
- Изучить местоположение и инфраструктуру.
- Отследить ход строительства.
- Ознакомиться с предложениями по квартирам и сравнить цены.
- Посмотреть фотографии, видеообзоры, панораму и аэросъёмку ЖК.
- Узнать о присвоенных наградах и позициях в рейтингах ЖК.
- Получить полноценный обзор по основным характеристикам от корреспондента портала.
- Прочитать отзывы других пользователей и оставить свой.
- Быть в курсе новостей ЖК, застройщика и рынка недвижимости своего региона.
Страницы жилых комплексов
Потенциальный покупатель может получить комплексную информацию о каждом ЖК из функциональных и нефункциональных блоков.
Команда и технологии
QA
Функциональное, интеграционное, кроссбраузерное, REST и manual
Python, Django, Redis, MongoDB, celery
SSR, React.js, Next.js
Python, Django, Redis, MongoDB, celery
SSR, React.js, Next.js
Frontend
Backend
Backend
Frontend
Design
Apollo GraphQL
Frontend
Design
Apollo GraphQL
Django, PHP
React, Typescript, Node.js
Brand book, logo, Figma
React, Typescript, Node.js
Brand book, logo, Figma
Команда и технологии
04
сбалансировали показатели сайта по глубине просмотров и времени нахождения пользователей на сайте
оптимизировали быстродействие всех элементов
03
02
создали глобальную хостинг-платформу laaS с автоматизированной гибридной облачной инфраструктурой
01
разработали брендбук портала, проработали адаптивный интерфейс
Мы разработали 25+ страниц, собрали адаптив для планшетных и мобильных устройств
Екатерина
Design tech lead
Этот проект — яркий пример того, когда клиент точно знает, чего хочет, вплоть до мелочей. Результатом нашей совместной работы стала победа в конкурсе Золотой сайт — 2016 и «живой» портал, которым пользуются и в 2023 году.
Хотите такой же проект?