Главная страница корпоративного портала CAME после редизайна: каталог по категориям оборудования, промо-баннеры и удобная навигация для дилеров

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

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

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

Готовая цифровая экосистема CAME объединила весь функционал, необходимый для работы дилеров.

• Обновлен каталог товаров и оборудования. 

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

• Улучшены поиск и навигация по порталу. 

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

• В личный кабинет встроен конфигуратор парковочных систем. 

Спецификации и коммерческие предложения можно сформировать автоматически и получить в виде PDF или веб-ссылки.

• Добавлена система модерации и локализации товарного контента.

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

• Доступен образовательный модуль «Академия CAME». 

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

В результате удалось в 5 раз ускорить подготовку коммерческих предложений и на 25% снизить число ошибок при работе с заявками. 

Ключевые результаты создания цифровой экосистемы CAME: ускорение работы в 5 раз и сокращение ошибок на 25%

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

1. Проектирование и аналитика

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

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

2. Дополнительные исследования

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

• Для конфигуратора — юзабилити-тесты на прототипах.

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

• Для редизайна сайта — глубинные интервью с представителями B2B-аудитории и экспертами компании. 

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

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

3. Разработка

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

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

Проект реализован на современном технологическом стеке: бэкенд системы построен на языке Python и базе данных MongoDB, а фронтенд реализован как динамичное SPA-приложение на фреймворке Vue.js. За счет полноценного конвейера CI/CD система регулярно обновляется.

«Мы исходили из того, что качество клиентского сервиса напрямую зависит от того, насколько эффективно дилеры смогут работать внутри системы. Поэтому была выбрана масштабируемая архитектура и реализованы интеграции с корпоративными системами. Ключевой фокус был в том, чтобы дать сотрудникам и дилерам удобные инструменты для более точного и быстрого оказания услуг и решения оперативных вопросов», — Иван Спиридонов, сооснователь и операционный директор .redev.

4. Редизайн портала, адаптация брендбука CAME и «умный» поиск

Для перезапуска сайта и товарного каталога был полностью переработан дизайн. Команда .redev разработала дизайн-систему на основе итальянского брендбука CAME: адаптированная типографика с несколькими начертаниями, семантическая цветовая палитра и набор иконок для российского рынка. Паттерны бренда CAME были сохранены в основе, но усилены актуальными подходами к UI. 

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

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

В мобильном интерфейсе портала CAME появились отдельные вкладки «Общие новости» и «Профессиональные новости» — так дилеры получают только релевантный для них контент. 

Умный поиск на обновленном портале CAME показывает автоподсказки сразу по нескольким разделам 

Результат

Сейчас все работает как единая ИТ-среда. На сайте представлен каталог с ключевыми характеристиками позиций, заказы автоматически попадают в CRM, а интеграция с 1С позволяет видеть актуальные цены и остатки на складах в режиме реального времени. Это исключает ручной перенос данных и связанные с ним ошибки.

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

Вся информация о продуктах — описания, характеристики, фотографии, сертификаты и инструкции — хранится в PIM-системе и автоматически синхронизируется с каталогом на сайте. Любое обновление появляется везде одновременно, без ручного вмешательства. Добавлен ИИ-генератор описаний, который анализирует документацию в PIM и на ее основе составляет коммерческое описание товара.

Генератор коммерческих предложений CAME формирует брендированные PDF-документы с описанием оборудования, спецификацией и стоимостью — на примере парковки ТЦ «Город Лефортово»

Ключевые итоги работы новой экосистемы CAME:

• ускорение подготовки КП в 5 раз;

Конфигуратор парковок ускоряет подбор решений с 1–2 недель до 1-2 часов.

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

Более 700 компаний-партнеров уже зарегистрировались в личном кабинете. Доля онлайн-заказов выросла на 35%.

• снижение операционных ошибок;

Система позволяет не терять до 25% заявок. 

• единая точка входа для продаж, обучения и поддержки;

Платформа стала рабочим инструментом дилеров, а не просто витриной продукции.

«Удалось создать ИТ-среду, которая действительно изменила взаимодействие с дилерами. Платформа снижает операционную нагрузку сотрудников и ускоряет их работу. Цифровые инструменты из вспомогательных сервисов превратились в полноценный двигатель продаж. Калькулятор парковочных систем, обновленные каталоги, интеграция с 1С, CRM и обучение в одном месте — это то, чего нам не хватало для повышения качества работы. Мы благодарны команде .redev за такой результат», — Александр Рыков, директор по стратегии и развитию CAME.

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