Разработка сайта-каталога для проекта ЖК Премиум-класса Phantom

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

К нам обратился девелопер Sense с задачей создать сайт для нового проекта PHANTOM - клубного дома DELUXE сегмента, призванного стать ориентиром для тех, кто ценит архитектуру за её красоту, силу вдохновлять и способность улучшать будущее Москвы.

Перед нами стояла задача воплотить масштаб и уникальный характер PHANTOM в цифровом пространстве.

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

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

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

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

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

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

Такой «самостоятельный» подход к выбору создает комфортный уровень коммуникации с представителями .Sense – клиент выходит на прямой диалог тогда, когда действительно к этому готов, вместо того, чтобы быть вынужденным дать свои контакты при первой загрузке сайта.

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

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

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

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

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

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

Именно поэтому мы разделили информацию на отдельные страницы и сохранили смысловую нагрузку строго в рамках конкретных разделов.

- «Аменитис» рассказывает про окружение проекта, его точки притяжения и дополнительные возможности для резидентов жилого комплекса
- «Расположение» содержит интерактивную карту точек притяжения и близлежащих достопримечательностей, которые расположены вблизи. С помощью этой карты можно заранее спланировать, в какую школу будут ходить дети, и в какой театр будет ближе всего добраться на выходных.
- Визуальный выборщик сайта становится отдельной системой, внутри которой в реальном времени доступна актуальная информация по всем лотам всех корпусов проекта. Просматривая генплан и поэтажную планировку здания, пользователь заранее может определиться со своими ожиданиями от собственных апартаментов.

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

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

Дополнительно совместно с проектировщиками команды .Sense мы пересмотрели визуальную часть планировок, которые пользователи могут скачать с сайта – они стали более подробными и сохранили общую стилистику сайта.

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Именно поэтому для каталога лотов и визуального выборщика мы настроили отдельную интеграцию с базой данных проекта. Вся информация для сайта не заполняется вручную – она автоматически загружается с последней актуальной версии фида, который составляется по ТЗ, которое мы составили для .Sense вместе с их подрядчиками по интеграциям.

Любая из страниц или блоков внутри этого проекта адаптируется под необходимые изменения – именно это необходимо в условиях проекта, доступность которого часто изменяется.

Прочая информация о кейсе

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

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

Дополнительно приятно, что проект получил признание комьюнити – он попал в подборку лучших работ на DProfile и был отмечен как один из лучших в категории «UI».

Скриншоты