Мы WEBSHOP — web-студия, которая разрабатывает продающие сайты с индивидуальным дизайном. Мы специализируемся на разработке сайтов для бизнеса разных направлений. И сегодня поделимся нашим кейсом для СЗ АНДОР.

Сайт, как digital инструмент, со временем требует обновлений. Основная проблема старого сайта заключалась в том, что он устарел, как визуально, так и с точки зрения пользовательского опыта.

И главное — сайт перестал отвечать новым более технологичным требованиям.

Мы решили не просто «обновить дизайн». Мы решили заново переосмыслить, что значит сайт застройщика в 2025 году. Сегодня сайт — это не цифровая визитка. Это сервис.

Погружаемся в контекст

Работу начали с брифинга, аудита, исследования и живого общения с компанией СЗ АНДОР.

Мы поняли три ключевые вещи:

1. Цель — не просто презентовать компанию с большой историей и построенными объектами, а помочь пользователю быстро и комфортно подобрать квартиру среди нескольких ЖК.
2. Основная боль — навигация и интерфейс, который усложняет поиск и выбор квартир.
3. Точка для роста — автоматизация процессов. Меньше ручного труда, Больше автоматизации (импорт/экспорт данных с CRM), а также настройка инструмента тонкого подбора квартир

Параллельно изучили конкурентов, провели пользовательское исследование, проанализировали метрики, составили понятную CJM. Это позволило нам создать обновленную концепцию будущего сайта, где будет удобно, интуитивно понятно и комфортно.

Разрабатываем дизайн, в который хочется вернуться

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

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

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

Мы отказались от традиционного подхода «давайте расскажем про миссию, ценности и историю компании на главной». Вместо этого — сосредоточились на том, зачем пользователь реально приходит.

Главная страница теперь работает как сервис по подбору жилья, а не как витрина. В центре — фильтр, который помогает за пару кликов найти подходящий ЖК по ключевым параметрам: от района до класса ЖК. Хотите увидеть где они находятся в ЖК? Все просто - удобное переключение на карту, если человеку важна география.

Навигация: доступ к нужному в два этапа, даже с мобильного

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

А ещё — переработали мобильную версию. Сейчас 70% пользователей заходят именно с телефона и навигация не должна напоминать старый PDF-каталог. Поэтому внедрили таббар — панель с закреплённым меню в нижней части экрана. Здесь можно выбрать проект, перейти к общему подбору квартир, избранное, сравнение. Теперь сайт не нужно изучать. Он интуитивен с первого взаимодействия.

 

Карточка ЖК

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

Что мы сделали:

Интерактивный генплан — как прогулка по ЖК. Теперь на генплане можно кликнуть на любой дом и сразу увидеть, что в нём доступно. Переключайтесь между видами, изучайте расположение паркингов, детских площадок и входов в подъезды — всё на одной удобной карте.

Внедрили просмотр 3D-планировок — теперь не нужно гадать, как разместить мебель и хватит ли света в спальне. Можно не только изучить планировку в деталях, но и сразу нажать «Подобрать» — система покажет все доступные квартиры с таким вариантом.

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

Каждая карточка сразу подсказывает — какие квартиры есть, сколько стоят, какие в продаже, а какие уже ушли.

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

Поиск квартиры без страданий

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

 

А чтобы не было ощущения, что вы покупаете квартиру «вслепую», мы внедрили шахматку, где видно, какие квартиры свободны, какие уже забронированы и где именно они расположены. Это визуально, понятно и просто удобно.

 

Каждая квартира — это не просто строчка в списке, а полноценная карточка, в которой есть:

• подробные характеристики и планировки,
• отделка (если есть),
• встроенный ипотечный калькулятор, который рассчитывает условия прямо на месте.

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

При этом, на странице есть кнопка «Сравнить» — для тех, кто хочет выбрать из понравившихся вариантов.

А как быть с парковками и коммерцией?

Мы сделали отдельную страницу подбора, где можно переключаться между машино-местами, сити-боксами и коммерческими объектами.

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

 

Ипотека, которая не заставляет уйти на другой сайт в поисках информации

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

Ход строительства

Если клиент платит за квартиру в строящемся доме, он хочет видеть, как продвигается процесс. Поэтому мы создали отдельный раздел «Ход строительства», который включает:

• фильтрацию по ЖК — для тех, кто следит за конкретным проектом,
• карточки домов, в которых вся история стройки разбита по годам и месяцам,
• переключение между фото- и видео-галереями в карточках — чтобы можно было буквально «походить» по объекту.

Это закрывает сразу две задачи: снимает тревожность у покупателей и помогает менеджерам не отвечать по сто раз на один и тот же вопрос.

Информационные страницы: не в нагрузку, а в помощь

Мы спроектировали ряд внутренних страниц, которые действительно нужны пользователю:

• о компании,
• сданные объекты,
• новости,
• акции,
• статьи и полезные материалы.

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

Админка, в которой не нужно быть IT-шником

Классика: сайт красивый, а внутрь без боли не зайти. Мы это исправили. Сделали простую и понятную CMS, в которой сотрудники заказчика могут:

• создавать и редактировать страницы, структуру сайта и блоки,
• менять текст и изображения,
• управлять пользователями и мета-тегами.

Чтобы всё работало ещё лучше, записали видеоинструкции по каждому модулю: от загрузки галерей до обновления шахматки.

Интеграция с «Домопланер»: всё синхронизировано

Чтобы не дублировать работу руками, настроили полноценную интеграцию с CRM «Домопланер»:

• новые объекты, квартиры, машиноместа и коммерция добавляются на сайт автоматически;
• все заявки и брони улетают в CRM без участия менеджера;
• актуальные цены, статусы и сроки обновляются без ручного редактирования.

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

Результат?

Мы запустили сайт с учетом всех правок, тестов и этапов согласования.

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

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