Перейти к содержимому
TelegramGitHub

The Startup Owner's Manual, глава 14: Как построить web-стартап

Главная мысль: короткий план из курса Lean LaunchPad. Десять шагов от идеи до первой оплаты. На каждом шаге вы проверяете часть business model canvas и раз в неделю рассказываете, чему научились.

Десять шагов построения web-стартапа: от команды и гипотез до low-fidelity сайта, трафика, данных, high-fidelity сайта и первой оплаты

#ШагЧто делаем
1Логистика командыБлог о ходе customer development, канал для созвонов
2Гипотезы компании9 блоков canvas, план MVP, размер рынка, тип рынка
3Unique selling propositionФраза, понятная чужим людям
4Логистика сайтаДомен, почта, хостинг
5Low-fidelity сайтПростая страница: ценность, выгоды, призыв к действию
6Трафик на сайтРеклама, свои контакты, профильные сообщества
7BackendПодключить интерфейс к коду
8Тест проблемы на данныхВеб-аналитика, опросы, email для интервью
9Тест решенияHigh-fidelity сайт по итогам шагов 5–8
10Попросить денегФорма предзаказа, потом биллинг

Шаги 1–4 — подготовка. Шаги 5–8 — customer discovery в web. Шаги 9–10 — переход к проверке решения и деньгам.

  • Записывайте ход работы в общий блог или документ. Это ваш журнал гипотез.
  • Запишите гипотезы по всем 9 блокам canvas.
  • Оцените рынок: тренды поиска, охват рекламных кабинетов, конкуренты в базах стартапов.
  • Выберите тип рынка: существующий, новый или re-segmented.
  • Каждую неделю: обновлённый canvas и короткий отчёт.

Фраза о ценности. Хороший формат: «Мы помогаем X делать Y с помощью Z».

  • Если вы не можете просто объяснить, зачем существуете, остальные шаги не важны.
  • Покажите фразу нескольким людям. Им не обязательно быть целевой аудиторией.
  • Если не поняли, объясните длинно и попросите пересказать. Чужие люди часто формулируют лучше.
  • Купите домен. Можно несколько вариантов названия и опечаток.
  • Подключите почту и календарь на домене.
  • Для тех, кто пишет код: VPS или PaaS.
  • Low-fidelity сайт может быть одной страницей: ценность, выгоды, кнопка «узнать больше», короткий опрос или предзаказ.
  • Без кода: конструктор сайтов или даже прототип в слайдах.
  • С кодом: сначала wireframes, потом страница. Дизайн можно заказать дёшево через конкурс.
  • Сделайте фейковую форму регистрации или заказа. Она проверяет, готовы ли люди действовать.
  • Проведите usability-тест: посмотрите, как люди проходят по странице.
  • Покажите сайт потенциальным клиентам. Проверяйте сегмент и ценность.
  • Источники: контекстная реклама, реклама в соцсетях, органический поиск.
  • Свои контакты: «Знаете человека с проблемой X? Перешлите ему это письмо». Добавьте 2–3 предложения о продукте.
  • Для B2B: профильные сообщества и рассылки. Не спамьте. Пишите там, где вы уже активный участник.
  • Собирайте отзывы о функциях и интерфейсе.
  • Затем подключите интерфейс к веб-фреймворку. Сайт начинает работать по-настоящему.

Тест проблемы:

  • Подключите веб-аналитику: визиты, время, источники. Для старта хватит простого инструмента. Потом — продуктовая аналитика.
  • Добавьте сбор отзывов от пользователей.
  • Задавайте конкретные вопросы: «Что мешает вам зарегистрироваться?». Они дают больше, чем «оставьте отзыв».
  • Собирайте email, чтобы потом поговорить глубже.

Тест решения:

  • Обновите сайт по всему, что узнали в шагах 5–8.
  • High-fidelity — это не полный продукт. Это профессиональный вид при минимальном объёме.
  • Продолжайте собирать аналитику.
  • Цель — услышать: «Отлично, а когда будет X?».
  • Поставьте форму предзаказа с платёжными данными. Даже если продукта ещё нет.
  • Начинайте брать деньги раньше, чем кажется правильным.
  • Подключите сервис подписок и платежей.

Каждую неделю команда показывает:

  1. Текущий canvas. Изменения за неделю выделены красным.
  2. Что мы думали в начале недели.
  3. Что мы нашли (customer discovery за неделю).
  4. Что будем делать на следующей неделе.

Акцент на блоке canvas, который проверяли на этой неделе. Но добавьте и всё остальное, что узнали о модели.

Книга вышла в 2012 году. Многие названные сервисы закрылись или сильно изменились. Сами авторы говорят: инструменты — только примеры, новые появляются каждый день. Важен порядок шагов, а не конкретный сервис. Сегодня каждый шаг закрывают конструктор лендингов, форма опроса, продуктовая аналитика и платёжный сервис.

ТерминЗначение
Lean LaunchPadКурс Стива Бланка, где студенты строят стартап по customer development
Low-fidelity siteПростая страница для проверки интереса
High-fidelity siteАккуратная версия с минимальным рабочим продуктом
WireframeСхема экрана без дизайна
PaaSПлатформа, где можно запустить приложение без своих серверов
Pre-orderПредзаказ с платёжными данными до готовности продукта
Lessons LearnedЕженедельный отчёт: думали, нашли, будем делать
  • Этот план хорошо подходит для side project или консалтинга. Например, курс, шаблон dbt-проекта или инструмент для качества данных. Сначала лендинг и форма предзаказа, потом код.
  • Аналитику подключайте на шаге 5, а не после релиза. Источник трафика и событие «оставил email» нужны с первого дня.
  • Внутренний data-продукт можно запустить так же: страница с описанием витрины, форма «хочу доступ», потом прототип.
  • Формат «думали → нашли → будем делать» удобен для недельных отчётов data-команды стейкхолдерам.
  • Фраза «Мы помогаем X делать Y с помощью Z» работает и для data-команды. Например: «Мы помогаем отделу продаж видеть воронку каждый день с помощью витрины в хранилище».
  1. Какие шаги относятся к customer discovery в web?
  2. Зачем нужна фейковая форма регистрации на low-fidelity сайте?
  3. Чем high-fidelity сайт отличается от полного продукта?
  4. Из каких частей состоит еженедельный отчёт Lessons Learned?

Предыдущая: 13. Pivot or proceed (validation). Следующая: Обзор книги.