Кейс «ВкусДома»: лендинг онлайн-школы кулинарии за два часа силами AI-команды

Этот кейс — о том, как выглядит заказ лендинга, когда всю работу делает AI-команда, а не студия или фрилансер. Мы разберём реальный проект с платформы FreeTeams по минутам: от первой фразы заказчика до кнопки «Принять». Без приукрашиваний — с тем, что получилось хорошо, где AI-агентам понадобился человек и что заказчику стоит проверить самому перед запуском рекламы.

Проект — посадочная страница для онлайн-школы кулинарии для взрослых. На сайте она работает под брендом «ВкусДома». Задача типичная для онлайн-образования: показать, чему учат, снять страх «у меня не получится» и привести человека на бесплатный пробный урок. Если вы сами собираетесь делать похожую страницу, пригодится и наш общий разбор лендинга для онлайн-школы — здесь же мы сосредоточимся на процессе.

С чего всё началось: бриф из одной фразы

Заказчик не писал техническое задание. На старте он ответил на один вопрос — опишите проект своими словами — и уложился в три предложения: «Лендинг для онлайн-школы кулинарии для взрослых. Индивидуальные уроки, домашняя кухня, выпечка, здоровое питание. Цель — запись на бесплатный пробный урок. Стиль — тёплый, аппетитный, с акцентами».

Этого оказалось достаточно, чтобы AI-менеджер разложил описание по полям полноценного ТЗ. Он сформулировал продукт: индивидуальные онлайн-уроки с шеф-поваром в удобное время, для новичков и тех, кто хочет улучшить навыки. Описал аудиторию: мужчины и женщины 25–55 лет по всей России, которым интересны домашняя кухня, выпечка и здоровое питание. И назвал их главные боли — нехватка времени на готовку, отсутствие навыков и желание разнообразить рацион.

Из слов «тёплый, аппетитный» получились дизайн-требования: жёлтый #FFCC00, оранжевый #FF6600 и белый, фотографии блюд и уютной кухни, процесса готовки. Целевые действия — запись на пробный урок, форма обратной связи, подписка на рассылку. Структура — 17 блоков: от описания проблемы и форматов обучения до тарифов, команды, отзывов и FAQ.

Заполненное ТЗ заказчик просмотрел и утвердил. Проект создан в 10:13 по Москве, ТЗ утверждено в 10:20 — семь минут на то, что в классическом процессе занимает несколько созвонов и пару дней переписки.

Команда проекта: кто делал лендинг

В FreeTeams заказчик собирает команду под проект: на каждую роль можно поставить AI-агента или живого фрилансера. Для «ВкусДома» выбрали вариант, в котором все роли закрывают AI-агенты. Первый проект на AI-команде на платформе бесплатный, поэтому заказчик ничего не платил за работу — это была проба формата.

• AI-копирайтер. Стратегия текста, сами тексты блоков, редактура и юридические документы.
• AI-дизайнер. Структура страницы, дизайн-токены (цвета, шрифты, отступы) и макеты блоков.
• AI-верстальщик. Вёрстка адаптивного лендинга, формы заявки, анимированный первый экран.
• AI-приёмщик. Финальная проверка готовой страницы перед сдачей.

Команду подтвердили в 10:21 — через минуту после ТЗ. Дальше включился так называемый AI-режим: этапы текстов и дизайна идут друг за другом автоматически, заказчик не принимает их по отдельности, а видит общий прогресс «Шаг 1 из 3 · пишем тексты», «Шаг 2 из 3 · рисуем дизайн», «Шаг 3 из 3 · верстаем лендинг» и получает готовую страницу целиком. О том, когда разумно брать AI-агентов, а когда людей, мы подробно писали в материале AI-агенты или фрилансеры.

Как выбирали состав команды

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

У «ВкусДома» не было ни готовых текстов, ни дизайнера, ни жёстких сроков — была гипотеза: проверить, как онлайн-школа будет выглядеть на отдельной посадочной. Для такой задачи логично взять полностью AI-состав: получить страницу в тот же день, посмотреть на неё глазами клиента и только потом решать, во что вкладываться дальше. Если бы на роль копирайтера или дизайнера поставили человека, этап занял бы дни, а не минуты, и оплачивался бы отдельно.

Этап 1. Тексты за 7 минут

Работа над текстами началась в 10:24 и закончилась в 10:31. За эти семь минут AI-копирайтер прошёл несколько отдельных шагов, и у каждого была своя задача.

1. 1Стратегия. Сначала — не тексты, а главное обещание страницы. Оно получилось таким: научитесь готовить вкусно и уверенно в удобное для вас время — без лишних проб и ошибок. На это обещание потом опирается каждый блок.
2. 2Тексты блоков. Копирайтер прошёл 5 итераций, пока все блоки не собрались в цельную историю: проблема, решение, форматы, путь ученика, тарифы.
3. 3Редактура. Отдельный AI-редактор вычитал текст и поправил 9 фраз — убрал канцелярит и повторы.
4. 4Юридические документы. Политика конфиденциальности и согласие на обработку персональных данных — без них форма заявки нарушала бы 152-ФЗ.
5. 5Проверка. Финальный контроль текстов прошёл без замечаний.

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

Заметьте, как в текстах отработаны боли из ТЗ. Нехватка времени — «уроки в удобное время» и 45-минутные занятия. Отсутствие навыков — «программа под ваш уровень» и бесплатный пробный урок с диагностикой. Однообразие — форматы от домашней кухни до праздничного стола. Это и есть то, что отличает продающий текст от описания услуги; больше приёмов — в статье про копирайтинг для лендинга.

Стратегия перед текстом — главный приём этого этапа. Когда у страницы есть одно обещание, блоки перестают спорить друг с другом и ведут к одной кнопке.

Этап 2. Дизайн за 11 минут

В 10:31 эстафету принял AI-дизайнер. Его задача — перевести тексты и пожелания «тёплый, аппетитный» в конкретную систему: какие цвета у фона и кнопок, какие шрифты у заголовков и текста, как выглядят карточки, где фото, где иллюстрации. Дизайнер сделал 12 итераций, после чего проверка дизайна прошла без замечаний.

Палитра взята из ТЗ: тёплый оранжевый для кнопок и акцентов, мягкий кремовый фон, тёмная полоса для блока с цифрами, чтобы он выделялся. Заголовки — плотный гротеск, основной текст — с засечками, как и просил заказчик. В 10:42 этап дизайна завершился, и параллельно в фоне началась сборка анимированного первого экрана.

На скриншоте — блок форматов обучения. Четыре карточки с фото: пробный урок-знакомство, домашняя кухня и выпечка, здоровое питание и кондитерка, праздничный стол. У каждой — короткое описание формата и длительность занятий. Такой блок отвечает на вопрос «чему именно меня научат», не заставляя читать длинный текст.

Этап 3. Вёрстка и первый экран, который оживает

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

Сборка анимации заняла около девяти минут, и вот из чего она состоит:

• Сюжет. Крупный план деревянной разделочной доски с ингредиентами для простого домашнего блюда: зелень, нарезанные овощи, оливковое масло.
• Два ключевых кадра. Начальный — ингредиенты, конечный — готовое блюдо. Их сгенерировала нейросеть для изображений.
• Видео между ними. Четырёхсекундный ролик превращения, который потом нарезан на кадры: 70 для компьютера и 60 для телефона.
• Летающие предметы. Лист базилика, деревянная ложка и капля оливкового масла плавно двигаются поверх сцены, а над блюдом поднимается пар.
• Подписи. Шесть подписей-указателей с точками на кадре по фазам: «процесс обучения», «готовое блюдо» и другие.

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

Параллельно верстальщик собрал остальные блоки, формы и мобильную версию. В 10:51 лендинг был готов. Если сложить три этапа, чистая работа AI-команды заняла около 27 минут.

Как страница выглядит на телефоне

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

Проверять мобильную версию заказчику всё равно стоит руками: открыть ссылку на своём телефоне, пролистать до формы, оставить тестовую заявку. Это занимает пару минут и снимает большую часть вопросов до запуска рекламы.

Что получилось в итоге: 17 блоков одной страницы

Структура лендинга повторяет путь человека от сомнения к записи. Сначала — узнавание проблемы («Каждый день одно и то же — и нет времени это изменить»), потом решение и выгоды, затем доказательства и условия, и в конце — простая форма.

Вот что входит в страницу, по порядку:

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

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

Приёмка: где ушло больше всего времени

Готовый лендинг заказчик получил в 10:51, а принял его в 12:01. Эти 70 минут — самый долгий отрезок всего проекта, и это нормально: человек листает страницу, читает тексты, смотрит на телефоне, показывает коллегам. AI работает быстро, но решение о том, подходит ли страница бизнесу, принимает заказчик.

После приёмки свою работу сделал AI-приёмщик: меньше чем за две минуты он проверил финальную сборку и отметил два замечания. Финальная приёмка проекта закрылась в 12:11. От создания проекта до последней галочки — 1 час 58 минут. Чек-лист того, что смотреть на этом этапе, есть в статье приёмка лендинга.

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

Доработка: что добавил человек

Через два дня, 17 октября, команда FreeTeams вручную доработала дизайн страницы: добавила иконки и 3D-иллюстрации в карточки шагов и преимуществ, декоративные элементы на фоне, усилила блок сравнения. Это не исправление ошибок — страница работала и до этого, — а шлифовка, которая делает её заметно живее.

Этот эпизод хорошо показывает реальное разделение труда. AI-команда закрывает основной объём работы за полчаса: тексты, структуру, вёрстку, адаптив, юридические документы. Человек добавляет то, что пока лучше получается у людей, — вкус в деталях, ощущение «дорогого» визуала, чувство меры. Заказчик может заказать такую доработку отдельно или с самого начала поставить на роль дизайнера живого специалиста.

Как подготовиться к такому проекту: чек-лист заказчика

Кейс «ВкусДома» показывает, что для старта достаточно одной фразы. Но качество итоговой страницы сильно зависит от того, что заказчик принесёт к приёмке. Ниже — короткий список того, что стоит подготовить заранее, чтобы после двух часов работы AI-команды страницу можно было сразу запускать.

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

Как это выглядит со стороны заказчика

Всё, о чём шла речь выше, заказчик видит в одном кабинете: ТЗ, команда, задачи, превью лендинга и чат с AI-менеджером. Ниже — демонстрационное видео кабинета FreeTeams: так выглядит путь заказчика на платформе.

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

Что делать после приёмки

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

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

1. 1Заменить факты на реальные — цифры, отзывы, имена, цены и фото.
2. 2Подключить аналитику — счётчик и цель на отправку формы.
3. 3Запустить тестовый трафик — небольшой бюджет, чтобы получить первые заявки.
4. 4Доработать по данным — менять то, что мешает заявкам, а не то, что просто хочется поменять.

Что мы вынесли из этого кейса

• Короткого брифа достаточно, если в нём есть аудитория, продукт и целевое действие. Всё остальное AI достраивает, а заказчик правит.
• Стратегия перед текстами делает страницу цельной: одно обещание, на которое работают все блоки.
• Анимированный первый экран особенно хорош для ниш, где результат можно показать: еда, ремонт, красота, обучение навыку.
• Самое долгое — решение человека. AI-агенты работали 27 минут, заказчик смотрел результат больше часа. Это правильный баланс.
• Факты — на заказчике. Цифры, отзывы и цены нужно заменить на реальные до запуска рекламы.
• Человек нужен для шлифовки, а не для всего проекта: доработка дизайна 17 октября заметно подняла визуальный уровень страницы.

Бонус: ролик для соцсетей по готовому лендингу

Готовую страницу удобно показывать не только ссылкой. По лендингу «ВкусДома» мы сделали вертикальный ролик для Reels, Shorts и клипов ВКонтакте: страница прокручивается на экране ноутбука, первый экран оживает, в конце — заставка FreeTeams. Такой ролик работает как демонстрация результата в соцсетях и рекламе — без отдельной съёмки.

Частые вопросы

Сколько времени заняло создание лендинга «ВкусДома»?

От создания проекта до финальной приёмки — 1 час 58 минут. Сама работа AI-агентов над текстами, дизайном и вёрсткой заняла около 27 минут, остальное время заказчик проверял ТЗ и готовую страницу.

Участвовали ли в проекте живые исполнители?

На ролях копирайтера, дизайнера и верстальщика работали AI-агенты. Через два дня команда FreeTeams вручную доработала дизайн: добавила иконки, 3D-иллюстрации и декор.

Сколько стоил такой лендинг заказчику?

Это был первый проект заказчика на AI-команде, а он на платформе бесплатный. Платить нужно только за работу живых фрилансеров, если поставить их в команду.

Можно ли сразу запускать такой лендинг в рекламу?

Только после проверки фактов. Цифры, отзывы, имена и цены на странице нужно сверить с реальностью и заменить на настоящие — AI пишет по брифу и не знает данных вашего бизнеса.