Заказать звонок
Оставьте свои контактные данные, а мы свяжемся с вами.
Заказать аудит
Оставьте свои контактные данные, а мы свяжемся с вами.
Получайте приглашения на вебинары
Для функционирования сайта мы собираем cookie, данные об IP-адресе и местоположении пользователей. Оставаясь на сайте, вы соглашаетесь со сбором и обработкой данных.
Хорошо
Новые кейсы, обзоры digital-инструментов, приглашения на вебинары!
Подпишитесь на нас в Telegram, чтобы ничего не пропустить. Пишем только о тех инструментах, что протестировали на своих проектах.
Подписаться в Telegram
Подписаться в Telegram
Новые кейсы, обзоры digital-инструментов, приглашения на вебинары!
Подпишитесь на нас в Telegram, чтобы ничего не пропустить. Пишем только о тех инструментах, что протестировали на своих проектах.
РАЗРАБОТКА ЛЕНДИНГА ЖК ЗА 30 ДНЕЙ
РАЗРАБОТКА ЛЕНДИНГА ЖК ЗА 30 ДНЕЙ
Как подступиться к разработке сайта, если рекламные материалы еще не готовы?
Мария Моршинина
Руководитель отдела разработки
Сейчас многие маркетологи оттягивают разработку сайта до того момента, как у них появятся все материалы: рендеры, планировки, фотографии, тексты.
Но, как показывает наш опыт, даже при отсутствии всех материалов можно начать разработку лендинга: искать референсы, разрабатывать техническое задание, прототипы. К тому времени, как у маркетолога появятся все материалы, у нас уже будут качественные наработки для создания сайта. Это сократит время на его разработку до 2-3 недель. А пока ведутся работы над основным сайтом, можно реализовать и внедрить заглушку с основной информацией для потенциальных покупателей.
На примере этого кейса, мы хотим рассказать про этапы и процесс разработки такого сайта.
Но, как показывает наш опыт, даже при отсутствии всех материалов можно начать разработку лендинга: искать референсы, разрабатывать техническое задание, прототипы. К тому времени, как у маркетолога появятся все материалы, у нас уже будут качественные наработки для создания сайта. Это сократит время на его разработку до 2-3 недель. А пока ведутся работы над основным сайтом, можно реализовать и внедрить заглушку с основной информацией для потенциальных покупателей.
На примере этого кейса, мы хотим рассказать про этапы и процесс разработки такого сайта.
введение
О проекте
Проект «Новая Тверская» — третий проект от нашего клиента из Ижевска.
Ранее мы уже разрабатывали сайт (для коммерческой недвижимости), а также запускали рекламную кампанию для ЖК комфорт-класса и уже 5-й год реализуем продвижение в интернете.
Ранее мы уже разрабатывали сайт (для коммерческой недвижимости), а также запускали рекламную кампанию для ЖК комфорт-класса и уже 5-й год реализуем продвижение в интернете.
ЖК «Новая Тверская» — это два дома стандарт-класса, которые расположились в западной части Ижевска, в центральном микрорайоне. Это уже сложившийся район, в котором живут люди предпенсионного и пенсионного возраста.
Триггером к покупке квартиры в этом районе должно служить желание улучшить условия жилья в этом же районе. Поэтому основным сегментом целевой аудитории, на которую ориентировался застройщик, были люди 45+.
Также в ЦА попадали молодые люди и небольшие семьи.
Жилой комплекс имеет ряд преимуществ для своей ЦА:
Триггером к покупке квартиры в этом районе должно служить желание улучшить условия жилья в этом же районе. Поэтому основным сегментом целевой аудитории, на которую ориентировался застройщик, были люди 45+.
Также в ЦА попадали молодые люди и небольшие семьи.
Жилой комплекс имеет ряд преимуществ для своей ЦА:
- большой выбор компактных квартир;
- чистовая отделка квартир;
- наличие лесного массива;
- вид на пруд;
- огороженный двор.
Перед началом работ клиент провел маркетинговое исследование, где подробно изучил конкурентов, сформировал потенциальную ЦА и выделил плюсы и недостатки нового проекта. Это исследование помогло нам в работе над сайтом, а именно:
- найти референсы под целевую аудиторию и утвердить с клиентом концепцию дизайна;
- выстроить порядок блоков по важности для целевой аудитории.
Проблема и задача
У клиента начинался старт продаж, и ему нужно было запускать рекламу как можно скорее.
Как правильно подготовиться к старту продаж квартир ЖК и ничего не забыть? — читайте в нашей статье «Запуск маркетинга и продаж нового ЖК или дома».
Поэтому перед нами встала задача разработать лендинг с каталогом для жилого комплекса за 30 дней.
Клиент хотел получить сайт простой и понятный для старшего поколения, так как эта аудитория была ядром ЦА.
На тот момент у клиента еще не было рендеров, фото окружения, текстов описаний. Финальная версия брендбука также была в разработке.
Клиент хотел получить сайт простой и понятный для старшего поколения, так как эта аудитория была ядром ЦА.
На тот момент у клиента еще не было рендеров, фото окружения, текстов описаний. Финальная версия брендбука также была в разработке.
Решение
Мы предложили клиенту разработку лендинга на платформе Tilda.
Почему Tilda?
Tilda — это конструктор сайта, который позволяет быстро создавать конверсионные лендинги. Разработка сайтов на Tilda не имеет ограничений по дизайну, а для того чтобы наполнять и обновлять контент, не нужны знания в программировании. Интуитивный удобный интерфейс платформы Tilda позволяет легко администрировать сайт.
Tilda — это конструктор сайта, который позволяет быстро создавать конверсионные лендинги. Разработка сайтов на Tilda не имеет ограничений по дизайну, а для того чтобы наполнять и обновлять контент, не нужны знания в программировании. Интуитивный удобный интерфейс платформы Tilda позволяет легко администрировать сайт.
процесс
Что сделали
1 этап. Разработка заглушки
Клиент был в процессе запуска наружной и медийной рекламы. Чтобы не затягивать старт рекламы, мы предложили клиенту разработать экран-заглушку до того времени, как полноценный лендинг ЖК будет готов.
На заглушке разместили следующие элементы
На заглушке разместили следующие элементы
1
Контент: информация о старте продаж, название ЖК, адрес и срок сдачи — все то, что будет являться триггером к «узнать подробнее». В качестве изображения использовали рендер, который клиент использовал в оффлайн рекламе.
2
Открытая форма заявки, чтобы пользователь мог оставить свои контакты для связи с отделом продаж.
3
Номер телефона и кнопка заказа звонка. Для тех, кто любит звонить сам, а не оставлять заявку, мы предусмотрели кликабельный номер телефона.
Это основной набор информации для сайта-заглушки.
2 этап. Разработка лендинга
Параллельно мы разрабатывали полноценный лендинг.
Сначала мы с клиентом утвердили план работ.
Roadmap — дорожная карта проекта. В ней мы обозначаем длительность всех этапов за определенный срок
Сначала мы с клиентом утвердили план работ.
Roadmap — дорожная карта проекта. В ней мы обозначаем длительность всех этапов за определенный срок
Road map проекта разработки лендинга и заглушки
Далее собрали пожелания клиента и заполнили бриф. На его основании сформировали техническое задание. В нем подробно описали структуру и наполнение будущей страницы.
1 шаг. Прототип
После согласования технического задания мы приступили к разработке прототипа.
К этому времени у клиента появился согласованный брендбук. Его мы использовали для разработки цветовых акцентов.
На этапе прототипа мы частично прорисовали визуализацию: показали, какие будут кнопки и планировки. В будущем это сократит нам время на этапе дизайна.
К этому времени у клиента появился согласованный брендбук. Его мы использовали для разработки цветовых акцентов.
На этапе прототипа мы частично прорисовали визуализацию: показали, какие будут кнопки и планировки. В будущем это сократит нам время на этапе дизайна.
Пока мы разрабатывали прототип, клиент готовил тексты на основе наших «рыбных» вставок (это были места на сайте для 2−3 предложений в 3 строки).
К этапу дизайна мы подошли с уже готовыми текстами. Это важный момент, так как дизайн правильнее делать тогда, когда есть понимание, какой объем текста будет. В противном случае могут возникнуть проблемы с версткой, что затянет время разработки сайта.
К этапу дизайна мы подошли с уже готовыми текстами. Это важный момент, так как дизайн правильнее делать тогда, когда есть понимание, какой объем текста будет. В противном случае могут возникнуть проблемы с версткой, что затянет время разработки сайта.
Пример: для левой части визуала изменение текста приведет к переверстке блока, так как изображения нужно будет либо убирать, либо заменять. Все это ведет к увеличению времени на разработку.
2 шаг. Дизайн
К началу этого этапа у нас появились 4 рендера дома.
Также мы:
После согласования с клиентом приступили к работе.
- нашли качественные стоковые визуалы;
- кастомизировали стандартные иконки;
- разработали иллюстрации и мокапы.
После согласования с клиентом приступили к работе.
Сделали несколько вариантов представления блоков и выбрали наиболее подходящий.
3 шаг. Верстка и каталог Profitbase
Следующим этапом в работе стала верстка.
При разработке сайта мы использовали нестандартные блоки. Для этого отрисовали дизайн в Figma и заверстали его на Tilda.
Параллельно мы интегрировали в сайт каталог Profitbase:
создали шахматку ЖК, наполнили проект планировками, заполнили контакты, рендеры, подобрали дизайн, соответствующий лендинг, настроили функциональные элементы — кнопки.
После этого сформировали скрипт для установки виджета и ссылки на кнопку каталога.
При разработке сайта мы использовали нестандартные блоки. Для этого отрисовали дизайн в Figma и заверстали его на Tilda.
Параллельно мы интегрировали в сайт каталог Profitbase:
создали шахматку ЖК, наполнили проект планировками, заполнили контакты, рендеры, подобрали дизайн, соответствующий лендинг, настроили функциональные элементы — кнопки.
После этого сформировали скрипт для установки виджета и ссылки на кнопку каталога.
4 шаг. Разработка ипотечного калькулятора
Клиент хотел внедрить в сайт калькулятор ипотеки по примеру готового решения calcus.ru.
Но в итоге мы решили отказаться от него по нескольким причинам:
Но в итоге мы решили отказаться от него по нескольким причинам:
- дизайн готового решения нельзя было адаптировать под дизайн нашего сайта;
- при его использовании на странице появлялась ссылка на сайт calcus.ru, и убрать ее было нельзя.
Поэтому мы решили создать свой калькулятор.
Дизайнер его отрисовал, а программист реализовал.
Дизайнер его отрисовал, а программист реализовал.
Когда мы заканчивали верстку, у клиента появились визуалы МОПов, колясочных, кладовых, отделки квартир. Все эти визуалы заполнили «пробелы» в выделенных местах и в галерее.
Итоги
заглушка и промо-лендинг
2 рабочих инструмента
от ТЗ до релиза
1,5 месяца
каталог Profitbase и настройка amoCRM
2 интеграции
Разработка кода ипотечного калькулятора
1 код
потрачено на разработку
14 рабочих дней
Смотреть лендинг ЖК «Новая Тверская»
Отзыв клиента
“
«Оправданное доверие» — так можно охарактеризовать работу с командой Artsofte Digital.
Коллеги внесли большой вклад в в формирование и продвижение брендов «Новая Тверская» и «Ривьера Парк».
Совместно с ними мы успешно создали несколько лендингов, а также ежемесячно занимаемся продвижением наших ЖК.
Коллеги внесли большой вклад в в формирование и продвижение брендов «Новая Тверская» и «Ривьера Парк».
Совместно с ними мы успешно создали несколько лендингов, а также ежемесячно занимаемся продвижением наших ЖК.
команда
Над проектом работают
Ксения Степанова
Менеджер проектов
Мария Яковлева
Руководитель отдела разработки
Хотите заказать разработку продающего сайта?
Оставьте заявку, и вы получите консультацию наших специалистов и подробное предложение
Наши проекты
