City&Malls PFM

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

О клиенте

City&Malls Property&Facility Management — компания, специализирующаяся на управлении коммерческой недвижимостью, бизнес-центрами, торговыми центрами и активами в других секторах CRE, входит в экосистему группы «Абсолют». Клиенты City&Malls — девелоперы, владельцы и арендаторы целых зданий и отдельных помещений, для которых важно не только получать доход от недвижимости или использовать ее для своего бизнеса, но и поддерживать рыночную привлекательность объекта, увеличивать его доходность и сохранить сам объект, его инженерные и другие системы жизнеобеспечения. Этих целей помогает достичь профессиональное управление и эксплуатация зданий.

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

Компания делает ставку на цифровую трансформацию, развивает собственную IT-платформу и сайт стал ее важной составляющей.

Контекст

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

City&Malls столкнулась с типичными для отрасли проблемами: устаревший сайт, отсутствие единого визуального стандарта.

Возникла необходимость обновить фирменную идентичность, привести визуальный стиль к современному и узнаваемому уровню, обновить сайт и интегрировать его с бизнес-процессами. Для решения этих задач компании требовался современный и технологичный продукт, объединяющий бизнес-процессы, визуальный стиль и клиентский опыт в единую систему, отражающую масштаб и амбиции City&Malls.

Задачи

Разработать новую визуальную идентичность и набор артефактов для её поддержки (брендбук, стайлгайд, цифровая дизайн-система).
Создать современный сайт, соответствующий масштабу и амбициям City&Malls.
Интегрировать сайт с 1С и обеспечить автоматическую актуализацию данных по объектам.
Реализовать витрину объектов с интерактивной картой и расширенной фильтрацией.
Разработать инструменты для онлайн-подачи заявок и коммуникации с клиентами.
Внедрить удобную административную панель на сайт для самостоятельного управления контентом.

Решение:

Брендинг и визуальная идентичность

В рамках проекта мы полностью пересобрали визуальное позиционирование City&Malls для digital-среды.

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

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

Ключевые элементы:

Центральная идея айдентики дополнена динамическими паттернами из геометрических элементов — ассоциация с городской средой, светящимися окнами, кварталами, движением транспорта.
Цветовая палитра: современные, уверенные оттенки, работающие как на экране, так и в печатных материалах. Цвета охватывают от строгих корпоративных до динамичных акцентных — для отдельных сервисов и промо.
Типографика: шрифты с высокой читаемостью и ярким характером, чтобы даже текстовые блоки работали на узнаваемость бренда.
Логотип и знаковые элементы: адаптивный логотип, органично смотрящийся на любых носителях — от визитки до интерактивной карты сайта.
Графика и иллюстрации: эксклюзивный набор иконок и иллюстраций, которые не только украшают сайт, но и помогают пользователю ориентироваться в сложной структуре коммерческой недвижимости.
Единая визуальная система: все элементы связаны воедино, чтобы пользователь всегда понимал, что находится в экосистеме City&Malls, независимо от точки входа.

Технологическая архитектура и стек

В основе платформы City&Malls — технологический стек, заточенный под задачи крупного бизнеса. Фронтенд построен на Next.js с использованием TypeScript — это обеспечило быстрый, отзывчивый интерфейс и корректность данных на каждом этапе взаимодействия пользователя с сайтом. Под капотом — сложные интерактивные инструменты: генплан, планы зданий и помещений, фильтры, карта, маршрутизация. Все они оптимизированы под высокую нагрузку и мгновенный отклик, одинаково хорошо работая на десктопах и мобильных устройствах.

Бэкенд реализован на PHP и Laravel. Здесь сосредоточена серверная логика: интеграция с 1С, обработка данных по объектам, авторизация, связь с внешними системами. Через Laravel мы построили кастомную CMS — она позволяет управлять контентом, объектами и услугами без привлечения разработчиков. Админпанель облегчает разграничение прав и упрощает работу для сотрудников разных подразделений.

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

Важный акцент в архитектуре — гибкость и масштабируемость. Система построена модульно, бизнес-логика отделена от отображения, а интеграция с внешними сервисами (CRM, аналитика, платёжные шлюзы) реализована через REST API. Это ускоряет развитие новых функций и гарантирует стабильную работу при любых изменениях.

Интерактивные инструменты и пользовательский опыт

Работа с контентом осуществляется через удобную административную панель: можно оперативно обновлять информацию об объектах, добавлять новости или запускать акции. Для пользователя это означает всегда актуальные предложения и отсутствие “мертвых” страниц. Онлайн-формы подачи заявок интегрированы с внутренней CRM — заявки не теряются и обрабатываются в режиме реального времени.

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

Микроинтеракции не только украшают интерфейс, но и помогают пользователю ориентироваться: подчёркивают активные элементы, визуально подтверждают успешные действия, делают навигацию интуитивно понятной. В результате сайт воспринимается не просто как инструмент, а как современное цифровое пространство, где каждый шаг пользователя предсказуем и приятен.

Интерактивный генплан, фасетный фильтр, карта и маршрутизация реализованы так, чтобы даже при большой нагрузке интерфейс оставался быстрым и плавным. Пользователю не нужно ждать: нужная информация и функции доступны всегда — даже с телефона, даже в “час пик”.

В результате архитектура сайта City&Malls стала технологическим фундаментом для развития бизнеса: все решения легко масштабируются и интегрируются под новые задачи, не теряя скорости и удобства для конечного пользователя.

Результат

Новый сайт стал ключевым цифровым инструментом City&Malls для коммуникации и лидогенерации.
Интеграция с 1С обеспечила прозрачность данных, автоматизацию и минимизацию ошибок.
Новый фирменный стиль сделал компанию узнаваемой на рынке.
Сотрудники получили удобную платформу для управления контентом, а клиенты — простой и эффективный инструмент для поиска недвижимости.
Гибкая архитектура позволяет масштабировать систему и интегрировать её с любыми внешними сервисами.
Сайт готов к внедрению новых функций и сервисов, поддерживая рост бизнеса компании.