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

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

Сайт: 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.

flowchart TB
    subgraph Browser["🖥️ Посетитель"]
        U["Пользователь<br/>десктоп / мобайл"]
    end
    subgraph WP["WordPress + Elementor"]
        LP["Лендинг<br/>5 секций"]
        POP["6 модальных окон<br/>Elementor Popups"]
        CF7["Contact Form 7<br/>(главная)"]
        WPF["WPForms /newform/<br/>(AJAX)"]
    end
    subgraph Ext["Внешние сервисы"]
        TG["Telegram Bot"]
        GRP["Группа «Дусенко Лиды»"]
        YM["Яндекс.Метрика"]
        CB["Callibri<br/>обратный звонок"]
    end

    U --> LP
    LP --> POP
    POP --> CF7
    POP --> WPF
    CF7 --> TG
    WPF --> TG
    TG --> GRP
    LP -.аналитика.-> YM
    LP -.виджет.-> CB

---

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

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

sequenceDiagram
    actor U as Посетитель
    participant F as Форма (CF7 / WPForms)
    participant WP as WordPress
    participant BOT as Telegram Bot
    participant TG as Группа «Дусенко Лиды»

    U->>F: Заполняет форму записи
    F->>WP: Отправка (AJAX)
    WP->>WP: Валидация + сбор метаданных<br/>(дата, форма, IP, User-Agent)
    WP->>BOT: sendMessage(payload)
    BOT->>TG: Карточка «Заявка с сайта»
    TG-->>U: — (менеджер перезванивает)

Что попадает в карточку лида:

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

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

---

Сборка в Elementor

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

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

---

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

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

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

flowchart LR
    S1["1 · Титул<br/>Персональная система"] --> S2["2 · Введение<br/>в систему"]
    S2 --> S3["3 · Цели системы"]
    S3 --> S4["4 · Принципы"]
    S4 --> S5["5 · Разработка"]
    S5 --> S6["6 · Компоненты"]
    S6 --> S7["7 · Индивидуальный<br/>подход"]
    S7 --> S8["8 · Процесс работы<br/>из точки А в Б"]
    S8 --> S9["9 · Измерение<br/>успеха"]
    S9 --> S10["10 · Уникальность"]
    S10 --> S11["11 · Как присоединиться<br/>+ QR-код"]

Слайды

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

---

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

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

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

---

Результат

• ✅ Готовый продающий лендинг с чёткой структурой офферов и понятной методикой.
• ✅ Фирменная презентация продукта на 11 слайдов — единый бренд сайта и материалов.
• ✅ Гибкая CMS — заказчик правит контент сам, без разработчика.
• ✅ Мгновенная доставка лидов в Telegram: команда видит заявку в момент отправки.
• ✅ Карточка лида с метаданными — прозрачная квалификация и аналитика источников.
• ✅ Полноценный адаптив для десктопа и смартфона.
• ✅ Подключённая аналитика (Метрика + вебвизор) и виджет обратного звонка.

Открыть сайтpersonalstrategy.romandusenko.ru

Это часть цикла работ для Романа Дусенко: парный лендинг «Семейная стратегия» с посекционной навигацией и Telegram-бот «Навигатор», превращающий его офлайн‑выступления в воронку продаж.

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

Перейти на сайтpersonalstrategy.romandusenko.ru

Следующий шаг: хотите лендинг и презентацию в едином бренде, с заявками прямо в Telegram, напишите мне в Telegram.