Для функционирования сайта мы собираем cookie, данные об IP-адресе и местоположении пользователей. Оставаясь на сайте, вы соглашаетесь со сбором и обработкой данных.
Хорошо
Новые кейсы, обзоры digital-инструментов, приглашения на вебинары!
Подпишитесь на нас в Telegram, чтобы ничего не пропустить. Пишем только о тех инструментах, что протестировали на своих проектах.

РАЗРАБОТКА ЛЕНДИНГА ЖК ЗА 30 ДНЕЙ

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

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

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

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

О проекте

Проект «Новая Тверская» — третий проект от нашего клиента из Ижевска.

Ранее мы уже разрабатывали сайт (для коммерческой недвижимости), а также запускали рекламную кампанию для ЖК комфорт-класса и уже 5-й год реализуем продвижение в интернете.
ЖК «Новая Тверская» — это два дома стандарт-класса, которые расположились в западной части Ижевска, в центральном микрорайоне. Это уже сложившийся район, в котором живут люди предпенсионного и пенсионного возраста.

Триггером к покупке квартиры в этом районе должно служить желание улучшить условия жилья в этом же районе. Поэтому основным сегментом целевой аудитории, на которую ориентировался застройщик, были люди 45+.

Также в ЦА попадали молодые люди и небольшие семьи.

Жилой комплекс имеет ряд преимуществ для своей ЦА:

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

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

Проблема и задача

У клиента начинался старт продаж, и ему нужно было запускать рекламу как можно скорее.

Как правильно подготовиться к старту продаж квартир ЖК и ничего не забыть? — читайте в нашей статье «Запуск маркетинга и продаж нового ЖК или дома».

Поэтому перед нами встала задача разработать лендинг с каталогом для жилого комплекса за 30 дней.

Клиент хотел получить сайт простой и понятный для старшего поколения, так как эта аудитория была ядром ЦА.

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

Решение

Мы предложили клиенту разработку лендинга на платформе Tilda.
Почему Tilda?

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

Что сделали

1 этап. Разработка заглушки

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


На заглушке разместили следующие элементы
1
Контент: информация о старте продаж, название ЖК, адрес и срок сдачи — все то, что будет являться триггером к «узнать подробнее». В качестве изображения использовали рендер, который клиент использовал в оффлайн рекламе.
2
Открытая форма заявки, чтобы пользователь мог оставить свои контакты для связи с отделом продаж.
3
Номер телефона и кнопка заказа звонка. Для тех, кто любит звонить сам, а не оставлять заявку, мы предусмотрели кликабельный номер телефона.
Это основной набор информации для сайта-заглушки.

2 этап. Разработка лендинга

Параллельно мы разрабатывали полноценный лендинг.

Сначала мы с клиентом утвердили план работ.

Roadmap — дорожная карта проекта. В ней мы обозначаем длительность всех этапов за определенный срок
Разработка сайта лендинга для ЖК

Road map проекта разработки лендинга и заглушки

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

1 шаг. Прототип

После согласования технического задания мы приступили к разработке прототипа.

К этому времени у клиента появился согласованный брендбук. Его мы использовали для разработки цветовых акцентов.

На этапе прототипа мы частично прорисовали визуализацию: показали, какие будут кнопки и планировки. В будущем это сократит нам время на этапе дизайна.
Пока мы разрабатывали прототип, клиент готовил тексты на основе наших «рыбных» вставок (это были места на сайте для 2−3 предложений в 3 строки).

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

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

2 шаг. Дизайн

К началу этого этапа у нас появились 4 рендера дома.
Также мы:

  • нашли качественные стоковые визуалы;
  • кастомизировали стандартные иконки;
  • разработали иллюстрации и мокапы.

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

3 шаг. Верстка и каталог Profitbase

Следующим этапом в работе стала верстка.

При разработке сайта мы использовали нестандартные блоки. Для этого отрисовали дизайн в Figma и заверстали его на Tilda.

Параллельно мы интегрировали в сайт каталог Profitbase:
создали шахматку ЖК, наполнили проект планировками, заполнили контакты, рендеры, подобрали дизайн, соответствующий лендинг, настроили функциональные элементы — кнопки.

После этого сформировали скрипт для установки виджета и ссылки на кнопку каталога.

4 шаг. Разработка ипотечного калькулятора

Клиент хотел внедрить в сайт калькулятор ипотеки по примеру готового решения calcus.ru.

Но в итоге мы решили отказаться от него по нескольким причинам:

  1. дизайн готового решения нельзя было адаптировать под дизайн нашего сайта;
  2. при его использовании на странице появлялась ссылка на сайт calcus.ru, и убрать ее было нельзя.
Поэтому мы решили создать свой калькулятор.

Дизайнер его отрисовал, а программист реализовал.
Когда мы заканчивали верстку, у клиента появились визуалы МОПов, колясочных, кладовых, отделки квартир. Все эти визуалы заполнили «пробелы» в выделенных местах и в галерее.

Итоги

2 рабочих инструмента
заглушка и промо-лендинг
1,5 месяца
от ТЗ до релиза
каталог Profitbase и настройка amoCRM
2 интеграции
Разработка кода ипотечного калькулятора
1 код
потрачено на разработку
14 рабочих дней
Смотреть лендинг ЖК «Новая Тверская»

Отзыв клиента

«Оправданное доверие» — так можно охарактеризовать работу с командой Artsofte Digital.

Коллеги внесли большой вклад в в формирование и продвижение брендов «Новая Тверская» и «Ривьера Парк».

Совместно с ними мы успешно создали несколько лендингов, а также ежемесячно занимаемся продвижением наших ЖК.
Валерия Иванова, руководитель отдела маркетинга и рекламы Регион-Инвест
команда

Над проектом работают

Менеджер проектов
Ксения Степанова
Руководитель отдела разработки
Мария Яковлева
Хотите заказать разработку продающего сайта?
Оставьте заявку, и вы получите консультацию наших специалистов и подробное предложение

Наши проекты

г. Екатеринбург
Лендинг для ЖК комфорт-класса
г. Новосибирск
Лендинг для ЖК комфорт-класса
г. Екатеринбург
Лендинг для дома бизнес-класса
г. Геленджик
Лендинг поселка премиум-класса
г. Новосибирск
Разработка заглушки с формой обратной связи
г. Новосибирск
Разработка заглушки с формой обратной связи
г. Москва
Разработка заглушки с формой регистрации