О клиенте
Наш клиент разработал собственный сервис для определения доступности потенциальных клиентов и оценки вероятности ответа на звонок. Однако сервис работал преимущественно на серверной стороне, и менеджерам по продажам не хватало удобного способа использовать эти данные в повседневной работе.
Большую часть времени сотрудники отделов продаж работают в CRM-системах и LinkedIn. Переключение на отдельную аналитическую панель усложняло рабочий процесс и затрудняло использование данных о доступности контактов.
СКЭНД предстояло разработать расширение для Chrome и Microsoft Edge, которое интегрировало бы существующий сервис с привычными рабочими инструментами и позволяло отслеживать доступность контактов без перехода на другие платформы.
- Платформы: Google Chrome, Microsoft Edge
- Отрасль: Технологии для продаж, SaaS
- Сроки: 4 недели от начала разработки до публикации в обоих магазинах
Задача проекта
Основной задачей была интеграция существующего сервиса определения доступности контактов со сторонними сайтами без нарушения привычных рабочих процессов. Расширение должно было распознавать контакты на открытых страницах, получать актуальные данные через API и отображать информацию об их доступности рядом с контактными данными.
Ключевыми задачами проекта стали:
- Распознавание контактов. Реализовать обнаружение контактов в HubSpot, Salesforce и LinkedIn с учетом особенностей и возможных изменений структуры страниц.
- Интеграция с интерфейсами. Встроить индикаторы доступности, не нарушая верстку и производительность сайтов.
- Кроссбраузерная совместимость. Разработать расширение на базе Manifest V3 и подготовить его к публикации в магазинах Chrome и Edge.
- Защита персональных данных. Организовать обработку данных с учетом требований GDPR.
- Быстрый запуск. Подготовить рабочую версию расширения примерно за месяц, чтобы продемонстрировать ее потенциальным клиентам.
Обзор проекта
Команда СКЭНД разработала готовое к эксплуатации браузерное расширение, которое отображало статус доступности контактов и рекомендуемое время для звонка с учетом местного часового пояса непосредственно в HubSpot, Salesforce и LinkedIn. Менеджеры по продажам могли сохранять контакты в избранное, отслеживать изменения их статуса и получать уведомления, когда потенциальный клиент становился доступен для связи.
Расширение также включало отдельную панель со списком контактов, которым можно было позвонить в данный момент, и позволяло находить номера телефонов по имени, адресу электронной почты или ссылке на профиль LinkedIn.
Для упрощения сопровождения и дальнейшего развития решения команда реализовала модульную архитектуру с отдельными адаптерами для каждой платформы. Такой подход позволил отделить логику взаимодействия с конкретными сайтами от общих компонентов расширения, включая авторизацию, работу с API, систему уведомлений и пользовательские настройки.
Решение
СКЭНД превратила существующий сервис определения доступности контактов в полноценное решение для отделов продаж, интегрировав его в привычные браузерные интерфейсы.
Основные возможности приложения
- Индикаторы доступности. Цветовые статусы контактов в HubSpot, Salesforce и LinkedIn с рекомендуемым временем звонка и местным временем контакта.
- Статус отсутствия. Информация об отсутствии контакта и предполагаемом времени возвращения.
- Избранное и уведомления. Сохранение контактов и оповещения об их доступности.
- Панель доступных контактов. Сортируемый список потенциальных клиентов, готовых к звонку.
- Поиск телефонов и быстрый звонок. Поиск по имени, электронной почте или ссылке LinkedIn с возможностью сразу позвонить.
- Безопасная авторизация. OAuth 2.0 с автоматическим обновлением токенов.
- Персональные настройки. Настройка рабочего времени и уведомлений.
- Локализация. Английский и немецкий языки интерфейса.
- Модульные интеграции. Отдельные адаптеры для каждой поддерживаемой платформы.
- Поддержка Chrome и Edge. Единая кодовая база на Manifest V3 с публикацией в обоих магазинах.
Технологический стек
Для разработки и интеграции расширения использовались следующие технологии:
- Платформы: Google Chrome, Microsoft Edge
- Архитектура расширения: Manifest V3, Chrome Extension APIs, Service Worker
- Фронтенд: JavaScript, HTML, CSS
- Интеграция с сайтами: Адаптеры платформ, обнаружение контактов на страницах, динамическое добавление индикаторов
- CRM и профессиональные сети: HubSpot, Salesforce, LinkedIn
- Серверная интеграция: API определения доступности, API поиска контактов
- Авторизация: OAuth 2.0, интеграция с провайдером идентификации, хранение и автоматическое обновление токенов
- Уведомления: Браузерные уведомления на рабочем столе, фоновые проверки доступности
- Интерфейс: Индикаторы доступности, всплывающая панель расширения, список доступных контактов, настройки
- Локализация: Английский и немецкий языки
- Конфиденциальность: Локальное хранение идентификаторов избранных контактов и пользовательских настроек; получение контактных данных через API по мере необходимости
- Публикация: Chrome Web Store, Microsoft Edge Add-ons
Результаты
Разработанное решение превратило сервис определения доступности контактов в полноценное браузерное расширение, встроенное в повседневные рабочие процессы отделов продаж.
Проект был реализован примерно за четыре недели. Еженедельно команда представляла заказчику рабочие версии расширения для демонстрации потенциальным клиентам. Единая кодовая база обеспечила совместимость с Chrome и Edge, а модульная архитектура упростила интеграцию с дополнительными платформами в будущем.
Ключевые результаты включали:
- 120 часов разработки на создание и подготовку расширения к публикации.
- 4 недели от начала разработки до публикации в обоих магазинах.
- 2 магазина расширений — Chrome Web Store и Microsoft Edge Add-ons.
- 3 интегрированные платформы — HubSpot, Salesforce и LinkedIn
- Масштабируемая архитектура — основа для возможной интеграции с Pipedrive, Microsoft Dynamics, Close и другими платформами.