Лендинг
LeadSync — лендинг
Лендинг ИИ-сервиса LeadSync: живое демо вместо скриншотов, ролик, частые вопросы и пробный период в первом экране
- Клиент
- LeadSync
- Год
- 2026
- Услуги
- Лендинг
- Сайт
- Открыть сайт
01 О проекте
Лендинг ИИ-сервиса LeadSync: живое демо вместо скриншотов, ролик, частые вопросы и пробный период в первом экране
Лендинг leadsync.ru — одностраничный сайт ИИ-сервиса LeadSync: он объясняет, что делает ИИ-помощник для заявок, показывает его в работе и ведёт к пробному периоду на 7 дней без карты. Сервис новый и рассчитан на бизнес, где клиенты пишут с сайта, в Telegram и Max: прокат, автосервисы, салоны, клиники. Поэтому странице нужно было с первого экрана объяснить продукт и дать попробовать его, не покидая страницы. Для команды LeadSync мы изучили лендинги 14 конкурентов, собрали три варианта первого экрана и остановились на варианте B: крупный заголовок и кабинет владельца под ним. Сцену варианта A, где вопрос клиента доходит до заявки и уведомления, мы поставили в блок «Живое демо». Затем собрали страницу с анимациями и подготовили её для поиска и ответов нейросетей.
02 Что сделали
- 01
Первый экран выбрали из трёх вариантов
Перед вёрсткой мы изучили лендинги 14 конкурентов и пяти продуктов Яндекса. Затем собрали три варианта первого экрана на одной странице: меняется только он. В варианте A экран закрепляется и по прокрутке проигрывает путь заявки, в B продукт выходит на сцену, в C вокруг градиентной сферы-помощника появляются реплики ночного диалога. Выбрали вариант B: крупный заголовок, под ним кабинет владельца в перспективе. На широких экранах первый экран закрепляется, кабинет выпрямляется по прокрутке, а сцена проигрывает путь заявки от сайта и ночного чата до уведомления владельцу. На узких экранах сцена идёт потоком, без закрепления.
- 02
Живое демо вместо скриншотов
На странице нет ни одного скриншота продукта: чат, кабинет и уведомление собраны из вёрстки. Сцену варианта A мы поставили в блок «Живое демо». Посетитель выбирает вопрос к помощнику цветочного магазина: про букет из 25 роз к пятнице, подарок маме или доставку. Сцена показывает, как ответ проверяется по базе и как заказ попадает в план и в уведомление владельцу. Демо вымышленное, и на странице об этом сказано. Кнопка «Показать ещё раз» повторяет сцену.
- 03
Ролик в раскрывающейся рамке
После первого экрана идёт блок «Видео»: ролик на 1 минуту 13 секунд о том, как помощник отвечает клиенту ночью. Рамка с роликом растёт по мере прокрутки. Ролик запускается без звука, когда блок появляется в кадре, и встаёт на паузу, когда уходит. Есть кнопка «Включить звук» и ссылка на скачивание MP4. На телефоне грузится облегчённая версия 720p.
- 04
Панель под отрасль
Блок «Панель под ваш бизнес» показывает окно панели владельца и четыре отрасли слева: прокат, салон, студия, ремонт. При смене отрасли меняются термины, разделы меню, колонки таблицы и вопросы, которые помощник задаёт клиенту. Блок работает и от прокрутки, и от клика по списку. Анимации написаны на GSAP, ScrollTrigger и Lenis; при `prefers-reduced-motion` и в режиме `?static=1` страница показывает статичную композицию без движения.
- 05
Пробный период виден с первой секунды
Условие «7 дней бесплатно, без карты» стоит в первом экране, в кнопке меню, в блоке демо и в финальном призыве. Рядом с кнопкой одна строка о том, что ничего не спишут и названивать не будут. Число дней в вёрстке запасное: актуальное страница запрашивает у приложения LeadSync.
- 06
Текст для поиска и для нейросетей
Весь текст лежит в HTML, анимация идёт поверх него. Заголовки блоков звучат как вопросы пользователей («Как работает ИИ-помощник для заявок»), таблица «Честное сравнение» сопоставляет помощника с менеджером, обычным чатом-ботом и формой заявки. В «Частых вопросах» 11 вопросов с разметкой FAQPage, сервис описан разметкой SoftwareApplication. Для поисковых систем и нейросетей есть `llms.txt`, `robots.txt`, `sitemap.xml` и canonical. Страница собрана из чистых HTML, CSS и JS без сборки.
- 07
Надёжность, cookies и документы на странице
Блок «Надёжность» объясняет, чему верить в ответах помощника: наличие и даты проверяет код по базе клиента, заказ создаётся после «да» клиента, а если модель напишет «оформлено» без записи, система заменит ответ уточняющим вопросом. Данные хранятся в России. Страница показывает уведомление о cookies и Яндекс Метрике, в подвале есть политика конфиденциальности, оферта и реквизиты, а также документ об обработке персональных данных. Метрика считает два действия без персональных данных: переход к регистрации и первое обращение к демо.
03 Сайт целиком
04 Мобильная версия
05 Проект в цифрах
- 4недели до запуска
- 3варианта первого экрана, выбран вариант B
- 14конкурентов в исследовании
- 11вопросов в блоке «Частые вопросы»
06 Команда проекта
- Руководитель проекта
- Арт-директор
- Разработчик: вёрстка и анимации
- Копирайтер и SEO-специалист
Заявка
Хотите такой же результат?
- Детальная смета до старта
- Сроки и цена — в договоре
- Сайт и все доступы принадлежат заказчику
© 2026 ИП Макаров Илья Викторович · ИНН 550711589653 · ОГРНИП 325554300002980 · Политика конфиденциальности · Telegram · hi@veyro.ru
RENTZ
Листайте вниз — или нажмитеНажмите, чтобы открыть© 2026 ИП Макаров Илья Викторович · ИНН 550711589653 · ОГРНИП 325554300002980 · Политика конфиденциальности · Telegram · hi@veyro.ru