Тендеры и лиды
Информация
Паритет Девелопмент
Строительство и ремонт
Россия
Корпоративный сайт
Январь 2026
Cedro — диджитал-студия, которая специализируется на разработке сайтов для застройщиков и компаний в сфере недвижимости. В этом кейсе рассказываем, как разработали сайт для тюменского застройщика Паритет: спроектировали структуру с нуля, собрали каталог с быстрыми фильтрами, квиз для лидогенерации, генплан с 3D-туром и интеграцию с Profitbase. Использовали атомарную систему в дизайне — когда у клиента кардинально сменился брендинг, редизайн обошёлся в ноль рублей. Клиент ожидает окупаемость сайта через 7 месяцев после запуска.
Паритет — это тюменский застройщик. В 2024 мы уже работали над их сайтом, потом на стороне клиента случились пертурбации: часть команды отделилась и ушла делать другую компанию — Люди. Прежний сайт достался им. В 2025 Паритет снова пришёл к нам, чтобы довести дело до конца и таки разработать уже свой сайт — с другими смыслами, дизайном, уровнем погружения в детали и с учётом новой целевой аудитории. И мы стартовали работы с нуля — с анализа рынка и проектирования.
Начали с брифинга: собрали вводные, договорились о целях и ограничениях. Потом разобрали конкурентов в Тюмени, чтобы понять, где всё как у всех, а где можно выделиться. Отдельно посмотрели сильные примеры на рынке и собрали подборку решений, которые можно адаптировать под задачу.
Дальше упаковали всё в блок-схему: какие страницы нужны, в каком порядке человек по ним идёт и где принимает ключевые решения. На этой основе сделали подробные прототипы.
Взяли за основу классические рабочие вещи вроде визуального и параметрического выборщика, быстрых фильтров или генплана. И усилили их подробными страницами проектов, которые фактурно подсвечивают преимущества: паркинг, зелёное окружение, отделки и другое.
А ещё заложили при проектировании нестандартный инструмент подбора — квиз. Он формирует предложение исходя из ответов пользователя.
Прежде чем рисовать макеты, мы сначала договариваемся с клиентом о визуальном языке. Лучше разойтись во вкусах на мудборде, чем после двух недель работы над дизайн-концепцией.
На этапе мудбордов выбрали три направления.
Строгие линии, массивные блоки, грубые текстуры и контрастная палитра. Визуальный язык опирается на контраст: брутальная типографика и акцентные элементы сочетаются с чистыми сетками, нейтральным пространством и умеренной анимацией.
В визуале — атмосферные уютные фото людей, спокойная типографика и много воздуха. Этот вариант клиент и выбрал.
Простой, понятный интерфейс, который не напрягает пользователя и помогает легко навигироваться по сайту.
Итоговый вариант — середина между сервисностью и уютным контентом. Универсальный и спокойный стиль: уходим от сухой презентации цифр и создаём эффект присутствия через уютный визуальный нарратив — показываем закрытый двор, игровые площадки и зоны для отдыха. Ориентируемся на потенциальную целевую аудиторию — молодые семьи с детьми.
Акценты: ритм, который задают блоки разного масштаба, и контрастные элементы вроде кнопок и баннеров. Кроме классических рендеров использовали генеративный визуал — для атмосферных фото и абстрактных 3D-иллюстраций, например на странице «О компании».
Пользователь видит каталог с минимальным набором фильтров уже на втором экране главной страницы. Оттуда он проваливается на страницу всех объектов.
База каталога — классические паттерны сайтов недвижимости, которые мы дополнили быстрыми фильтрами с популярными запросами: «с террасой», «с двумя санузлами», «2-комн. квартиры» и другое.
С возможностью поделиться подборкой по ссылке, отфильтровать по типу недвижимости и отсортировать по цене и площади.
Решение бюджетное, но закрывает сразу несколько задач: брокеры могут удобно формировать предложение для покупателей, а покупатели — формировать подборки из интересующих объектов, чтобы предметно общаться с отделом продаж.
Добавили план в векторе, чтобы пользователь мог оценить метражи и положение объекта относительно сторон света. А ещё реализовали 3D-тур, который позволяет представить, как помещение может выглядеть с отделкой и мебелью. Здесь же можно выбрать отделку и рассчитать цену с её учётом, добавить объект в избранное и заказать звонок.
Пользователь отвечает на вопросы — например про метраж или желаемый срок заселения. Система фильтрует предложения исходя из ответов и формирует подборку. После каждого ответа пользователь видит, сколько предложений отфильтровалось. Доступ к финальной подборке — только по номеру телефона: так квиз становится инструментом лидогенерации.
Квиз вызывается из разных точек сайта: баннер на главной, между карточками в каталоге, страница проекта — везде, где пользователю потенциально понадобится помощь с подбором.
Сложность в реализации: важно было синхронизировать вопросы с фильтрацией на сайте. Например, заменить вопрос о годе сдачи на год + квартал.
Здесь компания будет публиковать новости и специальные предложения. Конструктор материала универсальный и подойдёт для любого типа контента.
Два варианта визуализации: генплан и 3D-тур. При клике на пины на генплане пользователь видит количество свободных объектов и цены. На 3D-туре — приближает локации, чтобы изучить детали.
Настроили интеграцию с Яндекс Картами и сделали фильтрацию по типу инфраструктуры: школы, больницы, транспорт и другое.
Например, заказ такси до офиса прямо со страницы контактов. Функционал не необходимый, но улучшает пользовательский опыт и удовлетворённость от работы с сайтом.
Контент на страницах проектов — тексты, в том числе SEO, и визуал — редактируется из админки. Её мы реализовали на базе October CMS: это было пожелание клиента. October CMS и её плагин для каталога Shopaholic — не самые дружелюбные инструменты в плане кода, пришлось посидеть над документацией и пораскапывать исходный код. Зато с точки зрения работы с админкой всё хорошо: добавлять объекты можно без специальных знаний и помощи подрядчика.
У Паритета две версии сайта: для Тюмени и для Екатеринбурга. В админке разделение реализовано максимально просто: пользователь добавляет новые проекты в одном и том же месте, а чтобы информация отобразилась в нужной версии — прописывает нужную локацию в поле «город». Если один раз указать эту характеристику для проекта — все квартиры внутри автоматически привяжутся к нужному городу.
Из Profitbase на сайт падает информация об объектах — характеристики и параметры. Чтобы не блокировать фронтенд в момент обновления данных, настроили фоновый импорт по расписанию или при ручном запуске.
Атомарная система — это подход, когда дизайнер изначально создаёт модульные, повторяющиеся компоненты и на их основе собирает блоки и страницы. В основе — принцип как в химии: атомы (минимальные элементы в интерфейсе) объединяются в молекулы (экраны, блоки и страницы).
Мы изначально проработали все разрешения, состояния экранов и поведение элементов. Никакого хаоса в фигме, случайных цветов и шрифтов. Всё систематизировано, разбито на компоненты и стили.
К концу проекта у клиента появился финальный брендинг — и он сильно отличался от того, что мы ожидали. Вместо ненавязчивого сервисного интерфейса и уютного визуала — акцентный красный, характерные шрифты и немного даже агрессивно-модные сгенерированные изображения. Что-то между стилем МТС и советским авангардом, который мы предлагали в одном из вариантов мудбордов.
В итоге мы просто взяли макеты на основе атомарной системы и накатили на них новый брендинг. Да, изображения в новой стилистике меняли вручную, но если они повторялись в нескольких местах на сайте — картинка обновлялась сразу везде.
Результат: вряд ли бы кто-то понял, что изначально в основе дизайна был совсем другой брендинг. Новый встроился идеально — ни одного лишнего пикселя двигать не пришлось.
На старте оформление стилей и компонентов занимает больше времени, чем бессистемный дизайн. Зато потом на обработку правок уходит до 5 раз меньше времени. Если какой-то элемент в интерфейсе поменяется — его не придётся править на каждом макете отдельно: достаточно отредактировать родительский компонент, и в остальных местах элемент изменится автоматически.
Или вообще равен нулю. При ручных правках нельзя не учитывать человеческий фактор. В случае с атомарной системой дизайнер не проглядит неактуальную кнопку или форму.
Макеты новых страниц не придётся создавать с нуля. Даже без интуитивно понятной админки дизайнер возьмёт за основу преднастроенные стили и компоненты — и в разы быстрее соберёт новый лендинг.
Промостраницы отличаются от корпоративных: большая визуальная выразительность, нестандартные контентные блоки. Но базовые элементы интерфейса можно заимствовать из дизайн-системы сайта, а не создавать с нуля.
Даже если поддерживать сайт будет другая команда или инхаус-дизайнер — ему не придётся разбираться в чужой запутанной системе. Атомарность — это общий язык дизайна.
Проработка стилей, состояний и компонентов, а как результат UI-kit — сильно упрощают и ускоряют разработку. Дизайнерам и разработчикам необязательно быть в тесной коммуникации: с атомарной системой прозрачно понятно, как переносить макеты в код.
Работа над дизайном — это не только этап в разработке сайта. Это самостоятельный артефакт, который можно использовать для масштабирования и создания ещё одного сайта.
Глеб Орехов
менеджер продукта в Паритет
Как руководитель проекта, я вижу, что основные метрики сайта растут с каждым месяцем. Есть обращения и продажи. Предполагаю, что сайт окупит себя в сентябре — то есть через 7 месяцев после запуска. В будущем продолжим работу с Cedro: будем дальше развивать сайт и добавлять новый функционал.
Карта «Энергия». Газтрансбанк | Айдентика
Поддержка кампании по собственному производству автомобилей Toyota Fortuner в Казахстане
