Разработали лендинг для ЖК экокомфорт-класса из Калининграда за 66 часов

«АвангардИнвестПроект» — строительный холдинг, который уже 35 лет строит масштабные жилые кварталы и дома комфорт-класса в Калининградской области и получает награды за лучшие городские девелоперские проекты.

С 2020 года он реализует в Калининграде уникальный микрорайон экокомфорт-класса «Русская Европа», в котором планирует разместить 4,6 тысяч квартир.

В 2023 году компания стала строить вторую очередь — ЖК «Вдохновение» — комплекс комфорт-класса из двух домов в 10 минутах от центра Калининграда.

Застройщик спроектировал 30 видов функциональных планировок — от студий до просторных семейных резиденций. Также в ЖК есть планировки с террасами, угловыми окнами, окнами в ванной и двухуровневые квартиры на верхних этажах.

Уникальность ЖК «Вдохновение» подчеркивают:

• общественные площадки на крышах домов с гриль-зонами и настоящими садами,
• устройство бани внутри квартиры,
• закрытая территория и видеонаблюдение 24/7,
• дворы без машин и безбарьерный доступ в подъезды,
• футбольное поле и теннисный корт с профессиональным покрытием,
• колясочные комнаты и туалетные комнаты на первых этажах,
• панорамные лифты,
• индивидуальные кладовые,
• автономное газовое отопление с крышной котельной.

Чтобы начать продажи квартир и запустить рекламу в интернете, девелоперу нужен был лендинг ЖК.

Для этой задачи застройщик выбрал нас.

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

Пользователями этого лендинга будут: бизнесмены, инвесторы, молодые семьи с достатком выше среднего и жители других городов, которые хотят переехать в Калининград.

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

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

Также мы составили CJM (customer journey map) — карту, которая позволяет заранее продумать сценарий действий клиента: с момента поиска товара или услуги до совершения целевого действия.

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

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

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

За 2 дня мы разработали новый прототип и утвердили с клиентом структуру и концепцию лендинга.

Мы расположили информацию от общего к частному — сначала рассказываем про микрорайон «РусскаЯ ЕвропА», в котором строится ЖК. Одну очередь в этом квартале застройщик уже сдал и получил за него премии. Таким образом мы показываем пользователю, что застройщик надежный и строит качественные объекты, и подогреваем его интерес. Затем рассказываем про новый жилой комплекс — «Вдохновение».

Вот какую структуру мы получили:

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

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

Чтобы анимировать изображения, мы подключили к ним параллакс-эффект при скролле страницы. Для этого в код лендинга встроили JavaScript и язык стилей CSS.

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

В стандартных шаблонах Tilda нет такого специфичного блока. Поэтому мы добавили на страницу свой HTML-код, в котором прописали логику динамичного калькулятора для трех видов ипотеки — льготной, IT и семейной.

За 66 рабочих часов мы разработали и создали посадочную страницу для нового жилого комплекса.

Уже в феврале 2024 г. мы смогли запустить медийную рекламу с ссылкой на лендинг. В дальнейшем дополнительно запустим на него брендовый трафик с лидогенерационных кампаний.

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