Интерактивный лендинг-консультант
2025
Kaspersky
Аналитика
UI/UX дизайн
Frontend
Backend
Клиент выводил на международный рынок решение для кибербезопасности критической инфраструктуры, фокусируясь на нефтегазовом секторе.
Была проблема: стандартные формы на лендингах собирали контакты, но не давали понимания конкретной ситуации и «болевых точек» потенциального заказчика. Это приводило к долгому «взращиванию» лидов.
Была проблема: стандартные формы на лендингах собирали контакты, но не давали понимания конкретной ситуации и «болевых точек» потенциального заказчика. Это приводило к долгому «взращиванию» лидов.
Клиент
Kaspersky — один из мировых лидеров в области кибербезопасности.
Цели
•
Создать инструмент вовлечения, который в процессе взаимодействия будет:
•
Квалифицировать лид, определяя сегмент бизнеса (upstream/midstream/downstream), размер компании и актуальные киберриски.
•
Обучать и консультировать, демонстрируя экспертизу компании через персональные предложения и инсайты.
•
Собирать структурированный пакет данных для CRM, чтобы менеджер начинал диалог, уже понимая контекст запроса клиента.
Реализация
Разработанный сайт — это «умный» инструмент, который персонализирует предложение под клиента, используя актуальные данные рынка.
Дизайн-концепция
01
Мы создали детализированную 3D-сцену нефтегазового объекта, которая сразу задает профессиональный, технологичный контекст и визуально отделяет проект от стандартных корпоративных сайтов.
02
Работая в рамках глобальных бренд-гайдов клиента, мы аккуратно ввели современные UI-паттерны, сложную анимацию перехода между шагами и интерактивные элементы, сохранив безупречную узнаваемость Kaspersky.
03
Ответы на вопросы дополняются инфографикой, фактоидами и схемами, которые превращают сухую статистику в запоминающиеся аргументы.
Разработка
•
Главный вызов — реализовать многоступенчатую, ветвящуюся логику опроса без использования серверной части (требование безопасности для целевых регионов). Все вычисления и хранение промежуточных данных происходили во фронтенде.
•
Мы построили сложную state-логику на Vue. js, где каждый следующий блок вопросов и контента зависит от предыдущих ответов пользователя. Пользователь может вернуться к любому шагу и изменить ответ.
•
По итогам опроса пользователь получает персонализированный отчет. Мы реализовали генерацию PDF прямо в браузере, используя скриншоты итоговых блоков страницы. Это позволило создать красивый, фирменный документ без разработки бэкенда.
•
Мы настроили прямую отправку данных в Bitrix24, где все ответы пользователя передаются в скрытые поля веб-формы, обеспечивая бесшовную передачу структурированных лидов в их CRM.
Результаты
•
Мы создали и запустили high-tech промо-инструмент, который решает бизнес-задачу на качественно новом уровне.
•
В CRM клиента теперь попадают не просто контакты, а анкеты с предварительным анализом потребностей компании.
•
Сайт работает как консультант, демонстрируя глубокое понимание индустрии и усиливая доверие к бренду.
•
Заложенная архитектура позволяет относительно легко адаптировать логику опроса под новые продукты или регионы.
Заключение
Этот проект показал, что даже в рамках строжайших бренд-стандартов и сложных технических ограничений можно создавать цифровые продукты с высокой степенью инновационности.
Мы продемонстрировали, что глубокая проработка UX и смелые идеи напрямую влияют на решение ключевых бизнес-задач Kaspersky — в данном случае, на качество и ценность генерируемых лидов.
Мы продемонстрировали, что глубокая проработка UX и смелые идеи напрямую влияют на решение ключевых бизнес-задач Kaspersky — в данном случае, на качество и ценность генерируемых лидов.
Команда
Руководитель проекта
Антон Миролюбов
Дизайнер (3D, UI/UX)
Анастасия Можева
Арт-директор
Елена Пономарева
Аналитик
Дмитрий Горохов
Разработчики
Эмиль Тухватуллин
Дмитрий Мекеров
Кейсы
Мегамаркет
Дизайн-поддержка для «Мегамаркета»
Reksoft
Корпоративный сайт для лидера цифровой трансформации
Черкизово
Сайт благотворительного фонда
Логика молока
Карьерный сайт с интеграцией в систему автоматизации подбора
Комментарии к статье
Комментарии: 0