Кейс Artsofte Digital: разработали сайт застройщика, который легко масштабируется под новые проекты

Заказчик

Застройщик «Синица Девелопмент»

Задача

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

О клиенте и проекте

«Синица Девелопмент» — девелоперская компания из Екатеринбурга. Команда работает на рынке более 20 лет и развивает жилые проекты на разных стадиях реализации.

На момент обращения к нам компания выводила на рынок новый жилой комплекс комфорт-класса «Синица» в районе Уктус. Это проект, рассчитанный на несколько сегментов аудитории с разными ожиданиями от жилья:

• молодые семьи с детьми — для них важны инфраструктура и безопасная среда;
• студенты и молодые специалисты — ориентируются на доступную стоимость;
• жители района — рассматривают покупку как способ улучшить текущие жилищные условия.

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

Задача

Девелопер обратился к нам за разработкой сайта с нуля. Ранее мы уже работали с маркетологом компании Анастасией над другим проектом, поэтому она хорошо знала наш подход и снова выбрала нас для этой задачи.

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

Отдельное требование — возможность масштабирования. Клиент планировал использовать сайт как единую платформу для всех своих проектов, поэтому важно было заложить структуру, в которую можно добавлять новые объекты без привлечения разработчиков. Именно из этого требования клиент остановился на Tilda, так как она позволяет команде самостоятельно управлять контентом и поддерживать сайт в актуальном состоянии.

Визуально клиент ориентировался на лаконичность: минимализм, чистую структуру, достаточное количество воздуха между блоками и акцент на ключевых визуальных элементах.

Этот кейс — лишь часть нашей работы в digital-недвижимости. Ещё больше практических примеров, свежих инструментов и идей — в нашем Telegram-канале «Digital-маркетинг для недвижимости».

Подписывайтесь, мы с удовольствием делимся нашими кейсами.

Процесс разработки

1. Спроектировали структуру сайта с учётом пользовательских сценариев

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

В основу проектирования заложили путь пользователя от первого касания к целевому действию. Главную страницу сделали точкой входа: она направляет пользователя в основные разделы и помогает быстро перейти к выбору проекта или изучению условий покупки.

Структура сайта

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

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

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

На этапе проектирования сайта мы сосредоточились на разделах, которые напрямую поддерживают пользовательские сценарии и задачи продаж: странице о компании, странице ЖК, условиях покупки и контактах. Дополнительные разделы, такие как новости и тендеры, реализовали позже в рамках развития сайта.

Прототип сайта

2. Адаптировали структуру и контент под разные группы пользователей

В основу проектирования легла сегментация аудитории, которую предложил клиент: семьи с детьми, молодые покупатели (студенты и специалисты) и жители района. Мы перевели эти сегменты в пользовательские сценарии и определили, какая информация важна для каждой группы.

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

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

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

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

3. Разработали дизайн-концепцию в стиле бренда клиента

Мы разработали дизайн сайта на базе брендбука клиента и его референсов крупных застройщиков.

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

Цвета бренда застройщика

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

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

4. Подготовили контент и сверстали сайт

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

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

5. Передали сайт клиенту для дальнейшего развития

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

Комментарий специалиста

«Когда клиент приходит с готовым брендбуком, референсами и пониманием своей аудитории — это сразу задаёт темп работы и помогает быстрее перейти к решению задачи. С "Синицей Девелопмент" так и получилось: мы сразу сосредоточились на структуре сайта, сценариях пользователей и подготовке системы для будущих проектов.

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

Дмитрий Голомидов, руководитель отдела дизайна и разработки Artsofte Digital

Перейти на сайт