«Callibri» — это система коллтрекинга и сквозной аналитики, упрощающая жизнь владельцам сайтов. Она помогает отслеживать звонки с сайта, вопросы в чате, заказ обратных звонков, а также интегрируется с внешними системами аналитики.
Ключевой инструмент Callibri — виджет-консультант. Это эффективный перехватчик лидов, который гарантирует, что ни одно обращение не будет упущено. Через виджет пользователи могут общаться с оператором в чате, совершать звонки прямо из браузера и оставлять заявки.
Перед нами стояла интересная задача: спроектировать и разработать дизайн виджета-консультанта, который можно было бы универсально применять на всех сайтах Callibri. И чтобы общение с ним приносило людям радость.
Мы начали работу с исследования рынка. Проанализировали множество существующих сервисов коллтрекинга и онлайн-консультантов, выявили их недостатки и придумали, как улучшить.
На этапе разработки мы отказались от создания конкретных персонажей. Пользователь виджета — это любой посетитель сайта, и сужать аудиторию нецелесообразно. Вместо этого мы сосредоточились на проработке всех возможных сценариев взаимодействия с виджетом.
Выявили проблему: конкурирующие онлайн-консультанты либо пассивны (теряют лидов), либо агрессивны (раздражают пользователей). Мы нашли золотую середину — оптимальное сочетание активности и тактичности, которое максимизирует конверсию и сохраняет лояльность посетителей сайта.
Разработали мокапы, которые демонстрируют основные визуальные модели и логику работы виджета в различных ситуациях.
Изначально тестировали яркие и насыщенные цветовые решения. Но в итоге остановились на универсальном и нейтрального монохромном варианте.
Окончательный внешний вид после согласований.
Вместе с клиентом мы придумали и реализовали для виджета несколько фишек:
Пользователь может мгновенно связаться с оператором нажатием одной кнопки, используя микрофон и динамик своего браузера.
Пользователь видит только те опции онлайн-консультанта, которые доступны в текущий момент. Например, если оператор занят, функция звонка будет неактивна.
Мы гарантируем, что соединение с оператором произойдет в течение 30 секунд. Этот таймер исключает негативный опыт бесконечного ожидания, подтверждая, что на связи живой человек.
Если дозвониться не удалось, виджет переводит клиента на интерактивные сценарии, чтобы максимально полезно обработать обращение.
Разработали несколько тем оформления, позволяющих легко адаптировать внешний вид виджета под стилистику любого клиентского сайта.
Чтобы добавить жизни статичному дизайну, мы разработали серию анимаций. Они повышают привлекают внимание пользователя к ключевым элементам и улучшают общее впечатление от виджета.
Ключевые анимации:
Рост конверсии стал лучшим подтверждением эффективности нашей работы. Итог превзошел ожидания клиента и порадовал команду. Объективные показатели — единственный настоящий комплимент для дизайнеров. Посмотрите на эти цифры:
