From ad444871de6ee2f01b6aaadd9ebed3185787ce22 Mon Sep 17 00:00:00 2001 From: Ivan Liashkevich Date: Wed, 18 Feb 2026 01:18:35 +0200 Subject: [PATCH] Add new funnel documents for sales processes, objections, and sample order landing page --- funnels/00 — Обзор воронок.md | 90 +++++++++++++ funnels/01 — Шляхи клієнтів і воронки.md | 160 +++++++++++++++++++++++ funnels/02 — Таблиця заперечень.md | 90 +++++++++++++ funnels/04 — Посадочна samples.md | 146 +++++++++++++++++++++ 4 files changed, 486 insertions(+) create mode 100644 funnels/00 — Обзор воронок.md create mode 100644 funnels/01 — Шляхи клієнтів і воронки.md create mode 100644 funnels/02 — Таблиця заперечень.md create mode 100644 funnels/04 — Посадочна samples.md diff --git a/funnels/00 — Обзор воронок.md b/funnels/00 — Обзор воронок.md new file mode 100644 index 0000000..96d28ac --- /dev/null +++ b/funnels/00 — Обзор воронок.md @@ -0,0 +1,90 @@ +--- +tags: + - воронки + - маркетинг + - продажи + - посадочные +created: 2026-02-18 +--- + +# Воронки продаж і посадочні сторінки + +## Що готово + +- ✅ Каталог `/products` — 2 415 товарів, фільтри по відтінках, SSR +- ✅ Картка товару `/product/{colorSlug}` — карусель, перемикач розмір/поверхня, ціна, спеки, FAQ, Schema.org +- ✅ Адмінка — товари, зображення, CMS-сторінки (10 типів блоків) +- ✅ CDN-пайплайн — завантаження → 5 WebP-варіантів → Cloudflare R2 +- ✅ SEO-база — sitemaps, breadcrumbs, robots.txt, JSON-LD + +## Що потрібно створити + +| Сторінка | URL | Статус | Пріоритет | +|---|---|---|---| +| Homepage | `/` | Заглушка → переробити | P0 | +| **Замовити зразок** | `/samples` | **НОВА** | **P0** | +| Калькулятор | `/calculator` | Створити | P0 | +| Контакти | `/contacts` | Створити | P0 | +| FAQ | `/faq` | Створити | P0 | +| Про компанію | `/about` | Створити | P0 | +| Де купити | `/dealers` | Створити | P1 | +| **Для архітекторів** | `/architects` | **НОВА** | **P1** | +| Галерея проектів | `/projects` | Створити | P1 | +| Блог | `/blog` | Створити | P2 | + +## 4 аудиторії + +1. **Архітектор** (пріоритет №1) — впливає на рішення домовласника, мультиплікатор (1 архітектор = 3-5 проектів/рік) +2. **Домовласник** (пріоритет №2) — платить гроші, шукає в Google/Instagram +3. **Дилер** (пріоритет №3) — точка продажу, вітрина бренду в регіоні +4. **Будівельник** (пріоритет №4) — виконавець, рідко ініціює вибір + +## Рекламні канали + +### Google Ads — запуск до березня (основний) + +| Кампанія | Ключові | Посадочна | +|---|---|---| +| Основна | фасадна плитка купити, під цеглу, для дому | `/` Homepage | +| Каталог | фасадна плитка каталог, кольори, текстури | `/products` | +| Ціна | фасадна плитка ціна, скільки коштує | `/calculator` | +| Конверсія | замовити зразки, безкоштовний зразок | `/samples` | +| Гео | фасадна плитка Київ / Одеса / Хмельницький | `/dealers` | +| B2B | виробник фасадної плитки, ручна формовка | `/architects` | +| Бренд | GoodBrick, goodbrick плитка | `/` Homepage | + +### Instagram Ads — запуск після збору фото (травень+) + +| Формат | Посадочна | Навіщо | +|---|---|---| +| Фото/карусель фасаду | `/projects/{slug}` або `/` | Надихнути | +| Reels процес формовки | `/about` | Автентичність | +| Карусель текстур | `/products` | Різноманітність | +| Stories «Зразок безкоштовно» | `/samples` | Пряма конверсія | + +**Чому не одразу Instagram:** є лише 1-2 об'єкта з фото. Без сильного візуалу реклама в Instagram — порожня витрата. Спочатку зібрати фотозйомку 3-5 об'єктів. + +## Порядок запуску + +**Тиждень 1 (P0 — без цього реклама не працює):** +1. Homepage — повна переробка +2. `/samples` — нова сторінка + бекенд форми +3. `/contacts` — CMS + форма +4. `/calculator` — клієнтський розрахунок +5. `/faq` — CMS з FaqBlock +6. `/about` — CMS-сторінка +7. Навігація — оновити реальними посиланнями + +**Тиждень 2 (P1 — підсилює конверсію):** +8. `/dealers` — CMS + LocalBusiness Schema +9. `/architects` — B2B посадочна +10. `/projects` — галерея (1-2 кейси) + +**Після запуску (P2 — SEO та Instagram):** +11. `/blog` — 3-5 статей +12. Фотозйомка об'єктів → наповнення `/projects` +13. Запуск Instagram Ads + +--- + +Пов'язані документи: [[01 — Шляхи клієнтів і воронки]], [[02 — Таблиця заперечень]], [[04 — Посадочна samples]] diff --git a/funnels/01 — Шляхи клієнтів і воронки.md b/funnels/01 — Шляхи клієнтів і воронки.md new file mode 100644 index 0000000..004cf7b --- /dev/null +++ b/funnels/01 — Шляхи клієнтів і воронки.md @@ -0,0 +1,160 @@ +--- +tags: + - воронки + - шляхи-клієнтів + - конверсія +created: 2026-02-18 +--- + +# Шляхи клієнтів і воронки продаж + +## Воронка 1: «Зразок → Продаж» (основна, 80% конверсій) + +### Шлях домовласника через Google + +``` +Google: "фасадна плитка купити / під цеглу / для дому" + → Homepage / + → Каталог /products + → Картка /product/{color} + → Калькулятор /calculator (порахував витрату) + → CTA: «Замовити безкоштовний зразок» + → /samples (форма: ім'я + телефон + місто) + → Лід в KeyCRM → менеджер дзвонить за 24г + → Відправка зразків → Follow-up через 5-7 днів → Продаж +``` + +### Етапи + +| Етап | Де | Що відбувається | Метрика | +|---|---|---|---| +| **Привлечення** | Google Ads → Homepage / Каталог | Клікнув на оголошення | CTR 3-5% | +| **Залучення** | Каталог → Картка → Калькулятор → FAQ | Обрав колір, порахував ціну, зняв заперечення | Час на сайті > 2 хв | +| **Конверсія** | `/samples` | Залишив ім'я + телефон | CR 4-8% | +| **Nurturing** | Офлайн | Зразки → дзвінок через 5-7 днів → повторний через 2 тижні | 30-50% відповідь | +| **Продаж** | Телефон / Telegram | Замовлення через менеджера | 20-30% від зразків | + +### Чому працює + +Домовласник шукає в Google з конкретним наміром. Даємо візуальний каталог → ціну через калькулятор → низькобар'єрну дію (зразок безкоштовно). Зразок — точка неповернення: хто потримав — конвертується в 3-5 разів краще. + +--- + +## Воронка 2: «Калькулятор → Зразок → Продаж» (цінові запити) + +``` +Google: "фасадна плитка ціна за м2 / скільки коштує" + → Калькулятор /calculator + → Ввів площу → побачив суму (1200-1800 ₴/м²) + → CTA під результатом: «Замовити зразок для точного розрахунку» + → /samples → Лід → Зразки → Продаж +``` + +### Чому працює + +«Ціна» — один із топ-запитів. Калькулятор дає ціну без гейтингу, створює довіру. CTA після результату, коли клієнт уже думає «ну ок, адекватна ціна». + +**Критично:** калькулятор НЕ ховає ціну за формою. Показуємо суму одразу — це будує довіру. + +--- + +## Воронка 3: «Архітектор → Специфікація → Будівельник замовляє» (B2B) + +``` +Google Ads B2B / Instagram профільний + → /architects + → Тех.дані + протокол + формати + фото проектів + → /samples (позначка "архітектор" — безкоштовно) + → Зразки → Архітектор показує замовнику + → Замовник схвалює → В специфікацію + → Будівельник замовляє через /contacts або телефон +``` + +### Таймлайн архітекторської воронки + +``` +Виявлення Вивчення Перевірка Рішення +(Instagram/ (Сайт, каталог, (Зразки, (Специфікація +портфоліо колеги) тех. дані) протокол) → будівельник) + │ │ │ │ + 2–7 днів 1–3 дні 1–2 тижні Схвалення замовника +``` + +**Цикл:** 2-6 тижнів. Архітектор — мультиплікатор: один архітектор = 3-5 проектів на рік. + +### Що потрібно на кожному етапі + +- **Виявлення:** активний Instagram, портфоліо проектів +- **Вивчення:** `/architects` — тех. дані, PDF протоколу, каталог форматів +- **Перевірка:** зразки за 24-48 годин, відповіді на тех. питання +- **Рішення:** допомога з параметрами для специфікації (формати, характеристики) + +--- + +## Воронка 4: «Дилер → Шоурум → Продаж» (локальна) + +``` +Google: "фасадна плитка {місто}" + → /dealers + → Контакт дилера → Візит у шоурум → Потримав зразок → Замовлення + АБО + → «Купити напряму» → Homepage → Каталог → /samples +``` + +### Чому працює + +Гео-запити дешеві в Google Ads, а дилерська сторінка ловить готовий попит у конкретному місті. + +--- + +## Воронка 5: Instagram → Натхнення → Зразок (фаза 2) + +``` +Instagram: красиве фото фасаду / відео формовки + → Link → Homepage або /projects/{slug} + → Натхнення → Каталог → Картка + → CTA: «Замовити зразок» → /samples + → Лід → Продаж +``` + +### Специфіка + +Людина НЕ шукає плитку, її потрібно _надихнути_. Тому посадочна — проект або головна з hero-фото, а не каталог. + +**Запуск:** після збору фотозйомки 3-5 об'єктів (орієнтовно травень 2026). + +--- + +## Воронка 6: SEO / Блог (довгостроково) + +``` +Google: "клінкер чи бетон що обрати / морозостійкість F300" + → Стаття в блозі /blog/{slug} + → Internal links → Каталог → Картка + → /samples або Telegram → Лід → Продаж +``` + +### SEO-кластери (з контент-стратегії) + +1. **Фасадна плитка** — пілонна стаття + сателіти (формати, кольори, монтаж) +2. **Облицювальний кирпич** — пілонна + сателіти (ручна vs промислова) +3. **Дизайн фасаду** — тренди, поєднання кольорів +4. **Порівняння матеріалів** — клінкер vs бетон vs мінеральна + +--- + +## Єдина конверсійна точка: `/samples` + +Всі воронки зводяться до одної цільової дії — **замовити зразок**. Це єдиний конвертер, що працює в 3-5 разів краще за звичайні форми. + +CTA «Замовити зразок» повинно бути: +- У Hero-секції головної +- На кожній картці товару +- Після результату калькулятора +- На сторінці для архітекторів +- У футері сайту +- В Instagram Stories + +--- + +Пов'язані документи: [[00 — Обзор воронок]], [[04 — Посадочна samples]], [[../site-v2/01 — Главная]], [[../brand/10 — Продажи и аргументация]] diff --git a/funnels/02 — Таблиця заперечень.md b/funnels/02 — Таблиця заперечень.md new file mode 100644 index 0000000..9be72bb --- /dev/null +++ b/funnels/02 — Таблиця заперечень.md @@ -0,0 +1,90 @@ +--- +tags: + - воронки + - заперечення + - контент + - FAQ +created: 2026-02-18 +--- + +# Таблиця заперечень і де їх знімаємо + +Кожне заперечення повинно бути «закрито» на конкретній сторінці сайту. Якщо клієнт сумнівається — він знайде відповідь, не покинувши сайт. + +## Заперечення домовласника + +| Заперечення | Відповідь | Де знімаємо на сайті | +|---|---|---| +| «Дорого / чому дорожче за бетон?» | +15% за ручну формовку, F300 (в 3 рази вище норми), натуральні мінерали. За 30 років дешевше бетону, який треба оновлювати | `/faq`, `/calculator` (показує адекватну ціну), картка товару | +| «Ніколи не чув про GoodBrick» | Молодий бренд з 2022, але протокол F300, реальні об'єкти, зразки можна потримати | `/about`, `/projects`, `/samples` | +| «Feldhaus / імпорт надійніший» | Ціна в 2-3 рази вища, очікування 4-8 тижнів, промислове виробництво (не ручне). Різні продукти для різних задач | `/faq`, `/about` | +| «Ручна формовка = нестабільні розміри» | Контрольована варіативність ±1-2 мм, норма для hand-made. Фото кладки доводять | `/faq`, `/projects`, картка товару | +| «Довго чекати» | 3-7 днів по Україні з Одеси. Імпорт — 4-8 тижнів | `/faq`, `/contacts` | +| «Нема прикладів/відгуків» | Фото реалізованих проектів + зразки безкоштовно | `/projects`, `/samples` | +| «Не розумію чим мінеральна плитка відрізняється» | Каолінова глина + натуральні мінерали vs бетонна штамповка. Потримайте обидва — різниця очевидна | `/faq`, `/blog` (стаття «клінкер vs бетон vs мінеральна»), `/about` | + +## Заперечення архітектора + +| Заперечення | Відповідь | Де знімаємо | +|---|---|---| +| «Невідомий бренд — ризиковано специфікувати» | Протокол №24Б-101401, F300, 22,8 МПа. Відправимо зразки + протокол PDF | `/architects`, `/samples` | +| «Де тех. дані для специфікації?» | Формати, характеристики, допуски — всі на сайті | `/architects`, картка товару (спеки), `/faq` | +| «Нема завершених об'єктів» | Є реалізовані проекти, готові до фотозйомки вашого проекту для портфоліо | `/projects`, `/architects` | + +## Заперечення будівельника + +| Заперечення | Відповідь | Де знімаємо | +|---|---|---| +| «Чим клеїти?» | C2/C2TE клей, шов 10-12 мм, підготовка поверхні — інструкція є | `/faq`, картка товару | +| «Ручна формовка — складно класти» | Такі ж допуски як бельгійський hand-made brick. Ширший шов = простіше | `/faq` | + +## Заперечення дилера + +| Заперечення | Відповідь | Де знімаємо | +|---|---|---| +| «Невідомий бренд — чи буде попит?» | Попит створюється через Instagram + Google Ads + сарафан. Дилер — точка контакту | `/dealers`, презентація для дилерів | +| «Яка маржа?» | Вище ніж на типовому бетоні — преміальний продукт за доступну ціну | Прямий контакт, прайс-лист | + +## Де яке заперечення знімається + +``` +Homepage → «Єдині в Україні», F300, «+15% до бетону» (перше враження) +Каталог → Візуальний вибір (знімає параліч вибору) +Картка товару → Ціна, спеки, FAQ конкретного товару +Калькулятор → «Скільки це коштуватиме мені?» (знімає страх ціни) +FAQ → Всі заперечення структуровано +About → «Хто вони?» (знімає недовіру до бренду) +Projects → «Чи працює це?» (соціальне доказательство) +Architects → «Чи можу специфікувати?» (протокол + тех.дані) +Samples → «Потримай — і відчуєш різницю» (фінальне переконання) +``` + +## Скрипти відповідей + +### «Дорого / чому дорожче бетону?» + +> «Дорожче на ~15% — це не "дорого", це різниця між штамповкою і ручною роботою. За ці 15% ви отримуєте: кожну плитку унікальною, F300 морозостійкість (бетон F50–100), і натуральний мінеральний склад без синтетики. За 30 років володіння GoodBrick дешевше, ніж бетон, який потрібно оновлювати.» + +### «Ніколи про вас не чув» + +> «Ми молодий бренд — з 2022. Але в нас є офіційний протокол випробувань F300, реальні завершені проекти, і ви можете потримати матеріал самі — відправимо зразки. Маленький бренд ≠ поганий продукт. Petersen Tegl теж колись був нікому невідомим.» + +### «Feldhaus / імпортний клінкер надійніший» + +> «Feldhaus — відмінний продукт. Три різниці: ціна в 2-3 рази вища, очікування 4-8 тижнів з Німеччини, і промислове виробництво (не ручна формовка). Якщо вам потрібен ручний характер кожної плитки і місцева логістика — GoodBrick. Якщо потрібен саме німецький бренд-нейм — це інший вибір, і ми це розуміємо.» + +### «Ручна формовка — нестабільні розміри, важко класти» + +> «Контрольована варіативність ±1-2 мм — це норма для ручної формовки, так само як у бельгійського hand-made brick. Професійний муляр працює з цим без проблем — потрібен трохи більший шов (10-12 мм замість 8). Можу показати фото укладеного фасаду — побачите, що виглядає саме як задумано.» + +### «Довго чекати, потрібно терміново» + +> «Відвантажуємо з Одеси — по Україні 3-7 днів. Це наша ключова перевага перед імпортом: вам не треба чекати місяць. Якщо терміново — уточнимо наявність на складі прямо зараз.» + +### «Нема проектів-референсів» + +> «Є реалізовані проекти — покажемо фото. Також відправимо зразки, щоб ви оцінили якість наживо. Якщо потрібна зустріч — можемо організувати. І так, ми зацікавлені у фотозйомці вашого проекту — зробимо хороші кадри для вашого портфоліо.» + +--- + +Пов'язані документи: [[01 — Шляхи клієнтів і воронки]], [[../site-v2/04 — FAQ]], [[../brand/10 — Продажи и аргументация]] diff --git a/funnels/04 — Посадочна samples.md b/funnels/04 — Посадочна samples.md new file mode 100644 index 0000000..3bf7e9e --- /dev/null +++ b/funnels/04 — Посадочна samples.md @@ -0,0 +1,146 @@ +--- +tags: + - воронки + - посадочна + - конверсія + - samples + - зразки +created: 2026-02-18 +--- + +# Посадочна «Замовити зразок» — `/samples` + +## Чому це критично + +Кожна CTA на сайті веде до «Замовити зразок», але зараз немає цільової сторінки. Зразок — головний конвертер: клієнт, що потримав матеріал, конвертується **в 3-5 разів краще** за клієнта, що лише подивився на сайті. + +Ця сторінка — **єдина конверсійна точка всіх воронок**. + +## Структура сторінки + +### 1. Hero-блок + +**Заголовок:** «Замовте безкоштовний зразок — потрогайте різницю» +**Підзаголовок:** «Отримайте 4-6 зразків різних текстур і кольорів. Доставка 3-7 днів по Україні.» + +### 2. Що отримаєте (3 картки) + +- **4-6 зразків** різних текстур, формат NF +- **Картка характеристик** — назва, F300, склад +- **Інформація про бренд** — історія + відмінності + прайс + контакти + +### 3. Форма заявки + +| Поле | Тип | Обов'язкове | +|---|---|---| +| Ім'я | text | Так | +| Телефон | tel | Так | +| Місто | text | Так | +| Які кольори цікавлять? | multiselect (з каталогу) | Ні | +| Хто ви? | select: Домовласник / Архітектор / Будівельник / Дилер | Ні | +| Коментар | textarea | Ні | + +**Обов'язкові лише 3 поля. Без email.** Мінімум тертя. + +### 4. Trust-signals (під формою) + +- Фото зразків в упаковці +- «F300 — 300 циклів заморозки» +- «Виробництво в Одесі» +- «Доставка 3-7 днів» +- «Зразки безкоштовно для архітекторів» + +### 5. Після надсилання + +- Текст: «Дякуємо! Ми зателефонуємо протягом 24 годин» +- Посилання на Telegram для швидких питань +- Конверсійна подія: `PostHog.capture('sample_requested')` + `gtag('event', 'generate_lead')` + +## Бекенд + +Використовувати ту саму сутність `ContactForm`, що і для `/contacts`: + +``` +POST /api/contact-form +{ + name: string (required) + phone: string (required) + city: string + message: string + type: "Sample" | "Contact" | "Callback" + colors: string[] (optional — slugs із каталогу) + role: string (optional) +} +``` + +Сутність `ContactForm` в БД: + +``` +Id int (PK, auto) +Name string (required) +Phone string (required) +City string (nullable) +Message string (nullable) +Type enum (Sample, Contact, Callback) +Colors string (nullable, JSON array) +Role string (nullable) +SubmittedAt DateTime (UTC) +IsProcessed bool (default false) +``` + +Пізніше — інтеграція з KeyCRM через webhook або API. + +## Куди вести CTA з інших сторінок + +| Сторінка | CTA-текст | Link | +|---|---|---| +| Homepage Hero | «Замовити безкоштовний зразок» | `/samples` | +| Картка товару | «Замовити зразок цього кольору» | `/samples?color={slug}` | +| Калькулятор (після результату) | «Замовити зразок для точного розрахунку» | `/samples` | +| `/architects` | «Замовити зразки для проєкту» | `/samples?role=architect` | +| FAQ (кілька місць) | «Замовте зразок — потрогайте різницю» | `/samples` | +| Footer (весь сайт) | «Безкоштовний зразок» | `/samples` | + +## SEO + +- **Title:** «Замовити безкоштовний зразок фасадної плитки — GoodBrick» +- **Description:** «Отримайте 4-6 зразків фасадної плитки ручної формовки. Доставка 3-7 днів по Україні. Безкоштовно для архітекторів.» +- **Schema:** LeadAction або ContactAction + +## Google Ads + +Окрема кампанія з ключами: +- замовити зразки фасадної плитки +- безкоштовний зразок плитки +- зразки облицювального кирпича + +Очікуваний CR: **8-15%** (клієнт вже вирішив замовити — він шукає саме зразок). + +## Фронтенд — файли для створення + +``` +frontend/src/ + app/(site)/samples/ + page.tsx — серверний компонент, metadata + components/ + forms/ + sample-form.tsx — react-hook-form + zod, multiselect кольорів + samples/ + sample-hero.tsx — hero-блок + sample-benefits.tsx — 3 картки «що отримаєте» + sample-trust.tsx — trust-signals + sample-success.tsx — стан після відправки +``` + +## Query-параметри + +Форма підтримує prefill через URL: +- `?color=sahara` — попередньо обрано колір Sahara +- `?role=architect` — попередньо обрано «Архітектор» +- `?colors=sahara,ivory,graphite` — кілька кольорів + +Це дозволяє кожній CTA передавати контекст у форму. + +--- + +Пов'язані документи: [[01 — Шляхи клієнтів і воронки]], [[00 — Обзор воронок]], [[../site-v2/02 — Контакти]]