Одностраничный лендинг SaaS-продукта для поиска квалифицированных лидов из 16+ площадок (Telegram, HH.ru, SuperJob, Habr Career, FL.ru, Kwork, LinkedIn, Reddit, Hacker News и др.) в формате вайтлейбл-бренда.
Целевое действие: самостоятельная регистрация в сервисе и запуск первого проекта.
Сделать конверсионный лендинг, который:
- объясняет ценность за 3 секунды;
- снижает страх сложности за счёт простой структуры и демонстрации интерфейса;
- ведёт пользователя к регистрации через повторяющиеся CTA;
- поддерживает мобильный сценарий как приоритетный.
Целевая аудитория: B2B-компании всех ниш: SMB, агентства, фрилансеры, CRM-интеграторы, маркетплейс-специалисты.
Не “инструмент парсинга”, а поток квалифицированных клиентов из 16+ площадок.
Ключевой месседж:
«Клиенты ищут вас прямо сейчас на 16+ площадках. Мы их находим.»
- Конверсия: 8–15% (посетитель → регистрация)
- Время до первого скролла: < 3 сек
- Bounce rate: < 40%
- Среднее время на странице: > 2 минут
- Hero — ценность + главный CTA + мини-доказательство
- Как это работает — 3 шага за 4 минуты
- Демо интерфейса — дашборд / список лидов / чат, автосмена каждые 5 сек
- Ключевые преимущества — почему лучше ручного поиска и альтернатив
- Кейсы с цифрами — социальное доказательство по нишам
- ROI-калькулятор — прогноз выручки и окупаемости в реальном времени
- Тарифы — прозрачная матрица планов + выделение рекомендованного
- Сравнение с альтернативами — таблица «ручной / ключевики / наш сервис»
- FAQ — снятие возражений перед регистрацией
- Финальный CTA — последний конверсионный толчок
- Футер — юридические ссылки, контакты, поддержка
- Стиль: современный, технологичный, чистый
- Без стоковых фото людей; только интерфейс, данные, схемы, иконки
- Референсы по духу: Linear / Vercel / Stripe
- Палитра:
- тёмный фон:
#0A0A0F - акцент:
#FF6B35 - позитивные метрики:
#34D399 - вторичный текст:
#9898AA
- тёмный фон:
- Типографика: Manrope (или аналог), акцент на крупных заголовках и цифрах
- Формат реализации: статический лендинг (HTML + Tailwind CSS + JS) или SSR-фреймворк
- Адаптивные диапазоны:
- Mobile: 320–768 (высший приоритет)
- Tablet: 768–1024
- Desktop: 1024–1440
- Wide: 1440+
- Цели по производительности:
- Lighthouse Performance: 90+
- FCP: < 1.5 сек
- LCP: < 2.5 сек
- SEO:
- семантическая разметка H1-H3
- Meta / Open Graph / Twitter Card
- Schema.org (SoftwareApplication + FAQPage)
- robots.txt и sitemap.xml
- Интеграции:
- редирект регистрации на
platform.leadl.aiс UTM - Яндекс.Метрика + GA4
- пиксель VK (опционально)
- редирект регистрации на
- Тон: прямой, конкретный, без воды
- Цифры важнее эпитетов
- Без обещаний фиксированного результата без оговорки о нише
- Для вайтлейбла: не упоминать Leadl.ai в текстах лендинга
- Минимизировать англицизмы без необходимости (с учётом требований ФЗ-168)
- Hero: «Получить первых лидов бесплатно»
- После блока шагов: «Попробовать за 4 минуты»
- Под ROI-калькулятором: «Начать получать этих клиентов»
- Финальный блок: «Начать бесплатно»
- глубина скролла (10/25/50/75/100)
- клик по CTA
- взаимодействие с калькулятором
- раскрытие FAQ
- клик по Telegram-контакту
- время на странице >30 / >60 / >120 сек
- Концепт: 3–5 дней
- Полный дизайн: 5–7 дней
- Вёрстка: 5–7 дней
- Интерактив: 2–3 дня
- Интеграции: 1–2 дня
- Тестирование: 2–3 дня
- Запуск: 1 день
Итого: 19–28 рабочих дней (4–6 недель)
- Бренд/логотип утверждён
- Домен подключён
- Тарифы и цены финализированы
- Подготовлены реальные скриншоты интерфейса
- Есть минимум 3 кейса с цифрами
- Подготовлены оферта и политика конфиденциальности
- Настроен редирект регистрации с UTM
- Подключена аналитика и события
- Готов канал/бот в Telegram
- Проверены тексты на лишние англицизмы
- Lighthouse 90+
- Протестирована мобильная версия на реальных устройствах
index.html— текущий одностраничный лендингCLAUDE.md— проектные ограничения по стилю/стекуREADME.md— этот документ (ТЗ и рамка реализации)
Так как проект статический, достаточно открыть index.html в браузере.
Для запуска через локальный сервер (рекомендуется):
python -m http.server 8080Далее открыть: http://localhost:8080