B2B Сервис · Tailwind CSS · 2024

Разработка сайта для интегратора ИНСАЙДЕР: от холодных продаж к входящим лидам за 15 дней

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

Срок

15 дней

Технологии

Tailwind + JS + PHP

Задача

Сайт для получения партнерского статуса

Сайт

Открыть ↗

Уйти от выгорания в холодных звонках

Клиент занимается внедрением системы мониторинга сотрудников «Инсайдер». До обращения к нам отдел продаж сидел исключительно на холодных звонках. Это долго, дорого и сильно выжигает менеджеров. Чтобы начать получать входящие теплые лиды, требовался современный сайт.

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

С какими сложностями столкнулись

Проблема

Громоздкая логика ценообразования

→

Решение

У продукта десятки вариаций цен: Облако или Коробка, разное количество ПК, скидки за оплату на 3, 6 или 12 месяцев. Мы спроектировали интуитивный интерфейс с переключателями, где выгода от годовой подписки видна мгновенно.

Проблема

Нужна админка, но без тяжелой CMS

→

Решение

Чтобы сохранить максимальную скорость загрузки, мы отказались от WordPress. Вместо этого написали кастомную легкую PHP-админку, которая управляет только одним модулем — прайс-листом.

Проблема

Сжатые сроки для аккредитации

→

Решение

Сайт нужно было показать вендору как можно быстрее. Использовали Tailwind CSS: он позволил нам собирать сложный UI прямо в разметке и уложиться в рекордные 15 дней от брифа до релиза.

Отстройка от вендора через экспертизу

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

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

Что реализовали технически

01

Интерактивный прайс-лист

Пользователь кликает на нужный период (1, 3, 6, 12 месяцев) или тип поставки, и карточки тарифов плавно пересчитывают стоимость одного рабочего места, сразу подсвечивая экономию.

02

Микро-админка для цен

Менеджер со стороны клиента может менять цены в два клика без знания HTML. Никаких лишних плагинов и сложных настроек — только таблица тарифов.

03

Адаптивные таблицы

Перестроили огромные десктопные таблицы сравнения тарифов в удобные swipe-карточки для смартфонов. Сайт отлично читается на ходу.

Как мы работали

01

Смысловая упаковка и UI

4 дня

Разобрались в продукте, собрали боли целевой аудитории (HR, служба безопасности, собственники). Спроектировали структуру и логику калькулятора тарифов.

02

Чистая верстка (Tailwind)

7 дней

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

03

Backend микро-админки

4 дня

Разработали защищенную панель управления прайсом, связали её с фронтендом, протестировали формы захвата лидов и выкатили проект на боевой домен.

Проект в цифрах

15 дней

от первого звонка до готового сайта

98/100

скорость загрузки по Google PageSpeed

100%

выполнение требований вендора для партнерства

Технологии проекта

HTML5 / JS Tailwind CSS PHP 8.x Custom Admin Panel

Мы долго откладывали запуск сайта, потому что пугала сложность переноса наших тарифов — там десятки переменных от количества ПК до срока лицензии. Ребята не просто заверстали отличный современный дизайн, но и собрали под нас удобную мини-админку чисто под прайс. Уложились ровно в 15 дней. Мы сразу показали сайт вендору, апгрейднули партнерский статус и уже пускаем первый платный трафик. Отличная работа.

Руководитель отдела продаж

Официальный партнер ИНСАЙДЕР

Сложный IT-продукт трудно продавать?

Обсудим ваш проект. Сделаем быстрый и понятный сайт, который объяснит выгоды клиентам и выстроит очередь из теплых заявок.

Обсудить проект