# Лендинг «Персональная стратегия»: сайт, презентация на 11 слайдов и лиды в Telegram

> Кейс продающего лендинга бизнес‑коуча на WordPress + Elementor: адаптивная вёрстка, набор модальных окон, фирменная презентация продукта на 11 слайдов в едином стиле сайта и мгновенная доставка заявок в рабочую Telegram-группу с метаданными лида.

Источник: https://blog.uspeshnyy.ru/blog/keys-personalstrategy-lending/
Автор: Александр Успешный · blog.uspeshnyy.ru
Опубликовано: 2026-02-18
Теги: кейс, лендинг, Telegram

---

> Продающий лендинг бизнес‑коуча с адаптивной вёрсткой, набором модальных окон, фирменной презентацией продукта и мгновенной доставкой заявок в рабочую Telegram-группу.

![Главный экран на десктопе](/images/cases/keys-personalstrategy-lending/01-desktop.webp)

**Сайт:** [personalstrategy.romandusenko.ru](https://personalstrategy.romandusenko.ru/)
**Стек:** WordPress · Elementor · Contact Form 7 · WPForms · Telegram Bot API

---

## О проекте

Роман Дусенко — бизнес‑коуч, консультант и ментор для собственников, генеральных директоров и руководителей проектов. Задача — сделать одностраничный сайт‑презентацию его методики «Персональная стратегия», который:
- рассказывает о продукте, методике и истории эксперта;
- вовлекает через модальные окна с деталями и презентацией;
- собирает заявки и **моментально доставляет их команде в Telegram**;
- одинаково хорошо работает и на десктопе, и на смартфоне.

Отдельным блоком в проект вошла **презентация продукта «Персональная система управления жизнью»** — 11 слайдов, оформленных в том же фирменном стиле, что и сайт. Она используется в модальном окне «Посмотреть презентацию» и как отдельный PDF-материал для рассылки.

---

## Что было сделано

| Направление | Решение |
|---|---|
| Платформа | WordPress как CMS — редактирование контента без разработчика |
| Конструктор | Elementor (Flexbox-контейнеры) — гибкая адаптивная вёрстка |
| Секции | 5 смысловых блоков: Приветствие · Продукт · Методика · История · Детали курса |
| Модальные окна | 6 Elementor-попапов: презентация, история, детали программ, формы записи |
| Формы | Contact Form 7 на главной + отдельная страница `/newform/` на WPForms (AJAX) |
| Презентация | Дизайн PDF-презентации продукта на 11 слайдов в фирменном стиле |
| Лиды | Отправка заявок в Telegram-группу «Дусенко Лиды» через бота |
| Аналитика | Яндекс.Метрика (вебвизор) + виджет обратного звонка Callibri |
| Адаптив | Отдельная проработка мобильного макета в Elementor |

---

## Архитектура решения

Сайт целиком построен на WordPress: контент и структура собираются в Elementor, формы обрабатываются плагинами, а заявки уходят в Telegram через Bot API.

---

## Поток лида: от клика до Telegram

Ключевая ценность проекта — заявка не теряется в почте и не ждёт выгрузки из админки. Как только пользователь отправляет форму, бот формирует карточку лида и публикует её в общую группу, где её сразу видит вся команда.

**Что попадает в карточку лида:**
- 📅 Дата и время заявки
- 🧩 Название формы (какой именно оффер сработал)
- 📞 Телефон клиента
- 🔗 Страница‑источник
- 🌐 IP-адрес и User-Agent устройства

![Лид в Telegram-группе «Дусенко Лиды»](/images/cases/keys-personalstrategy-lending/05-tg-leads.webp)

Формат карточки сразу отвечает на вопросы «откуда пришёл клиент» и «с какого оффера», что упрощает квалификацию заявок и аналитику каналов.

---

## Сборка в Elementor

Вся вёрстка собрана визуально в Elementor на Flexbox-контейнерах — это позволяет заказчику самостоятельно править тексты и блоки без кода. Структура страницы разбита на пронумерованные секции с вложенными контейнерами, заголовками, кнопками и попапами.

![Редактирование главного экрана в Elementor (десктоп)](/images/cases/keys-personalstrategy-lending/03-elementor1.webp)

Для мобильных устройств макет проработан отдельно: переключение на мобильный вид в редакторе, свои размеры контейнеров, гамбургер‑меню и порядок блоков.

![Проработка мобильного вида в Elementor](/images/cases/keys-personalstrategy-lending/04-elementor2.webp)

---

## Презентация продукта

Чтобы у Романа был готовый материал для встреч, вебинаров и рассылок, в рамках проекта разработана **презентация «Персональная система управления жизнью, основанная на ваших ценностях»** — 11 слайдов в фирменном стиле сайта: та же типографика (акцентное синее слово + чёрный текст), тот же синий цвет бренда, единый визуальный ряд с фотографиями эксперта.

Презентация выстроена как последовательная драматургия — от постановки идеи до призыва к действию:

### Слайды

![Титульный слайд презентации](/images/cases/keys-personalstrategy-lending/06-pres-title.webp)

![Принципы системы](/images/cases/keys-personalstrategy-lending/07-pres-principles.webp)

![Процесс работы: из точки А в точку Б](/images/cases/keys-personalstrategy-lending/08-pres-process.webp)

![Как присоединиться — призыв к действию с QR-кодом](/images/cases/keys-personalstrategy-lending/09-pres-join.webp)

<figure class="doc-embed">
 <iframe src="/media/keys-personalstrategy-lending/prezentaciya.pdf#zoom=50&view=FitH" title="Презентация «Персональная система управления жизнью»" loading="lazy"></iframe>
 <a class="doc-preview" href="/media/keys-personalstrategy-lending/prezentaciya.pdf" target="_blank" rel="noopener">
    <img src="/images/cases/keys-personalstrategy-lending/06-pres-title.webp" alt="Первая страница презентации" loading="lazy" />
 </a>
 <figcaption>
    <span>Полная презентация — 11 слайдов</span>
    <a href="/media/keys-personalstrategy-lending/prezentaciya.pdf" target="_blank" rel="noopener">Открыть PDF →</a>
 </figcaption>
</figure>

Ключевая задача дизайна — визуальная преемственность: сайт и презентация воспринимаются как единый бренд, что усиливает доверие к эксперту на всех точках контакта.

---

## Адаптивность

Сайт спроектирован mobile-friendly: на смартфоне навигация сворачивается в гамбургер‑меню, hero-блок перестраивается вертикально, кнопка «Записаться» остаётся на виду.

<video class="media-embed" controls playsinline preload="none" poster="/media/keys-personalstrategy-lending/desktop-poster.jpg">
 <source src="/media/keys-personalstrategy-lending/desktop.mp4" type="video/mp4" />
</video>

Десктоп‑версия в динамике.

![Мобильная версия сайта](/images/cases/keys-personalstrategy-lending/02-mobile.webp)

---

## Результат
- ✅ Готовый продающий лендинг с чёткой структурой офферов и понятной методикой.
- ✅ Фирменная презентация продукта на 11 слайдов — единый бренд сайта и материалов.
- ✅ Гибкая CMS — [заказчик правит контент сам, без разработчика](/blog/keys-burnout-reset-landing/).
- ✅ Мгновенная доставка лидов в Telegram: команда видит заявку в момент отправки.
- ✅ Карточка лида с метаданными — прозрачная квалификация и аналитика источников.
- ✅ Полноценный адаптив для десктопа и смартфона.
- ✅ Подключённая аналитика (Метрика + вебвизор) и виджет обратного звонка.

Это часть цикла работ для Романа Дусенко: парный лендинг [«Семейная стратегия»](/blog/keys-familystrategy-lending/) с посекционной навигацией и [Telegram-бот «Навигатор»](/blog/keys-event-bot-navigator/), превращающий его офлайн‑выступления в воронку продаж.

## Посмотреть вживую

**Следующий шаг:** хотите лендинг и презентацию в едином бренде, с заявками прямо в Telegram, [напишите мне в Telegram](https://t.me/uspeshnyy).