Разработка промосайта для ЖК «Северный порт»

Главное о кейсе

«Северный порт» — новый жилой проект от девелоперского холдинга LEGENDA. Они предлагают уникальный подход к проектированию, строительству и эксплуатации современного городского жилья в Санкт-Петербурге и Москве.

Задача:

Разработать дизайн и создать объектовый сайт для ЖК «Северный порт», на котором пользователи смогли бы ознакомиться с новым жилым комплексом: узнать о его местоположении, преимуществах, ценах и посмотреть планировки.

Решение:

Мы разработали сайт с креативным дизайном, выразительной типографикой и плавной анимацией при скроллинге. Светлые оттенки светло-серого и голубого создают ощущение чистоты и простора, которое усиливают профессиональные фото интерьеров. Центральным элементом выступает интерактивная 3D-визуализация TechnoBox. Она позволяет детально изучить особенности проекта. Мы также внедрили CMS для управления контентом, добавили чат-бот и подключили аналитический сервис Calltouch, чтобы повысить функциональность сайта.

Результат:

К началу продаж заказчик получил полностью готовый объектовый сайт ЖК «Северный порт». Сайт стал эффективным инструментом привлечения целевых посетителей и потенциальных клиентов. Он демонстрирует все преимущества проекта застройщика и мотивирует оставить заявку.

Дизайн сайта помогает потенциальным клиентам сформировать восприятие жилого комплекса как престижного жилья бизнес-класса.

Сотрудники клиента с помощью CMS могут самостоятельно и оперативно обновлять информацию на сайте по ходу продвижения проекта.

Как проект изменил жизнь пользователей

Благодаря новому сайту ЖК «Северный порт» потенциальные покупатели получили:

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

• Возможность составить полное представление о будущей квартире. В этом помогают качественные 3D-визуализации и профессиональные фотографии.

• Наглядную демонстрацию технологической «начинки» квартир через интерактивную 3D-модель TechnoBox. Пользователи могут подробно изучить все инновационные решения, которые делают жизнь в «Северном порту» комфортнее.

• Удобный способ выбора планировки. Интерактивный раздел «Селекция планировок» позволяет быстро подобрать подходящий вариант квартиры.

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

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

Бизнес-задача и ее решение

1. Презентовать жилой проект «Северный порт», показать его особенности.

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

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

Разделы, которые мы реализовали:

1) «Главный экран». На нём демонстрируем весь жилой комплекс, который располагается вдоль береговой линии.

2) «Архитектура». Описываем архитектурную концепцию «Северного порта».

3) «Продукт». Демонстрируем интерьеры будущих квартир и описываем их сильные стороны.

4) TechnoBox. Наглядно демонстрируем, как квартира будет укомплектована с технологической точки зрения. Например, как реализована шумоизоляция и электрические сети.

5) «Селекция планировок». Это интерактивный раздел, где можно изучить чертежи всех видов квартир и планировок.

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

7) «Карта». Показываем на карте, где находится ЖК «Северный порт» и ближайшие парки, станции метро, школы и детские сады, магазины и рестораны.

8) «Контакты». Указали адрес и время работы офиса продаж, контактный номер телефона и форму обратной связи.

2. Продемонстрировать уникальность и премиальность ЖК.

Премиальность проекта подчеркнули с помощью дизайна.

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

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

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

Использовали 3D-рендеры жилого комплекса. На них «Северный порт» стоит высотными доминантами вдоль побережья канала имени Москвы. Кроме того, на визуализациях показываем благоустроенную набережную с променадом, который органично соединяется с парком Северного речного вокзала.

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

3. Собрать заявки для отдела продаж.

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

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

Интегрировали сервис аналитики Calltouch, позволяющий отслеживать эффективность различных каналов привлечения клиентов и оптимизировать сбор заявок.

Крафт (мастерство), реализация, технические детали

Главная особенность проекта — анимированный раздел про TechnoBox.

TechnoBox — это технологическая комплектация квартиры. Вместо стандартной отделки собственник получает пространство, готовое к интеграции умных решений и декорированию.

Наша команда реализовала объёмную модель TechnoBox. При скролле 3D-модель плавно приближается и поворачивается во все стороны. Так пользователи могут детально рассмотреть TechnoBox со всех ракурсов и изучить все её особенности.

В разделе демонстрируем, как реализованы преимущества TechnoBox:

— стационарный и удалённый контроль над квартирой;
— всегда свежий воздух и никакой пыли;
— единая сеть коммуникационных систем;
— шумоизоляция;
— подготовленные стены;
— выровненный пол.

Какие технологии использовали

Анимацию 3D-модели создали с помощью WebGL. Это библиотека JavaScript, которая позволяет создавать интерактивную 3D-графику в браузерах без использования дополнительных плагинов по типу Adobe Flash Player.

Скриншоты

Комментарий заказчика

«Выражаем благодарность компании Wemakefab за дизайн и разработку сайта для ЖК «Северный порт».

Мы пришли к Wemakefab с конкретными бизнес-целями:
— С помощью сайта презентовать новый ЖК потенциальным покупателям, показать все его особенности и достоинства.
— Собрать заявки, с которыми продолжит работу наш отдел продаж.

Компания Wemakefab на 100% справилась с поставленными задачами и разработала сайт, который не просто подсвечивает все плюсы и особенности ЖК, но демонстрирует его уникальность и предельность. Сайт помогает формировать восприятие жилого комплекса как элитного и престижного жилья для потенциальных клиентов.

В процессе работы специалисты Wemakefab проявили себя как профессионалы своего дела, продемонстрировали гибкий подход в работе и приятную чёткую коммуникацию.

С уверенностью рекомендуем Wemakefab как надёжного и ответственного подрядчика в сфере цифровизации бизнеса».