В управлении City&Malls PFM почти 1 млн м² коммерческой недвижимости (БЦ и ТЦ). Цифровое присутствие не соответствовало масштабам компании на рынке услуг профессионального управления недвижимостью (PFM). Старый сайт не позволял клиентам быстро найти свободное помещение, а корпоративная айдентика за годы стала разрозненной, устарела. Потребовалась комплексная переработка — от дизайна до интеграции с цифровыми системами управления компании.
Основная идея дизайн-стратегии: город как система. Вместо статичного каталога — живая архитектурная среда, где каждый объект и каждое помещение имеет свой контекст. Паттерны — это не просто декор, а система ориентирования. Интерактивный генплан — не навороченная фишка, а реальный инструмент, который ускоряет поиск и повышает конверсию.
Визуальная система основана на ритме архитектуры. Центральная идея айдентики вдохновлена ритмом города и дополнена динамическими паттернами: геометрия фасадов, светящиеся окна, кварталы, движение транспорта, сдержанная и уверенная цветовая палитра. Визуальная система обеспечивает узнаваемость в любой точке контакта — от презентации до интерфейса. Этот язык применяется во всех элементах интерфейса — от навигации до карточек помещений. Палитра контрастная: сине-зелёная основа и насыщенные акценты для CTA. Типографика строгая, современная, хорошо работает как с кириллицей, так и с латиницей.
Разработка и интеграция
Данные по объектам, площадям, статусам и доступности обновляются в реальном времени благодаря сквозной интеграции с цифровой системой компании на базе продуктов «1С». Клиент видит актуальную карту свободных помещений — критически важная функция для управления арендными отношениями в B2B-сегменте.
Благодаря интерактивному генплану (вместо стандартного списка с фильтрами) и интеллектуальным 3D-планам этажей с наложением данных пользователь может:
— В один клик увидеть площадь, статус и стоимость помещения;
— Применить фильтры (по площади, назначению, цене) и увидеть изменения на карте в реальном времени;
— Отправить заявку, не покидая основной интерфейс.
Этот элемент стал ключевым конкурентным преимуществом, поскольку в отрасли до сих пор часто используют устаревшие механизмы и неповоротливые таблицы.
Каждое помещение показывается в контексте:
— Виртуального тура по объекту (фасад, вход, холл, целевое помещение).
— Информации об инфраструктуре (парковка, входы, лифты).
— Списка арендаторов по соседству (создает представление о бизнес-кластере).
Мы проработали основные пользовательские пути для двух ключевых групп:
— Для клиентов это: поиск → просмотр генплана → заявка (3–4 действия вместо десятков итераций на традиционных сайтах).
— Для менеджеров предусмотрено простое управление контентом через админ-панель без необходимости применения и знания кодинга.
Микроинтеракции и анимации
Каждое взаимодействие имеет обратную связь. При наведении на помещение появляется оверлей с информацией, при клике — раскрывается карточка с полным описанием. Переходы плавные, анимации занимают 200–300 мс, что создает ощущение живого, но контролируемого интерфейса.
В проекте много внимания уделено типографической иерархии: крупные заголовки способствуют паттерну «сканирование глазами» страницы, информация о помещении компактная, но читабельная, призывы к действию контрастные и четкие.
Геометрические паттерны, заимствованные из архитектуры, используются не только как фон, но и как система визуального ориентирования. На тёмных блоках применяются светлые паттерны (окна, кварталы), что усиливает узнаваемость.
Frontend-часть оптимизирована для высокой производительности. Генплан работает на Canvas и WebGL, что позволяет обрабатывать данные по 100+ помещениям одновременно без задержек. Интерфейс оптимизирован под мобильные устройства, что критически важно, в B2B-сегменте мобильные сценарии составляют высокую долю трафика.
Результаты
— Время подбора помещения в основных сценариях сократилось с 15–20 до 3–4 минут.
— Конверсия из просмотра в заявку выросла на 35% (теперь заявки отправляются прямо из интерактивного генплана, а не через отдельные формы).
— Сотрудники получили централизованную платформу для управления контентом и генерации квартир (исключена рассинхронизация данных).
— Сайт стал конкурентным преимуществом. Клиенты высоко ценят бренд City&Malls, а новый сайт соответствует имиджу компании и позволяет быстрее и эффективнее решать утилитарные задачи.
— Архитектура проекта имеет запас масштабирования. Добавление новых объектов, интеграция дополнительных сервисов (3D-туры, мобильное приложение, VR) возможны без переработки основной системы.
Выставлено в номинациях:
— Сайт девелоперской или строительной компании