Платформа-воронка с личным кабинетом — за 1,5 месяца вместо года
Лендинг, тест архетипов, онлайн-оплата с автовыдачей доступа и закрытый кабинет с материалами. Один человек, AI-инструменты — и никакой команды разработчиков.
Что нужно было построить
Евгения Постникова — имидж-стратег и основатель агентства «Сигнатура». К моменту начала работы у неё был сильный экспертный продукт, растущая аудитория и острая потребность в цифровой инфраструктуре, которая работает сама: принимает оплаты, выдаёт доступ к материалам и не требует ежедневного ручного труда.
Запрос звучал честно: нужна платформа уровня небольшой онлайн-школы. С тестом для привлечения лидов, оплатой, личным кабинетом и панелью управления для самой Евгении.
В классической логике это технический директор, команда разработчиков, дизайнер и шесть месяцев ожидания. Мы пошли другим путём.
Шесть рабочих зон в одном проекте
Платформа evpostnikova.ru объединяет публичную часть, платёжную логику, закрытый кабинет и инструменты управления. Каждая зона работает независимо и при этом связана в единую систему.
Публичный лендинг
Главная страница с портретом, УТП и продуктовыми карточками. Логотипы клиентов в бегущей строке, SEO-разметка с метаданными для каждой страницы, Open Graph для корректного отображения при расшаривании в соцсетях.
Тест архетипов влияния
72 вопроса с прогресс-баром и автоматическим расчётом результата. Перед выдачей ответа — форма захвата лида: имя и email уходят в Google Sheets, результат с персональным оффером приходит на почту через Resend.
После прохождения теста каждый участник автоматически получает письмо с результатом и персональным оффером — письмо уходит через Resend, лид фиксируется в Google Sheets. Евгения видит каждый контакт и может работать с базой вручную или подключить менеджера по продажам.
Онлайн-оплата с автовыдачей доступа
После оплаты через Prodamus вебхук проверяет подпись, создаёт аккаунт пользователя, записывает покупку и отправляет письмо с логином и временным паролем. Евгения не делает ничего вручную — от нажатия «Купить» до письма клиенту проходит меньше минуты.
Личный кабинет
Закрытая зона с видеоматериалами (YouTube embed), гайдами, историей заказов и профилем пользователя. Доступ открывается автоматически после оплаты и расширяется по мере новых покупок.
Система отзывов с модерацией
Клиенты оставляют отзывы после завершения программы. Евгения просматривает их через административную панель и одобряет публикацию. Прошедшие модерацию отзывы появляются в галерее на главной странице.
Административная панель
Управление пользователями, материалами, гайдами и отзывами без касания кода. Евгения самостоятельно обновляет контент кабинета, добавляет новые гайды и управляет доступами.
Как это работает изнутри
Каждый шаг этой воронки работает автоматически — от первого касания до выдачи доступа к материалам.
Google / соцсети / рекомендация
Первое касание — органика, сарафан или рекомендательные алгоритмы.
Главная evpostnikova.ru
Hero с УТП → продуктовые карточки → кнопка «Пройти тест».
Тест архетипов влияния
72 вопроса → форма захвата лида → результат с персональным оффером.
Страница продукта
Мастер-класс / консультация / агентство → кнопка «Купить».
Оплата через Prodamus
Webhook → проверка подписи → автосоздание аккаунта → письмо с доступом.
Личный кабинет
Видео · гайды · история заказов → апсейл новых продуктов.
Классическая разработка vs вайбкодинг
Честный расчёт — что потребовала бы та же задача, если решать её классическим способом.
| Специалист | Ставка | Срок | Стоимость |
|---|---|---|---|
| Senior Full-Stack разработчик | 250 000 ₽/мес | 5 мес | 1 250 000 ₽ |
| Frontend-разработчик | 180 000 ₽/мес | 3 мес | 540 000 ₽ |
| UI/UX дизайнер | 120 000 ₽/мес | 2 мес | 240 000 ₽ |
| Проект-менеджер | 100 000 ₽/мес | 5 мес | 500 000 ₽ |
| Итого | ~5–6 месяцев | ~2 530 000 ₽ |
Фактические затраты через Cursor
Подписка на AI-инструменты — около 20 $/мес, внешние API — порядка 50 $ за всё время разработки, срок — 1,5 месяца работы в роли product owner.
Разница — примерно в сто раз по деньгам и в четыре раза по времени. Функциональность та же. Архитектура позволяет масштабироваться.
Операционные затраты в месяц
Классическая альтернатива
Prime Platform
При росте базы Resend переходит на платный тариф — но это уже означает сотни активных клиентов и соответствующую выручку.
Один человек и AI-инструменты вместо команды
Весь проект собран через Cursor — AI IDE, которая пишет код по описанию задачи на человеческом языке. Роль разработчика берёт на себя AI, роль product owner — человек. Именно человек решает что строить, как это должно работать для пользователя и что важнее всего на каждом этапе.
Рабочий процесс выглядел так: задача описывается в структурированном .md-документе с контекстом, стеком и конкретным заданием. Cursor читает документ, пишет полный код, product owner проверяет результат, вносит правки — и итерация начинается заново.
Cursor в процессе — задание на русском, код на TypeScript
Хотите разобраться как работает этот подход?
Подробная инструкция — в гайде по вайбкодингу: как выбрать инструменты, настроить Cursor, структурировать проект и дойти от идеи до рабочего деплоя.
Читать гайд по вайбкодингу →Стек и архитектура
Фронтенд
- Next.js 14 App Router
- TypeScript 5 strict mode
- Tailwind CSS 3.4
- Framer Motion 11
- Lucide React + кастомные SVG
- Cormorant Garamond + Inter
Бэкенд и интеграции
- JWT авторизация + bcrypt
- VK OAuth
- Google Sheets как CRM
- Prodamus — платежи и webhook
- Resend — транзакционные письма
- Google Apps Script — лид-формы
- Vercel — деплой
Архитектура намеренно изолирует API-слой: при росте нагрузки Google Sheets можно заменить на PostgreSQL без изменений в роутах и бизнес-логике. Новые продукты добавляются без правок в архитектуре.
Что работает сейчас и куда можно расти
Что работает
- Лендинг с SEO и продажами
- Онлайн-оплата с автовыдачей доступа
- Личный кабинет с материалами
- Тест с лид-захватом и email-автоматизацией
- Система отзывов с модерацией
- Административная панель
Куда можно расти
- Новые продукты без изменения архитектуры
- PostgreSQL вместо Google Sheets при росте
- Новые платёжные системы по той же webhook-логике
- Курсы, живые сессии, тесты в кабинете
- SaaS-версия для других экспертов
Параллельно с технической сборкой шла работа над маркетинговой стратегией: позиционирование, продуктовая линейка, контент-воронка и первые продажи.
Рост и монетизация digital-проекта→Хотите такую же платформу для своего проекта?
Расскажите о задаче — обсудим архитектуру и сроки.
Написать в Telegram →