Умные Парковки — цифровая платформа для B2B- и B2C-аудиторий

Разработать сайт для компании «Умные Парковки» — цифровой платформы, которая объединяет два направления бизнеса: обслуживание пользователей парковок и привлечение корпоративных клиентов, заинтересованных в организации и автоматизации парковочного пространства.

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

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

Две аудитории — два пользовательских сценария

B2C — пользователи парковок

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

Для этого предусмотрены:

• каталог парковок с отдельными страницами объектов;

• информация о местоположении, условиях и особенностях парковки;

• тарифы с разными сроками действия и условиями оплаты;

• оформление абонементов с разовой оплатой или автопродлением;

• формы заказа, обратной связи и обращения в поддержку;

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

  

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

B2B — корпоративные клиенты и партнёры

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

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

Дополнительно представлены оборудование, реализованные проекты, информация о компании и партнёрские решения.

Задача B2B-раздела — объяснить ценность предложения, показать варианты применения решений компании и привести потенциального заказчика к целевому действию: запросу консультации или коммерческого предложения.

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

UX/UI: простой интерфейс при сложной функциональности

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

Основные принципы:

• отдельные сценарии для физических и юридических лиц;

• заметные действия: купить абонемент, заказать звонок, задать вопрос или запросить коммерческое предложение;

• единая логика оформления форм при различающемся наборе полей;

• адаптация интерфейса под мобильные устройства и десктопы;

• оптимизация изображений и скорости загрузки;

• возможность развивать контент и предложения без полной переработки сайта.

Каталог парковок и система тарифов

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

В ТЗ на момент подготовки было предусмотрено 30 страниц парковок и восемь тарифных вариантов. При этом названия тарифов могли совпадать, а стоимость и настройки платежа - различаться для каждого объекта.

Для каждой парковки необходимо поддерживать:

• собственные тарифы и цены;

• настройки платежного виджета;

• акции, индивидуальные для конкретной парковки;

• возможность применять одну акцию сразу к нескольким парковкам, чтобы не дублировать одинаковые настройки;

• информационные блоки, формы и другие материалы объекта.

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

CloudPayments: разовые платежи и подписки

Платежная интеграция реализована вокруг CloudPayments и предусматривает два принципиально разных сценария.

Разовая оплата — клиент оплачивает выбранный тариф без автоматического продления.

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

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

Также предусмотрен сценарий рассрочки: вместо немедленной оплаты пользователь отправляет заявку, которая должна поступить в CRM с соответствующей отметкой.

Важная техническая особенность — возможность настраивать платежный виджет для каждого тарифа каждой парковки. В ТЗ отдельно отмечена необходимость управления как минимум 240 конфигурациями виджета на исходном объёме каталога.

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

Интеграции с внутренними системами

Битрикс24

Все формы обратной связи и заявки с сайта интегрируются с CRM. Обращения поступают в Битрикс24 в виде лидов с данными, необходимыми для дальнейшей обработки.

Это позволяет собирать обращения из разных разделов сайта в единой системе: от заказа абонемента до запроса коммерческого предложения.

HelpDesk

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

Telegram-бот

Передача новых заявок в Telegram-бот обеспечивает оперативное уведомление ответственных сотрудников о поступлении обращений.

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

Административная панель

Для работы с большим количеством контента и настроек требуется полноценная система управления сайтом.

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

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

Интерактивная инфографика для партнёров

Отдельный элемент B2B-направления — интерактивная инфографика, раскрывающая преимущества сотрудничества с компанией и логику работы парковочных решений.

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

Инфографика дополняет текстовые материалы и превращает презентацию решения в более наглядный пользовательский сценарий.

Технические и контентные особенности

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

В качестве CMS использована 1С-Битрикс, лицензия "Стандарт".

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

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

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