# Встреча 3 — The Founders Circle

## Слайд 1
**Добро пожаловать**
The Founders
Circle

Встреча 3

Доработка продукта и создание лендинга.
2 часа практики и разборов.
Михаэль · Встреча 3 из 8 · Slide 1/22

## Слайд 2
**Что у вас уже готово**
Прошлые 2 недели

Что у вас уже готово

01🎯

Формула результата

[Кто] получает [результат] с [продукт], без [боль]

02💬

3 формулировки

Для лендинга, холодного сообщения и 30-сек питча

03💰

Цена и модель

B2B = 1-10% результата, B2C = 20-50x дешевле альтернативы

04🛠️

MVP scope

MoSCoW: только MUST HAVE, 3-4 фичи максимум
Михаэль · Встреча 3 из 8 · Slide 2/22

## Слайд 3
**Три вещи**
План на сегодня

Три вещи которые мы сделаем

01🤖

AI = ваша продуктовая команда

Как дорабатывать продукт без продакта и дизайнера — кейс MetaMinder

02🖥️

Лендинг из ваших фреймворков

Формула результата + боли из custdev = готовый лендинг за 30 минут

03⚡

Подключаем без разработчика

Авторизация, оплата, аналитика — всё через AI за один промпт
Михаэль · Встреча 3 из 8 · Slide 3/22

## Слайд 4
**Блок 1: Разбор прогресса**
1

Разбор прогресса

~25 минут
Михаэль · Встреча 3 из 8 · Slide 4/22

## Слайд 5
**Покажите прогресс**
5 минут на каждого

Покажите прогресс

🎯

Что доработал

Какие MUST HAVE фичи из MoSCoW реализовал? Что изменилось в продукте?

👥

Обратная связь

Показал прототип 3 людям из ЦА — какая реакция? Что удивило?

🚧

Что блокирует

Технические проблемы? Непонятно что делать? Группа помогает решить
Михаэль · Встреча 3 из 8 · Slide 5/22

## Слайд 6
**Блок 2: AI = продуктовая команда**
2

AI заменяет продакта и дизайнера
Михаэль · Встреча 3 из 8 · Slide 6/22

## Слайд 7
**Кейс MetaMinder**
Кейс MetaMinder

Как я убрал продакта и дизайнера

Один фаундер = целая продуктовая команда

📸Шаг 1

Перенёс экраны в Lovable

Все экраны реального продукта — скриншоты в AI, воссоздал 1 в 1

🔄Шаг 2

Итерировал через AI

Новые фичи + интерфейс — высокое качество, быстрые итерации

👨‍💻Шаг 3

Передавал разработчикам

Lovable генерит код → экспорт → разработчик доводит до прода

⚡Сейчас

Claude Code

Доработка продукта прямо в коде, без промежуточных шагов
Михаэль · Встреча 3 из 8 · Slide 7/22

## Слайд 8
**Ваш AI-стек**
Ваш AI-стек

Не один инструмент, а конвейер

AI не заменяет вас — AI умножает вас. Вы думаете, AI исполняет.

🧠

Продакт-менеджер

Claude / GPT / Gemini

Анализ конкурентов и аудитории

Стратегия и приоритизация фич

Тексты, офферы, позиционирование

🎨

Дизайнер + Фронтенд

Lovable

UI с нуля по описанию или скриншоту

Быстрые итерации интерфейса

Лендинги, дашборды, формы

⚙️

Fullstack-разработчик

Claude Code

Доработка существующего кода

Интеграции: API, базы, оплата

Баги, рефакторинг, деплой
Михаэль · Встреча 3 из 8 · Slide 8/22

## Слайд 9
**Промпты, которые работают**
Copy-paste промпты

Промпты, которые работают

📸Перенести дизайн
Lovable

Я прикладываю скриншоты экранов [НАЗВАНИЕ ПРОДУКТА].

Воссоздай UI точно как на скриншоте, используя стек текущего проекта.

Требования:
— Цвета: извлеки hex прямо из скриншота, не придумывай свои
— Типографика: размеры, вес и межстрочник — как на картинке
— Layout: отступы и расположение элементов один в один
— Переиспользуй компоненты которые уже есть в проекте

Начни с экрана [ДАШБОРД / ГЛАВНАЯ / ПРОФИЛЬ].

Когда сделаешь — сам сравни с оригиналом:
• что воспроизведено точно
• что отличается и почему
• какие вопросы нужно уточнить

Один экран за раз — качество выше. Скриншоты прикрепляй к сообщению

🧠PM-анализ перед фичей
Claude / GPT

Ты — опытный product manager.

Продукт: [НАЗВАНИЕ] — [1 ПРЕДЛОЖЕНИЕ ЧТО ДЕЛАЕТ].
Пользователи: [КТО — роль, индустрия].
Проблема: [ОПИСАНИЕ ИЛИ ЖАЛОБА ИЗ CUSTDEV].

Сделай анализ:
1. Опиши 3 подхода к решению (концептуально, без кода)
2. Для каждого: суть → что реализовать → плюс → минус
3. Дай рекомендацию — какой подход выбрать и почему

Я использую анализ чтобы принять решение.
После — пойду реализовывать выбранный вариант в Lovable.

Claude отвечает текстом — это и есть PM-анализ. Реализация идёт отдельно

🎨Новый экран в стиле продукта
Lovable

Добавь в проект новый экран: [НАЗВАНИЕ ЭКРАНА].
Что он делает: [3-5 ПРЕДЛОЖЕНИЙ].

Перед тем как писать код:
1. Изучи существующие экраны и компоненты проекта
2. Зафиксируй: цвета, шрифты, стиль кнопок, карточек, отступов

Ограничения — строго соблюдай:
— Только цвета и шрифты которые уже есть в проекте
— Переиспользуй готовые компоненты, не создавай с нуля
— Скругления, тени, отступы — как у существующих экранов

Новый экран = родная часть продукта, не чужеродная вставка.

Шаг «изучи перед кодом» — ключевой. Без него AI придумает новый стиль

🚀Подготовка кода к передаче
Lovable / Claude Code

Ты — техлид. Подготовь этот код к передаче разработчику в продакшен.

Выполни строго по шагам:
1. Аудит: найди хардкод, magic numbers, открытые TODO — выпиши список
2. Рефакторинг: вынеси константы, добавь типизацию (если поддерживает стек)
3. Состояния: обработай загрузка / ошибка / пустой список
4. Документация: комментарий — что делает, как использовать, пример
5. Итог: перечисли всё что изменил и почему

Формат: сначала список изменений → потом финальный код.

Lovable экспортирует рабочий код — этот промпт делает его production-ready
Михаэль · Встреча 3 из 8 · Slide 9/22

## Слайд 10
**До / После**
Смена подхода

Раньше vs Сейчас

Раньше

🗣️Обсудить с командой
3–5 дней
🎨Дизайнер рисует макеты
1–2 недели
🔄Правки и согласования
1 неделя
👨‍💻Разработчик имплементирует
2–4 недели
🐛Тестирование и правки
1 неделя
Итого на одну фичу2–3 месяца

Сейчас

⚡Один раз: дал AI контекст — загрузил экраны, стиль, логику продукта
1 час
🚀Каждая новая фича: описал идею → AI сгенерировал → поитерировал
20–30 мин
Итого на одну фичу30 минут

Что делать с прототипом из Lovable?

🤖

Claude Code

Подключаете GitHub → даёте доступ Claude → он берёт дизайн из Lovable и имплементирует в продакшн

👨‍💻

Разработчик

Lovable экспортирует готовый React-проект на GitHub — разработчик получает код, не Figma-макет
Михаэль · Встреча 3 из 8 · Slide 10/22

## Слайд 11
**Блок 3: Лендинг за 30 минут**
3

Лендинг за 30 минут
Михаэль · Встреча 3 из 8 · Slide 11/22

## Слайд 12
**8 блоков лендинга**
Структура 2026

8 блоков лендинга

5 блоков у вас уже готовы с прошлых встреч. 3 новых — разберём сейчас.

🎯
01HeroВстреча 2

Формула результата + CTA + короткое видео или скриншот продукта

⭐
02Social proofNEW

Лого клиентов или цифры: «50+ команд», «обработано 10K заявок». Нет клиентов — покажите упоминания, бету, количество пользователей

😤
03БолиВстреча 1

3 боли из custdev — прямые цитаты клиентов, не ваши формулировки

✨
04РешениеВстреча 2

MUST HAVE фичи из MoSCoW → 3 преимущества с реальными скриншотами UI

🔢
05Как работаетВстреча 2

3 шага от проблемы к результату. Идеально — с GIF или коротким видео каждого шага

💬
06ОтзывыNEW

Реальные имена + фото + конкретный результат: «сократили отток на 40%». Нет отзывов — цитата из custdev-интервью

🚀
07CTA-секцияВстреча 2

«Попробовать бесплатно» / «Забронировать демо» / «Получить доступ». Рядом — усилитель: бесплатный период, гарантия, бейдж безопасности

❓
08FAQ + CTANEW

5–7 вопросов из реальных возражений клиентов + финальная кнопка с усилителем
Михаэль · Встреча 3 из 8 · Slide 12/22

## Слайд 13
**Промпт для Lovable**
Готовый шаблон

Промпт для Lovable

Один промпт — и у вас готовый лендинг со всеми 8 блоками. Замените [скобки] на свои данные из Встреч 1 и 2.

📋Скопировать промпт

prompt.txt
Создай лендинг для [название продукта].

Продукт: [одно предложение — что делает продукт].
Целевая аудитория: [кто покупает].
Формула результата: [Кто] получает [результат] с [продукт], без [боль].

Структура лендинга:
1. Hero — заголовок из формулы результата, подзаголовок 1-2 предложения, кнопка «[ваш CTA]», скриншот или видео продукта
2. Social proof — лого клиентов или цифра: «[N] пользователей / команд»
3. Боли — 3 проблемы целевой аудитории: «[боль 1]», «[боль 2]», «[боль 3]»
4. Решение — 3 ключевых преимущества продукта со скриншотами
5. Как это работает — 3 шага от проблемы к результату
6. Отзывы — 2-3 цитаты клиентов с именем и результатом
7. CTA-секция — кнопка + усилитель (бесплатный период / гарантия)
8. FAQ — 5 частых возражений и ответы на них

Стиль: [минималистичный / яркий / корпоративный], [тёмная / светлая тема], как [пример: Stripe / Linear / Notion].
Михаэль · Встреча 3 из 8 · Slide 13/22

## Слайд 14
**Стиль для Lovable**
Не шаблон, а дизайн

Как задать стиль для Lovable

1

Найдите 2–3 референса

Pinterest, Dribbble, awwwards.com, или просто сайты которые вам нравятся. Сохраните скриншоты.

Ищите: «SaaS landing page dark», «fintech website minimal», «startup landing 2025»

2

Извлеките визуальную ДНК

Загрузите скриншот в Claude и попросите: «Опиши стиль этого сайта для промпта в Lovable — цвета, шрифты, spacing, настроение».

Claude вернёт готовое описание: «тёмный фон #0A0A0B, шрифт Inter 700 для заголовков, акцент #6366F1...»

3

Добавьте стиль в промпт

Вставьте описание стиля в конец промпта из прошлого слайда. Укажите конкретный шрифт — это главное отличие от шаблона.

«Стиль: тёмная тема. Шрифт заголовков — Space Grotesk 700, body — DM Sans 400. Акцент — #6366F1»

Стили — загуглите и выберите свой

MinimalismStripe, Linear

Много воздуха, 2 цвета, крупный текст

Искать: «minimal SaaS landing»

GlassmorphismApple Vision, Raycast

Полупрозрачные карточки, blur, градиенты

Искать: «glassmorphism UI»

NeobrutalismGumroad, Figma

Жирные рамки, контрастные цвета, raw-эстетика

Искать: «neobrutalist web design»

Dark premiumVercel, Framer

Чёрный фон, золото/градиент, serif-шрифты

Искать: «dark luxury website»

Bento gridApple, GitHub

Карточки разного размера в сетке, как dashboard

Искать: «bento grid layout»

Soft / FriendlyNotion, Loom

Скруглённые углы, пастельные тона, иллюстрации

Искать: «friendly SaaS design»

Где искать референсы:
Pinterest, Dribbble, awwwards.com
Михаэль · Встреча 3 из 8 · Slide 14/22

## Слайд 15
**Блок 4: Без разработчика**
4

Подключаем без разработчика
Михаэль · Встреча 3 из 8 · Slide 15/22

## Слайд 16
**Авторизация и оплата**
Монетизация

Авторизация и оплата

🔐

Авторизация

Supabase Auth

Без авторизации вы не знаете кто ваш пользователь и не можете сохранять его данные

Google OAuth

Минимум трения — 1 клик, самая высокая конверсия регистрации

B2C продукты

Email + пароль

Классика, работает везде. Добавьте подтверждение email

Универсально

Magic link

Email без пароля — пользователь получает ссылку для входа

Простые продукты

Промпт

Подключи Supabase Auth. Добавь вход через Google OAuth и email/пароль. На главной — кнопка «Войти» в хедере. После входа — редирект на /dashboard. Незалогиненных пользователей редиректь на /login при попытке открыть защищённые страницы.

💳

Приём оплаты

Stripe / Grow

Stripe — мировой стандарт, лучшее API. В Израиле Stripe не работает — используйте Grow (Meshulam): Bit, Apple Pay, рассрочка до 12 платежей

Подписка

Ежемесячный платёж, автосписание. Нужен webhook для управления статусом

SaaS, сервисы

Разовый платёж

Одна оплата — постоянный доступ. Проще в реализации

Курсы, шаблоны

Freemium

Бесплатный тариф с лимитами + платный без лимитов

Рост базы

Промпт

Подключи Stripe (Израиль — Grow/Meshulam). Создай /pricing с тарифами: Free (до 100 записей) и Pro $29/мес (безлимит). Кнопка «Upgrade» → Checkout. После оплаты — webhook обновляет поле plan в таблице users в Supabase.
Михаэль · Встреча 3 из 8 · Slide 16/22

## Слайд 17
**Аналитика**
Знать, а не гадать

Аналитика с первого дня

📈

Google Analytics

Обязательно

Трафик, источники, конверсии. Откуда приходят пользователи, сколько остаются, какие страницы смотрят. Основа всей аналитики.

🎯

Рекламные пиксели

Для рекламы

Facebook Pixel, Google Ads, TikTok Pixel — ставьте сразу, даже если реклама не запланирована. Пиксели собирают аудиторию и учат алгоритмы, кто ваш клиент. Чем раньше — тем дешевле будет реклама.

🔬

Mixpanel

Продуктовая аналитика

Трекинг каждого действия: клик, регистрация, покупка. Воронки, ретеншн, когорты. Есть MCP — подключаете к Claude, и он сам настраивает события, аналитику и дашборды.

🔥

Hotjar

Поведение

Записи сессий — видите как пользователь двигает мышку, где кликает, где уходит. Тепловые карты. Мини-опросники прямо на сайте для сбора обратной связи от реальных пользователей.

Подключение: Google Analytics и пиксели — 1 промпт в Lovable. Mixpanel — через MCP в Claude Code. Hotjar — вставьте скрипт в head.
Михаэль · Встреча 3 из 8 · Slide 17/22

## Слайд 18
**Блок 5: Делаем вместе**
5

Делаем вместе

~20 минут
Михаэль · Встреча 3 из 8 · Slide 18/22

## Слайд 19
**Два трека**
20 минут

Два трека — выберите свой

A

Нет лендинга — создаём

1.

Скопируйте промпт из слайда 13

2.

Заполните [скобки] своими данными из Встреч 1 и 2

3.

Найдите референс стиля (Pinterest / Dribbble) и опишите его в промпте

4.

Вставьте в Lovable (бесплатно) или v0.dev (бесплатно) → получите лендинг

Инструменты

Lovablefree

Бесплатный тариф — хватит для прототипа. Полный стек, деплой в 1 клик

v0.devfree

Бесплатно от Vercel. Генерирует React-компоненты, лучший UI-дизайн

Bolt.newfree

Бесплатный тариф есть. Быстрые итерации, встроенный превью

Claude Code

Для тех кто хочет полный контроль. Работает с GitHub, продакшн-код

B

Есть лендинг — улучшаем

Hero понятен за 5 секунд?

Попросите 3 людей открыть — могут объяснить что это?

Social proof есть?

Добавьте цифры, лого, цитаты — хотя бы «50+ пользователей в бете»

CTA работает?

Кликните каждую кнопку. Куда ведёт? Форма отправляется?

Рекламные пиксели стоят?

GA + Facebook Pixel + Hotjar — промпт в Lovable или скрипт в head

Мобильная версия ОК?

Откройте с телефона. Текст читается? Кнопки нажимаются?

Скорость загрузки?

PageSpeed Insights → зелёная зона (90+) = хорошо
Михаэль · Встреча 3 из 8 · Slide 19/22

## Слайд 20
**Блок 6: Задание**
6

Задание на неделю
Михаэль · Встреча 3 из 8 · Slide 20/22

## Слайд 21
**Домашка**
Задание на неделю

4 задания к демо-дню

1

Работающий MVP

Один сценарий работает полностью — пользователь получает результат

Авторизация подключена (Google / email)

CTA на лендинге ведёт в продукт

2

Лендинг, готовый к трафику

Все 8 блоков: hero, social proof, боли, решение, как работает, отзывы, CTA, FAQ

Мобильная версия проверена

GA + Facebook Pixel + Hotjar подключены

3

Первый трафик и реальные пользователи

Пост в LinkedIn / Facebook / Telegram — «Я запускаю [продукт], попробуйте бесплатно»

Сообщение в 3+ релевантных группах / пабликах

Специальные условия для первых пользователей (бесплатно / скидка / ранний доступ)

Собрать обратную связь: что непонятно, что зацепило, вернулись ли

4

Демо на Встрече 4 — 5 минут

Показать продукт вживую — как работает, какую проблему решает

Показать лендинг — как выглядит, какой CTA

Показать метрики: сколько зашло, откуда, что делали (GA / Mixpanel / Hotjar)

Что написали, где опубликовали, какая реакция
Михаэль · Встреча 3 из 8 · Slide 21/22

## Слайд 22
**Закрытие**
Всё готово.
Пора запускать.

У вас есть MVP, лендинг, аналитика и инструменты.
Осталось одно — первые настоящие пользователи.

На этой неделе: напишите пост, отправьте в группы,
дайте людям попробовать. Смотрите что происходит в аналитике.

Встреча 4 = ДЕМО-ДЕНЬ

5 минут: продукт вживую + лендинг + метрики + что опубликовали

Через неделю вы покажете реальный продукт
с реальными пользователями.
Михаэль · Встреча 3 из 8 · Slide 22/22