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

Дизайн

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

Цвета в дизайне используются контрастные, но мы решили уйти от стандартного сочетания жёлтый+чёрный и заменили чёрный цвет тёмно-синим.

Структура

Сайт строится на классических для порталов с недвижимостью блоках — Новостройки, Коттеджи, Застройщики, Ипотека, Акции и скидки, Новости, банки, а также разделах с полезной информацией для пользователей — Рейтинги ЖК, Видео обзоры, Интервью, Авторские подборки, Панорамы и аэросъёмка.

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

Реализованные возможности для пользователей

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

Блок со слайдером и поиском по жилым комплексам.
Рекламные блоки с функцией заказа звонка.
Подборки, сгруппированные по дате старта продаж и сроку сдачи, содержащие чёрный список долгостроев и популярные новостройки.
Отдельно мы предложили реализовать авторские подборки, например: новостройки с шикарным видом из окна или новостройки, где живут звёзды.

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

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

Карта жилых объектов

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

Страницы жилых комплексов

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

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

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

Функциональное, интеграционное, кроссбраузерное, REST и manual
Python, Django, Redis, MongoDB, celery
SSR, React.js, Next.js

Backend

Frontend

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

Django, PHP
React, Typescript, Node.js
Brand book, logo, Figma

Backend
Frontend
Design
Apollo GraphQL

Мы разработали 25+ страниц, собрали адаптив для планшетных и мобильных устройств

сбалансировали показатели сайта по глубине просмотров и времени нахождения пользователей на сайте

оптимизировали быстродействие всех элементов

создали глобальную хостинг-платформу laaS с автоматизированной гибридной облачной инфраструктурой

разработали брендбук портала, проработали адаптивный интерфейс

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

Design tech lead

Екатерина

Оставить заявку

Хотите такой же проект?