Как предпринимателю собрать первый сайт или бота через вайб-кодинг: пошаговый план

Прежде чем открывать ноутбук

Главная ошибка новичка — начать с инструмента. Правильный порядок обратный: сначала задача, потом инструмент. Соберите первый сайт через вайб-кодинг по плану ниже, и вечера действительно хватит.

Шаг 0. Выберите одну задачу

Не «сделать сайт компании», а что-то узкое и проверяемое. Например: страница одной услуги с ценой и кнопкой записи. Одна задача — один вечер — один результат, который можно показать клиенту.

Шаг 1. Опишите задачу словами

Так, как объяснили бы новому сотруднику. Хорошее описание отвечает на четыре вопроса:

• Кто ваш клиент и что он должен сделать на странице
• Какие блоки обязательны: услуги, цены, отзывы, контакты
• Куда попадает заявка: WhatsApp, Telegram, почта
• Как это должно выглядеть: светлое или тёмное, строго или дружелюбно

Пример формулировки: «Сделай страницу для стоматологии в Алматы. Блоки: услуги с ценами, врачи, отзывы, адрес с картой. Кнопка записи открывает WhatsApp с готовым сообщением. Тёмное оформление, аккуратно, без лишних украшений».

Шаг 2. Соберите первую версию

Отдайте описание инструменту и получите первый вариант. Он почти наверняка будет не идеальным — это нормально и ожидаемо. Задача этого шага не получить готовое, а получить основу, которую есть что править.

Шаг 3. Правьте по одной вещи за раз

Это главный практический приём. Длинный список правок разом даёт непредсказуемый результат: что-то исправится, что-то сломается. Одна правка — проверка — следующая правка. Медленнее по ощущению, быстрее по факту.

Шаг 4. Проверьте на телефоне

Более двух третей трафика в Казахстане — мобильный. Откройте страницу на своём телефоне до публикации: не уехали ли кнопки, читается ли текст, работает ли меню. Если что-то не так, попросите исправить именно мобильную версию.

Шаг 5. Опубликуйте и подключите домен

Сначала бесплатный адрес — этого достаточно, чтобы показать людям и собрать первую обратную связь. Домен подключается позже, когда содержание вас устраивает.

Шаг 6. Заведите заявки туда, где вы их прочитаете

Форма, которая отправляет письмо на почту, которую вы открываете раз в неделю, — потерянные клиенты. Заявка должна приходить в WhatsApp или Telegram. Проверьте на себе: отправьте тестовую заявку и убедитесь, что сообщение дошло.

Что собирать вторым

Когда сайт работает, логичное продолжение — бот, который принимает заявки и отвечает на частые вопросы круглосуточно. Логика та же: одна задача, описание словами, правки по одной, проверка на живом сценарии.

Три готовых описания задачи, которые можно взять за образец

Качество результата определяется качеством формулировки. Ниже — три примера того, как выглядит рабочее описание для разных бизнесов. Замените детали на свои.

Салон красоты

«Сделай страницу для салона красоты в Алматы. Блоки сверху вниз: короткое описание салона, услуги с ценами в тенге таблицей, фотографии работ, отзывы клиентов, адрес и график. Главная кнопка — записаться, открывает WhatsApp с готовым текстом про запись. Кнопка должна быть видна и когда страницу прокрутили вниз. Оформление светлое, спокойное, без агрессивных цветов».

Автосервис с калькулятором

«Сделай страницу автосервиса с калькулятором стоимости. Клиент выбирает марку из списка, вид работ из списка, видит примерную цену и вилку по времени. Ниже кнопка записи в WhatsApp, в сообщение подставляется то, что он выбрал. Ещё нужны блоки: адрес, график, гарантия на работы. Тёмное оформление, крупные цифры».

Эксперт с онлайн-консультациями

«Сделай страницу для психолога. Блоки: с какими запросами работаю, как проходит консультация, стоимость, обо мне, ответы на частые вопросы. Кнопка записи ведёт в Telegram. Нужен спокойный, не рекламный тон, много воздуха, мягкие цвета».

Обратите внимание: ни в одном описании нет технических слов. Есть бизнес-логика, порядок блоков и то, что должен сделать клиент.

Чек-лист перед тем, как показывать людям

Пройдите по списку до того, как отправите ссылку клиентам или запустите рекламу. Занимает десять минут, экономит репутацию.

• Страница открывается на вашем телефоне, ничего не уезжает за экран
• Тестовая заявка отправлена и дошла туда, где вы её видите
• Телефон и адрес указаны верно и кликабельны с мобильного
• Цены актуальны и совпадают с тем, что говорит администратор
• Нет заглушек вроде «текст будет позже» и случайных латинских фраз
• Заголовок вкладки описывает страницу, а не написан по умолчанию
• Страница грузится быстрее трёх секунд на мобильном интернете

Что делать, если застряли

Три ситуации, в которые упираются чаще всего, и выход из каждой.

Результат раз за разом не тот

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

Правки ломают то, что работало

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

Не получается подключить форму к WhatsApp

Чаще всего дело в формате номера: он должен быть без плюса, пробелов и скобок. И проверяйте на телефоне, а не на компьютере — поведение ссылок отличается.

Второй проект: бот, который отвечает вместо вас

Когда сайт работает, самый окупаемый следующий шаг — бот. Логика та же, что с сайтом, но начинать нужно не с инструмента, а со сценария.

• Соберите реальные вопросы. Откройте переписки за последнюю неделю и выпишите пять вопросов, которые повторяются чаще всего. Это и есть техзадание.
• Опишите развилку. Что бот отвечает сам, а в какой момент передаёт человеку. Худший бот — тот, который не умеет отойти в сторону.
• Пропишите приём заявки. Имя, телефон, суть — и сразу уведомление вам.
• Проверьте на живом сценарии. Попросите знакомого написать боту так, как написал бы клиент, не зная сценария.

Такой бот закрывает ночные и выходные обращения, которые иначе теряются: человек написал в час ночи, утром уже купил у конкурента.

Чего не стоит делать в первый вечер

• Не переносите весь сайт целиком. Начните с одной страницы одной услуги.
• Не покупайте сразу все подписки. Соберите первый результат на бесплатных версиях и поймите, чего именно не хватает.
• Не гонитесь за дизайном. Работающая простая страница с заявками полезнее красивой, которую вы доделываете третью неделю.
• Не удаляйте старый сайт. Пусть работает, пока новый не покажет себя на реальных заявках.

Разбор целиком: страница услуги для стоматологии

Пройдём весь путь на одном примере, чтобы было видно не только шаги, но и решения на каждом из них.

Что решили сделать

Не сайт клиники, а одну страницу под имплантацию — услугу с самым дорогим чеком и самым большим количеством вопросов у клиента. Цель понятная: получить заявку в WhatsApp.

Что написали на бумаге до открытия ноутбука

• Кто читает: человек, который уже решил ставить имплант и выбирает клинику
• Что его беспокоит: итоговая цена, больно ли, сколько по времени, какая гарантия
• Что должен сделать: нажать кнопку и написать в WhatsApp

Это заняло десять минут и сэкономило час правок потом. Почти всегда время, потраченное здесь, возвращается в тройном размере.

Как сформулировали задачу

«Сделай страницу об имплантации зубов для клиники в Алматы. Сверху заголовок и цена от, ниже блок с этапами лечения по шагам, потом честный блок про сроки и ощущения, потом гарантия, потом врачи с фото, потом отзывы, внизу адрес и график. Главная кнопка — написать в WhatsApp, она должна оставаться видимой при прокрутке. Тон спокойный, без восклицаний, цены в тенге».

Что пришлось поправить

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

Сколько заняло

Около трёх часов вместе с подготовкой и публикацией. Из них примерно час — на текст, который пишет человек, а не нейросеть: описание этапов лечения знает врач, и это невозможно сгенерировать.

Как понять, что получилось

Сайт без измерения — это просто картинка. Минимум, который стоит поставить сразу:

• Счётчик посещений. Яндекс.Метрика ставится за десять минут и показывает, сколько людей дошло и откуда.
• Отдельная цель на кнопку заявки. Не общее число визитов, а сколько раз нажали на главное действие.
• Карта скроллов. Показывает, на каком блоке люди уходят. Обычно это самое полезное открытие первой недели.

Через неделю у вас будут не догадки, а данные: сколько человек дошло до цены и сколько из них нажало кнопку. Дальше правки делаются осмысленно.

Ориентиры, на которые можно опереться

Для страницы одной услуги в малом бизнесе нормальным считается, когда до блока с ценой доходит около половины посетителей, а заявку оставляет от двух до пяти процентов пришедших с рекламы. Если до цены доходит меньше трети — проблема в первом экране. Если доходят, но не пишут — проблема в самой цене или в отсутствии ответа на главный страх клиента.

Когда останавливаться

Отдельный навык — вовремя признать, что страница готова. Признак простой: если последние две правки вы делаете «чтобы было красивее», а не «чтобы клиенту было понятнее», работа закончена. Публикуйте, ведите людей и правьте дальше по данным, а не по ощущениям.

Худший сценарий первого проекта — не кривой сайт. Худший сценарий — сайт, который третью неделю доводят до идеала и который за это время не принёс ни одной заявки.

Что делать на следующий день после публикации

Публикация — не финал, а начало короткого цикла улучшений. Первая неделя решает больше, чем месяц доводки до идеала.

День первый. Отправьте ссылку пяти людям, которые похожи на ваших клиентов, и попросите не хвалить, а сказать, что непонятно. Формулировка важна: на вопрос «нравится?» вы получите вежливое «да», на вопрос «что непонятно?» — реальные проблемы.

День второй. Исправьте то, что назвали хотя бы двое. Повторяющееся замечание почти всегда указывает на настоящую проблему, единичное — часто на вкус конкретного человека.

День третий. Запустите небольшой рекламный бюджет и посмотрите на поведение незнакомых людей. Знакомые прощают неудобства, незнакомые уходят молча — и именно их поведение показывает правду.

Конец недели. Посмотрите карту скроллов и число нажатий на главную кнопку. Если люди доходят до цены и не пишут — проблема в предложении, а не в сайте, и переделывать страницу бессмысленно.

Такой цикл занимает неделю и даёт больше, чем месяц правок вслепую. Главное преимущество самостоятельной сборки как раз в этом: изменение вносится в тот же час, когда стало понятно, что менять.

Какими инструментами это делается — в разборе инструментов для вайб-кодинга. Зачем это владельцу бизнеса и где границы метода — в статье о вайб-кодинге для предпринимателя.