Лендинг для White Group: как мы создали уникальный сайт для малоэтажного ЖК «Центральный парк»

White Group с 2003 года строит жилые объекты комфорт-класса в Челябинске и Екатеринбурге. Их новый проект — жилой комплекс «Центральный парк» — расположен в Академическом районе Екатеринбурга. Это малоэтажный комплекс с тихими благоустроенными дворами и переменной этажностью домов (от 4 до 6 этажей).

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

Май 2024 года — настоящее время.

На основе брифа мы сформировали техническое задание. Клиент хотел, чтобы лендинг транслировал нежность, теплоту, уют, экологичность и чистоту. Такой дизайн должен подчеркнуть ценности целевой аудитории (любовь к природе, активный образ жизни и т. д.) и УТП жилого комплекса — уют, малоэтажность, камерность.

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

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

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

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

На этом этапе подготовили необходимые тексты.

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

Дизайн был готов всего за 10 часов. Мы использовали стиль «Неоминимал» — сочетание минимализма, простых форм и бенто-элементов — квадратных и прямоугольных блоков на сайте, которые структурируют информацию и создают интуитивно понятный интерфейс для пользователей.

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

Мы сверстали лендинг на платформе Tilda и сделали анимацию. Часть анимации мы реализовали с помощью функционала Tilda, а часть разработали вручную — написали код на HTML.


Ручная анимация

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

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

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

Анимация Tilda

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

Клиент получил сайт, который передает концепцию ЖК «Центральный парк»: камерность, уют и близость к природе. Благодаря всплывающим окнам пользователи могут детально ознакомиться с контентом без перегрузки страницы, что подтверждается аналитикой Webvisor.