Создание landing page (посадочной страницы) — это, пожалуй, самый частый заказ для фрилансеров и небольших студий. В отличии от многостраничных сайтов или интернет-магазинов, лендинг решает одну конкретную задачу: **продажа товара/услуги или сбор контактных данных (лидов)**.

Так как ты планируешь использовать (хотя для landing page это часто избыточно, но оправдано, если в будущем планируется расширение или нужна сложная админка), я разобью ответ на две части:

1.  **Подробный план собеседования с клиентом** (самое важное).

2.  **Техническая реализация на (что конкретно нужно написать/настроить).

---

### Часть 1. Брифинг клиента: 100 вопросов к заказчику

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

#### Блок 1: Цели и задачи (Стратегия)

Это базовые вопросы, которые определяют структуру.

1.  **Какова главная цель сайта?** (Продажа конкретного товара? Сбор заявок на услугу? Подписка на рассылку? Скачивание файла?).

2.  **Что ты хочешь, чтобы сделал пользователь в первую очередь?** (Целевое действие: нажать кнопку «Купить», отправить номер телефона, позвонить).

3.  **Есть ли готовые примеры сайтов, которые тебе нравятся?** (Пришли мне 3-5 ссылок).

4.  **Кто твои конкуренты?** (Посмотрим, что делают они).

5.  **Какая целевая аудитория?** (Мужчины/женщины, возраст, профессия, боли и потребности).

#### Блок 2: Структура и контент (Что будет на странице)

Лендинг обычно состоит из стандартных блоков. Нужно понять, какие из них нужны клиенту.

1.  **Первый экран (Hero Section):** Какой заголовок, подзаголовок и изображение будут сразу бросаться в глаза? Какая кнопка будет самой главной?

2.  **Проблема/Решение:** Будет ли блок, где мы описываем "боли" клиента и показываем, как продукт их решает?

3.  **О продукте/услуге:**

    *   Что это? (Описание, характеристики).

    *   Есть ли фотографии или видео продукта?

    *   Есть ли инструкция "Как это работает?" (обычно 3-4 шага).

4.  **Преимущества (USP):** Почему клиент должен купить именно у вас? (Уникальное торговое предложение).

5.  **Тарифы/Цены:**

    *   Сколько стоит? Один вариант или несколько пакетов (Эконом, Бизнес, VIP)?

    *   Есть ли акции, скидки за подписку?

6.  **Отзывы и Кейсы:**

    *   Есть ли реальные отзывы клиентов (текст, фото, сканы)?

    *   Есть ли примеры работ (портфолио)?

7.  **FAQ (Вопрос-Ответ):** Какие частые вопросы возникают у клиентов перед покупкой?

8.  **Форма захвата (лид-форма):**

    *   Какие поля должны быть в форме? (Только телефон? Имя+телефон? Или полная анкета?).

    *   Нужно ли согласие на обработку персональных данных (галочка)?

9.  **Контакты:**

    *   Адрес (для офлайн-точек), телефон, email.

    *   Нужна ли карта (Яндекс.Карты/Google Maps)?

    *   Ссылки на соцсети.

#### Блок 3: Дизайн и Бренд (Визуал)

1.  **Фирменный стиль:** Есть ли готовый логотип, цветовая гамма, шрифты? Если нет, кто их разрабатывает (ты или клиент)?

2.  **Настроение:** Какой стиль предпочтительнее? (Строгий корпоративный, яркий молодежный, минимализм, технический).

3.  **Графика:** Предоставит ли клиент все изображения сам, или нужен фотосток (за чей счет)?

#### Блок 4: Функциональность (Техника)

1.  **Куда отправлять данные из форм?**

    *   На Email (какой именно)?

    *   В Telegram-бота?

    *   СМС-уведомления?

2.  **Интеграции:** Нужно ли подключать платежные системы (ЮKassa, Robokassa) для онлайн-оплаты? Или это просто заявка, а потом менеджер перезванивает?

3.  **Админ-панель:** Хочет ли клиент самостоятельно менять тексты/картинки на сайте или это будешь делать только ты? (Для лендинга частотность правок мала, иногда админка не нужна).

4.  **Аналитика:**

    *   Нужно ли установить счетчик Яндекс.Метрики и Google Analytics?

    *   Нужно ли настроить цели в этих системах (отслеживание кликов по кнопкам, отправку форм)?

#### Блок 5: Бюджет и Сроки (Деньги)

1.  **Бюджет:** Какая сумма заложена на разработку? (Самый важный вопрос. "Эконом" может означать от 5 до 10 тыс. руб., нужно уточнить).

2.  **Сроки:** Когда нужно запуститься? "Вчера" или есть месяц?

3.  **Хостинг и домен:**

    *   Домен уже куплен?

    *   Кто будет покупать хостинг и оплачивать его? (Ты или клиент). Если ты — включи это в стоимость.

4.  **Техподдержка:** Нужно ли будет вносить правки после запуска? Входит ли это в стоимость или будет почасовой абонемент?

---

### Часть 2. Техническая реализация (Пошагово)

После того как ты поговорил с клиентом и получил макет (или ТЗ), приступаем к разработке.

#### Шаг 1. Подготовка окружения и настройка проекта

1.  **Виртуальное окружение:** Создаем и активируем.

2.  **Установка:**

3.  **Создание проекта:**

4.  **Создание приложения:** (для страницы) и (для обработки форм).

#### Шаг 2. Настройка проекта

Прописываем минимальные настройки:

#### Шаг 3. Создание модели для заявок (База данных)

Если клиент хочет хранить заявки в базе данных (админке), создаем модель.

#### Шаг 4. Контроллеры (Views) — Обработка форм

Создаем вьюху, которая примет POST запрос от формы на лендинге.

#### Шаг 5. Админка для клиента

Если клиент хочет сам смотреть заявки, настраиваем админку красиво.

#### Шаг 6. Деплой (Выкладка на сервер) — Эконом-вариант

Для "Эконом" лендинга переплачивать за мощный VPS не нужно.

1.  **Хостинг:** VPS от Timeweb/Reg.ru за 550-700 руб/мес.

2.  **Настройка:**

    *   Установка, создание виртуального окружения.

    *   Копирование кода (через Git или SCP).

    *   Установка зависимостей.

    *   Настройка.

        *   Настройка статики и медиа.

    *   Настройка базы данных (SQLite или PostgreSQL).

    *   Настройка веб-сервера.

### Итоговый чек-лист для сдачи клиенту:

- [x] Сайт открывается по домену.

- [x] Все кнопки работают.

- [x] Формы отправляются (проверить: доходит ли письмо, сохраняется ли в базе).

- [x] Сайт адаптивен (хорошо выглядит на телефонах).

- [x] Установлена аналитика (Яндекс.Метрика).

- [x] Клиенту выданы доступы: в админку (если есть), к хостингу, к домену.