Розробка лендингу від брифа до запуску: 10 етапів процесу у 2026

Чому 14-21 день, а не «за тиждень»

«Лендінг за 7 днів» — це або шаблон з мінімальною кастомізацією, або шахрайство. Реальний кастомний лендінг з нормальною конверсією потребує 14-21 день при злагодженій роботі обох сторін.

10 етапів процесу — детально

Етап 1. Бриф (день 1, 2-3 години)

Що відбувається: Zoom-сесія з клієнтом 60-90 хв + brief-form з 30 питань.

Що питаємо:

• Про бізнес: що продаєте, кому, які цінності
• Про цільову аудиторію: 2-3 портрети (age, occupation, болі, бажання)
• Про продукт: USP, конкурентні переваги, ціна, формат доставки
• Про конкурентів: топ-5 з посиланнями
• Про маркетинг: звідки буде трафік (Google Ads, Meta, SEO, email)
• Про цілі: яка cost per lead прийнятна, який LTV
• Про контент: чи є фото, тексти, відгуки клієнтів

Що клієнт готує:

• Логотип у векторі (AI/SVG)
• 5-10 високоякісних фото продукту
• 3-5 відгуків клієнтів (фото + ім’я + текст)
• Доступи: Google Drive, CRM (для інтеграції)

Етап 2. Дослідження конкурентів (день 2, 4-6 годин)

Що робимо:

• Аналіз 5-10 топ-конкурентів у ніші
• Скріншоти hero-блоків, форм, CTA
• Збір сильних і слабких сторін
• Visual research для мудборда

Deliverable: Excel з benchmark-таблицею + Figma-мудборд

Етап 3. Прототип (день 3, 4-6 годин)

Що робимо:

• Wireframe у Figma (низької деталізації — лише блоки і структура)
• Структура за моделлю Hook → Boil → Proof → Action
• 8-12 секцій:
  1. Hero (заголовок + USP + CTA)
  2. Що ми пропонуємо (3 ключові вигоди)
  3. Як це працює (3-5 кроків)
  4. Цінові пакети
  5. Соцдоказ (відгуки, кейси)
  6. Команда / про нас
  7. FAQ (5-8 питань)
  8. Фінальний CTA

Презентація прототипу клієнту (Zoom 30-45 хв) — затверджуємо структуру до старту дизайну.

Етап 4. Дизайн (дні 4-8, 16-24 години)

Що робимо:

• Високоточний дизайн у Figma на основі затвердженого прототипу
• 3 breakpoints: desktop 1440, tablet 768, mobile 375
• Дизайн всіх стейтів (hover, active, error, success)
• Іконки, ілюстрації, графіка

Презентація дизайну (Zoom 60 хв) → 1-е коло правок → фіналізація → 2-е коло правок.

Тут найбільші затримки: якщо у клієнта 5 ітерацій правок замість 2 — проект буксує. Ми чітко окреслюємо: 2 кола включені, 3-є = +20% до ціни.

Етап 5. Програмування (дні 9-13, 20-32 години)

Стек:

• Astro для статики (швидкість + SEO)
• TypeScript для type-safety
• CSS scope-styled (без global mess)
• Cloudflare Pages для деплою

Що робимо:

• Верстка адаптивна (mobile-first)
• Інтерактивні елементи (toggle FAQ, smooth scroll, mobile menu)
• Оптимізація швидкості (preload, lazy loading, WebP)
• Schema.org markup (Organization, FAQPage, Service)
• Basic SEO (meta-теги, OG, sitemap.xml, robots.txt)

Етап 6. Інтеграції (дні 13-14, 6-10 годин)

Стандартний пакет інтеграцій для лендингу:

Етап 7. Контент (дні 14-15, 4-6 годин)

Що робимо:

• Фінальний копірайтинг (на основі брифу + analytics конкурентів)
• Підбір/оптимізація зображень
• Підготовка відгуків (анімація появи, групування)
• Заповнення FAQ-блоку

Кейс: часто клієнт думає «тексти я сам напишу», а потім за 3 дні до запуску дає сирий текст без структури. Ми зразу пропонуємо копірайтинг від нас (+8 000 грн) — це економить тижні і дає кращу конверсію.

Етап 8. Тестування (день 16, 4-6 годин)

QA чеклист:

• Адаптивна верстка на 4 devices (iPhone, Android, iPad, Desktop)
• Кросбраузерність (Chrome, Safari, Firefox, Edge)
• Швидкість (LCP < 2.5s, CLS < 0.1, INP < 200ms)
• Усі форми працюють (test submissions)
• CRM приймає заявки
• Google Analytics і Pixel шлють events
• 404-сторінка робоча
• Перевірка orphographic + style

Lighthouse скоринг: має бути 95+ Performance + 100 SEO + 100 Accessibility + 100 Best Practices.

Етап 9. Передача клієнту (день 17, 2 години)

Що передаємо:

• Доступи до Cloudflare Pages account
• GitHub repo (якщо клієнт хоче власну копію)
• Figma-файл з дизайном
• 30-хвилинна сесія: як редагувати контент через CMS-панель (якщо є)
• PDF з документацією

Етап 10. Запуск і моніторинг (дні 18-21, 2-3 години)

Що робимо:

• DNS налаштування (підключення домену до Cloudflare)
• SSL-сертифікат (автоматично через Cloudflare)
• Перший пуш у production
• Перевірка усього на live
• 7 днів безкоштовного моніторингу — реагуємо на критичні bugs

Розподіл часу — наочно

3 типові провали процесу

Провал 1: Клієнт не готовий з контентом

Симптом: дизайн готовий, програмування йде, а у клієнта немає фото/текстів.

Наслідок: запуск переноситься на 1-2 тижні. У 30% випадків — лендінг живе з заглушками типу «Lorem ipsum» 2-3 тижні.

Рішення: на стадії брифа ми чітко пишемо deadline для контенту = день 7. Якщо не готово — старт затримуємо до того як буде.

Провал 2: Нескінченні правки дизайну

Симптом: після 2 кіл клієнт каже «давай ще змінимо колір», «нумо поміняти заголовок», «здається я хочу більше анімацій».

Наслідок: проект розтягується на 1-2 місяці, бюджет розширюється на 50-100%.

Рішення: прайс-листі чітко: 2 кола включені, 3-є = +20%, 4-е = +40%. Це дисциплінує і робить процес передбачуваним.

Провал 3: Інтеграції на останній день

Симптом: «А давайте підключимо ще ось цю CRM і email-розсилку».

Наслідок: оце-це + +1-2 дні роботи + затримка запуску.

Рішення: усі інтеграції затверджуємо у брифі. Якщо щось додається пізніше — окрема оплата.

Що готує клієнт перед стартом — мінімум

1. Логотип у векторі (AI або SVG)
2. 5-10 фото продукту у високій якості (мін 2000px ширина)
3. 3-5 відгуків клієнтів (текст + ім’я + ідеально — фото)
4. Тексти основних блоків (заголовок, USP, опис продукту) — навіть чорнові
5. Брендбук якщо є (кольори, шрифти)
6. Доступи до Google Workspace, CRM, домену

Якщо чогось немає — або готує клієнт паралельно з дизайном, або замовляємо у нас (фотозйомка, копірайтинг — окремо).

Висновок

14-21 день — це реалістичний термін при якісній роботі обох сторін. Експрес 7-10 днів — можливий, але +30% до ціни і ризик якості.

Найважливіше — бути готовим з контентом на день 7. 80% затримок проектів — через сирий контент від клієнта.