Северный порт
LEGENDA Intelligent
Development
О проекте
Презентовать ЖК «Северный порт» потенциальным покупателям, показать все его особенности и достоинства.
Продемонстрировать уникальность и премиальность жилого комплекса.
Собрать заявки, с которыми продолжит работу отдел продаж.
Анализ конкурентов
Проанализировали структуру сайтов: какие блоки используются и в какой последовательности.
Оценили юзабилити: удобство навигации, меню, фильтров и так далее.
Изучили дизайн: цветовую гамму, типографику, используемые иконки, креативные решения.
Проанализировали контент: о чём пишут в текстах, какие используют УТП, изображения и видео.
Описали сильные и слабые стороны сайтов конкурентов.
Крупные фотографии, чистый и понятный дизайн: швейцарская вёрстка, плавные анимации скролла, увеличение фотографий, добавление схем и линейной графики.
Секвенция — анимация, которая проигрывается при скроллинге сайта; текст поверх изображений, больше креативных анимаций, смелых приёмов и типографики.
Дизайн
Структура сайта
«Главный экран». На нём демонстрируем весь жилой комплекс, который располагается вдоль береговой линии.
«Архитектура». Описываем архитектурную концепцию «Северного порта».
«Продукт». Демонстрируем интерьеры будущих квартир и описываем их сильные стороны.
TechnoBox. Наглядно демонстрируем, как квартира будет укомплектована с технологической точки зрения, например как реализована шумоизоляция и электрические сети.
«Селекция планировок». Это интерактивный раздел, где можно изучить чертежи всех видов квартир и планировок.
«Локация и благоустройство». Описываем преимущества местоположения ЖК: рассказываем про набережную; перечисляем, какие есть парки поблизости; иллюстрируем транспортную доступность.
«Карта». Показываем на карте, где находится ЖК «Северный Порт и ближайшие парки, станции метро, школы и детские сады, магазины и рестораны.
«Контакты». Указали адрес и время работы офиса продаж, контактный номер телефона и форму обратной связи.
3D-визуализация
Стационарный и удалённый контроль над квартирой;
Всегда свежий воздух и никакой пыли;
Единая сеть коммуникационных систем;
Шумоизоляция;
Подготовленные стены;
Выровненный пол.
Разработка
Сверстали все разделы сайта на основе готовых дизайн-макетов.
Реализовали анимационные эффекты и интерактивные элементы: 3D-модели TechnoBox и селекции планировок.
Разработали механизмы получения и обработки данных, их взаимодействие с базой данных.
Настроили вывод динамической информации на фронтенд: формированию страниц, отображению текстов, картинок и интерактивных элементов.
Создали CMS — административную панель управления контентом, чтобы сотрудники заказчика могли заменять все изображения, править текст, создавать и редактировать виджеты.
Интегрировали чат-бот для общения с посетителями сайта и сервис аналитики Calltouch.
Результат
Разработка
