Как мы сделали сайт фестиваля с помощью ИИ двумя голосовыми, а бота для заявок за день

Как мы сделали сайт фестиваля с помощью ИИ двумя голосовыми, а бота для заявок за день

4 ноября мы взялись за страницу студенческого фестиваля M.A.D. Fest в БГЭУ. Я надиктовал два голосовых, на 25 секунд и на 1:46, дальше сайт с помощью ИИ собрали наши агенты, и меньше чем через пять часов страница работала на тестовом сайте. 12 ноября за один день сделали Telegram-бота для приема заявок в нашу команду. Вся подготовка заняла неделю работы.

Задача от фестиваля

M.A.D. Fest это международный студенческий фестиваль маркетинга и рекламы. В этом году он 19 ноября в Минске. Факультет дал тестовый сайт на WordPress и исходники дизайна. Часть материалов уже напечатали, поэтому цвета и графику оставили свои.

лучи
лучи
полутон
полутон
кружочки
кружочки
звезды
звезды
логотип
логотип
фон
фон
Готовый первый экран сайта фестиваля
01 Исходники фестиваля часть материалов уже напечатали
02 Первый экран сайта цвета и графику оставили свои
лучи
лучи
полутон
полутон
кружочки
кружочки
звезды
звезды
логотип
логотип
фон
фон
01 Исходники фестиваля часть материалов уже напечатали
Готовый первый экран сайта фестиваля
02 Первый экран сайта цвета и графику оставили свои

Как сделать сайт с помощью ИИ: два голосовых вместо ТЗ

Первым голосовым я сказал, какой нужен дизайн: «сделай прям такой пи-и-ип дизайн… чтобы прям вау был». Вторым, как собрать страницу и куда ее положить. Дальше работали наши ИИ-агенты для разработки: нарисовали макет, написали код, проверили страницу на компьютере и телефоне и выложили на тестовый сайт фестиваля. Я утвердил макет и сказал собирать.

4 ноябряЧто
19:20голосовое 0:25 про дизайн
20:38голосовое 1:46 про сборку
21:08макет утвердили, пишу «делай полностью код»
00:07страница работает на тестовом сайте

Факультет на макет ответил: «Очень достойно» и «Выглядит супер».

Итог: от голосового про дизайн до живой страницы 4 часа 47 минут.

ИИ-агенты Section 228
4 ноября
0:25 19:20
1:46 20:38
«делай полностью код» 21:08
Снимок страницы на тестовом сайтестраница работает на тестовом сайте 00:07
01 Голосовые агентам дизайн, сборка, «делай полностью код»

«сделай прям такой пи-и-ип дизайн… чтобы прям вау был»

нажми на кнопку в чате и послушай, одно слово запикано

Макет первого экрана на компьютере
Готовая страница на телефоне
02 Страница на тестовом сайте одна верстка на компьютер и телефон
ИИ-агенты Section 228
4 ноября
0:25 19:20
1:46 20:38
«делай полностью код» 21:08
Снимок страницы на тестовом сайтестраница работает на тестовом сайте 00:07
01 Голосовые агентам дизайн, сборка, «делай полностью код»

«сделай прям такой пи-и-ип дизайн… чтобы прям вау был»

нажми на кнопку в чате и послушай, одно слово запикано

Макет первого экрана на компьютере
Готовая страница на телефоне
02 Страница на тестовом сайте одна верстка на компьютер и телефон

Обычный заказ сайта и как вышло у нас

ШагКак обычноКак вышло на M.A.D. Fest
Задачабриф, встречи, документ с ТЗдва голосовых
Макетдизайнер рисует, согласования по кругуагенты нарисовали, я утвердил с первого раза
Код и проверкаразработчик, потом тестировщикагенты написали код и проверили на компьютере и телефоне
Правки программы и спикеровчерез разработчикастрокой в списке, без кода
Срок первой версииобычно неделименьше пяти часов

Итог: от первого голосового до живой страницы 4 часа 47 минут.

Что на лендинге мероприятия и кто его меняет

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

Что поменятьКак
спикерстрока в списке, карточка сама встает в сетку и в программу
пункт программыстрока в списке, фильтр по формату подхватит сам
конкурсыодин переключатель: показать или скрыть условия

Программа, спикеры и логотипы партнеров приходили частями, эти правки пока вносили мы.

Спикеры
спикер
спикер
Кирилл ПукштоCEO Section 228
Программа
пункт программы
11:10Кирилл Пукшто
пункт программы
список спикеров
спикерспикерКирилл Пукшто · CEO Section 228 · 11:10конкурсы: показать условия
01 Строка в списке программа и спикеры меняются без программиста
02 Карточка и строка программы встают на сайт сами
список спикеров
спикерспикерКирилл Пукшто · CEO Section 228 · 11:10конкурсы: показать условия
01 Строка в списке программа и спикеры меняются без программиста
Спикеры
спикер
Кирилл ПукштоCEO Section 228
Программа
пункт программы
11:10Кирилл Пукшто
пункт программы
02 Карточка и строка программы встают на сайт сами

Telegram-бот для приема заявок за один день

На фестивале я набираю самых толковых студентов в команду. Я не хотел, чтобы заявки сыпались менеджеру в личку. 12 ноября в 14:08 я наговорил задачу голосом, около десяти вечера бот уже принимал заявки. Заявку берем только в Telegram и только с номером телефона.

КтоЧто делает
кандидатотвечает на вопросы в Telegram, номер дает только кнопкой, одна заявка с одного аккаунта
боткладет заявку строкой в Google-таблицу, пишет команде «новая заявка», выдает тестовое
командаставит статус в таблице и жмет одну кнопку, кандидату уходит приглашение, тестовое, «Берем» или отказ

Перед запуском агенты прошли 42 сценария с живого аккаунта Telegram, как кандидат. Все прошли.

заявкиGoogle-таблица
кандидатстатускандидатСобеседованиекандидатПолученаВераТестовое задание
статусТестовое заданиеОтправить
ответы
«новая заявка»
приглашение, тестовое, «Берем» или отказ
01 Вера, кандидат пример: отвечает на вопросы в Telegram
02 Строка в таблице бот выдает тестовое
03 Команда ставит статус и жмет одну кнопку

История-пример: Вера подает заявкуданные в примерах вымышленные

12 ноября
Section 228бот
Привет. Это бот отбора Section 228. Заявка займет пару минут.
Подать заявку
Подать заявку
Сначала согласие на обработку данных
Что собираем и зачем, коротко
СогласенНет
приветствие
12 ноября
Section 228бот
Тебе уже есть 18?
Да
Поделись номером телефона кнопкой внизу. Без номера заявку не принимаем.
Поделиться номеромкнопка видна только тебе
номер только кнопкой
13 ноября
Section 228бот
Заявка №27 принята
Ответим здесь, в этом чате.
Тестовое задание
Срок «4 дня»
Моя заявка
ПолученаСобеседованиеТестовое заданиеТестовое на проверкеРешение
моя заявка
01 Вера, кандидат пример: отвечает на вопросы в Telegram
ответы
заявкиGoogle-таблица
кандидатстатускандидатСобеседованиекандидатПолученаВераТестовое задание
02 Строка в таблице бот выдает тестовое
«новая заявка»
статусТестовое заданиеОтправить
03 Команда ставит статус и жмет одну кнопку
приглашение, тестовое, «Берем» или отказ

История-пример: Вера подает заявкуданные в примерах вымышленные

12 ноября
Section 228бот
Привет. Это бот отбора Section 228. Заявка займет пару минут.
Подать заявку
Подать заявку
Сначала согласие на обработку данных
Что собираем и зачем, коротко
СогласенНет
приветствие
12 ноября
Section 228бот
Тебе уже есть 18?
Да
Поделись номером телефона кнопкой внизу. Без номера заявку не принимаем.
Поделиться номеромкнопка видна только тебе
номер только кнопкой
13 ноября
Section 228бот
Заявка №27 принята
Ответим здесь, в этом чате.
Тестовое задание
Срок «4 дня»
Моя заявка
ПолученаСобеседованиеТестовое заданиеТестовое на проверкеРешение
моя заявка

Хотите стать нашим UGC-креатором? Оставьте заявку в нашем боте @ugc228_bot.

Где ИИ-агенты споткнулись

При первой выкладке WordPress испортил один символ в коде, и страница не заработала. Починили меньше чем за час. Утром 13 ноября команда вписала тестовое своими словами и срок «4 дня», а бот ждал шаблон и дату. Задание не ушло. Через 17 минут бот принимал и свой текст, и «4 дня».

страница фестиваля
<script>if (a && b) {</script>страница не заработала

WordPress испортил один символ в коде

меньше часа 23:20 → 00:07
Тестовое для Веры: своими словами, срок «4 дня» 07:27
Задание не ушло 07:27
принято: свой текст и «4 дня» 07:44
пример: имя кандидата

Тестовое своими словами и срок «4 дня»

17 минут 07:27 → 07:44
страница фестиваля
<script>if (a && b) {</script>страница не заработала

WordPress испортил один символ в коде

меньше часа 23:20 → 00:07
Тестовое для Веры: своими словами, срок «4 дня» 07:27
Задание не ушло 07:27
принято: свой текст и «4 дня» 07:44
пример: имя кандидата

Тестовое своими словами и срок «4 дня»

17 минут 07:27 → 07:44

Со стороны кажется, что все очень просто. Но я долго обучал своих агентов и выстраивал процесс, чтобы оно так работало.

Что взять себе

0:25
кто делаеткто проверяеткуда выкладываем

Задачу можно ставить голосом, если за ней стоит процесс: кто делает, кто проверяет, куда выкладываем

строка в списке

Делайте страницу, которую заказчик правит строкой в списке, а не через разработчика

новая заявка

Заявки ведите в боте и таблице, а не в личке: статус ставите в таблице, кандидату пишет бот

0:25 19 ноября · 11:10
0:25 19 ноября · 11:10

19 ноября в 11:10 включу студентам то самое голосовое на 25 секунд.

01 Зал фестиваля пример: Вера среди студентов

Сделаем так же для вас

Закажите сайт, бота или приложение под ключ.

Сайт для M.A.D. Fest мы собрали за вечер, бота для приема заявок за день. Так же быстро сделаем для вашего бизнеса: сайт или лендинг, бота, мини-приложение, мобильное или веб-приложение. Берем задачу целиком, от макета до запуска. Стоимость от 1 500 $. Оставьте заявку, обсудим задачу и назовем срок и цену.

  • сайт
  • лендинг
  • бот
  • мини-приложение
  • мобильное и веб-приложение

стоимость от 1 500 $

Оставить заявку

Вопросы

Можно ли сделать сайт голосом через ИИ?
Да, если у агентов настроен процесс: макет, код, проверки, выкладка. Сайт фестиваля собран по двум голосовым за вечер.
Сколько делается Telegram-бот для приема заявок?
Наш сделали за день: задача голосом в 14:08, около десяти вечера бот уже принимал заявки, складывал их в Google-таблицу и писал команде.
Это вайбкодинг?
Похоже, но нет. Вайбкодинг: человек просит нейросеть написать код и берет, что вышло. У нас за голосовым стоит процесс: агенты рисуют макет, я его утверждаю, дальше код, проверки на компьютере и телефоне и выкладка.

Читайте также